@vkontakte/vkui 4.34.2 → 4.35.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.browserslistrc +5 -0
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.cache/.tsbuildinfo +242 -215
- package/.cache/ts/src/components/ConfigProvider/ConfigProviderContext.d.ts +1 -0
- package/.cache/ts/src/components/CustomSelect/CustomSelect.d.ts +1 -1
- package/.cache/ts/src/components/Dropdown/Dropdown.d.ts +46 -5
- package/.cache/ts/src/components/FocusTrap/FocusTrap.d.ts +1 -1
- package/.cache/ts/src/components/ModalRoot/ModalRoot.d.ts +1 -1
- package/.cache/ts/src/components/ModalRoot/ModalRootDesktop.d.ts +1 -1
- package/.cache/ts/src/components/Popper/Popper.d.ts +18 -1
- package/.cache/ts/src/components/PopperArrow/PopperArrow.d.ts +8 -0
- package/.cache/ts/src/components/RichTooltip/RichTooltip.d.ts +7 -2
- package/.cache/ts/src/components/Snackbar/Snackbar.d.ts +5 -1
- package/.cache/ts/src/components/SplitCol/SplitCol.d.ts +1 -0
- package/.cache/ts/src/components/Tabbar/Tabbar.d.ts +8 -1
- package/.cache/ts/src/components/Tabs/Tabs.d.ts +13 -2
- package/.cache/ts/src/components/TabsItem/TabsItem.d.ts +22 -1
- package/.cache/ts/src/components/TextTooltip/TextTooltip.d.ts +5 -1
- package/.cache/ts/src/components/Tooltip/Tooltip.d.ts +18 -1
- package/.cache/ts/src/components/Typography/Headline/Headline.d.ts +3 -3
- package/.cache/ts/src/components/View/View.d.ts +2 -18
- package/.cache/ts/src/components/View/ViewInfinite.d.ts +1 -1
- package/.cache/ts/src/components/WriteBar/WriteBar.d.ts +5 -1
- package/.cache/ts/src/tokenized/index.d.ts +26 -0
- package/.eslintrc.json +14 -4
- package/dist/cjs/components/CardScroll/CardScroll.js +3 -1
- package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js +7 -1
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.js +477 -554
- package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js +3 -0
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.js +147 -26
- package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/Epic/Epic.js +1 -6
- package/dist/cjs/components/Epic/Epic.js.map +1 -1
- package/dist/cjs/components/FocusTrap/FocusTrap.js +9 -10
- package/dist/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js +4 -7
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js +2 -2
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cjs/components/Popper/Popper.js +63 -68
- package/dist/cjs/components/Popper/Popper.js.map +1 -1
- package/dist/cjs/components/PopperArrow/PopperArrow.js +40 -0
- package/dist/cjs/components/PopperArrow/PopperArrow.js.map +1 -0
- package/dist/cjs/components/RichTooltip/RichTooltip.js +6 -15
- package/dist/cjs/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.js +20 -31
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cjs/components/Snackbar/Snackbar.js +7 -11
- package/dist/cjs/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/SplitCol/SplitCol.js +7 -1
- package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cjs/components/SplitLayout/SplitLayout.js +5 -8
- package/dist/cjs/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/cjs/components/Tabbar/Tabbar.js +15 -14
- package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.js +8 -10
- package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.js +23 -5
- package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/TabsItem/TabsItem.js +39 -22
- package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cjs/components/TextTooltip/TextTooltip.js +6 -9
- package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +94 -71
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Typography/Headline/Headline.js +11 -2
- package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cjs/components/View/View.js +388 -453
- package/dist/cjs/components/View/View.js.map +1 -1
- package/dist/cjs/components/WriteBar/WriteBar.js +12 -5
- package/dist/cjs/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js +3 -8
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cjs/hooks/useOrientationChange.js +2 -1
- package/dist/cjs/hooks/useOrientationChange.js.map +1 -1
- package/dist/cjs/tokenized/index.js +104 -0
- package/dist/cjs/tokenized/index.js.map +1 -1
- package/dist/components/CardScroll/CardScroll.js +3 -1
- package/dist/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProviderContext.d.ts +1 -0
- package/dist/components/ConfigProvider/ConfigProviderContext.js +3 -0
- package/dist/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.d.ts +1 -1
- package/dist/components/CustomSelect/CustomSelect.js +473 -580
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js +2 -0
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +46 -5
- package/dist/components/Dropdown/Dropdown.js +137 -27
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Epic/Epic.js +1 -4
- package/dist/components/Epic/Epic.js.map +1 -1
- package/dist/components/FocusTrap/FocusTrap.d.ts +1 -1
- package/dist/components/FocusTrap/FocusTrap.js +9 -9
- package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/components/HorizontalCell/HorizontalCell.js +3 -5
- package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +2 -2
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.js +2 -2
- package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/components/ModalRoot/ModalRoot.d.ts +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.d.ts +1 -1
- package/dist/components/Popper/Popper.d.ts +18 -1
- package/dist/components/Popper/Popper.js +62 -68
- package/dist/components/Popper/Popper.js.map +1 -1
- package/dist/components/PopperArrow/PopperArrow.d.ts +8 -0
- package/dist/components/PopperArrow/PopperArrow.js +27 -0
- package/dist/components/PopperArrow/PopperArrow.js.map +1 -0
- package/dist/components/RichTooltip/RichTooltip.d.ts +7 -2
- package/dist/components/RichTooltip/RichTooltip.js +5 -10
- package/dist/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/components/SimpleCell/SimpleCell.js +18 -28
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts +5 -1
- package/dist/components/Snackbar/Snackbar.js +8 -11
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/SplitCol/SplitCol.d.ts +1 -0
- package/dist/components/SplitCol/SplitCol.js +3 -0
- package/dist/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/components/SplitLayout/SplitLayout.js +4 -7
- package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/components/Tabbar/Tabbar.d.ts +8 -1
- package/dist/components/Tabbar/Tabbar.js +15 -14
- package/dist/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/components/TabbarItem/TabbarItem.js +7 -9
- package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +13 -2
- package/dist/components/Tabs/Tabs.js +23 -5
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/TabsItem/TabsItem.d.ts +22 -1
- package/dist/components/TabsItem/TabsItem.js +40 -21
- package/dist/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/components/TextTooltip/TextTooltip.d.ts +5 -1
- package/dist/components/TextTooltip/TextTooltip.js +5 -7
- package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +18 -1
- package/dist/components/Tooltip/Tooltip.js +89 -68
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Typography/Headline/Headline.d.ts +3 -3
- package/dist/components/Typography/Headline/Headline.js +10 -2
- package/dist/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/components/View/View.d.ts +2 -18
- package/dist/components/View/View.js +384 -462
- package/dist/components/View/View.js.map +1 -1
- package/dist/components/View/ViewInfinite.d.ts +1 -1
- package/dist/components/WriteBar/WriteBar.d.ts +5 -1
- package/dist/components/WriteBar/WriteBar.js +10 -5
- package/dist/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js +3 -6
- package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/components.css +143 -127
- package/dist/components.css.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.css +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.css +1 -1
- package/dist/cssm/components/Alert/Alert.css +1 -1
- package/dist/cssm/components/AppRoot/AppRoot.css +1 -1
- package/dist/cssm/components/Avatar/Avatar.css +3 -5
- package/dist/cssm/components/Badge/Badge.css +3 -3
- package/dist/cssm/components/Banner/Banner.css +5 -5
- package/dist/cssm/components/BaseGallery/BaseGallery.css +1 -1
- package/dist/cssm/components/Button/Button.css +53 -35
- package/dist/cssm/components/Calendar/Calendar.css +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.css +1 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.css +1 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.css +1 -1
- package/dist/cssm/components/CalendarRange/CalendarRange.css +1 -1
- package/dist/cssm/components/CalendarTime/CalendarTime.css +1 -1
- package/dist/cssm/components/Card/Card.css +5 -6
- package/dist/cssm/components/CardGrid/CardGrid.css +1 -1
- package/dist/cssm/components/CardScroll/CardScroll.css +1 -1
- package/dist/cssm/components/CardScroll/CardScroll.js +3 -1
- package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cssm/components/Cell/Cell.css +3 -3
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.css +1 -1
- package/dist/cssm/components/Cell/CellDragger/CellDragger.css +1 -1
- package/dist/cssm/components/CellButton/CellButton.css +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.css +1 -1
- package/dist/cssm/components/Chip/Chip.css +1 -1
- package/dist/cssm/components/ChipsInput/ChipsInput.css +1 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.css +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.d.ts +1 -0
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js +3 -0
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/cssm/components/ContentCard/ContentCard.css +1 -1
- package/dist/cssm/components/Counter/Counter.css +31 -31
- package/dist/cssm/components/CustomScrollView/CustomScrollView.css +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.css +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.js +473 -580
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.css +3 -3
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js +2 -0
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.css +3 -3
- package/dist/cssm/components/DateInput/DateInput.css +1 -1
- package/dist/cssm/components/DatePicker/DatePicker.css +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.css +1 -1
- package/dist/cssm/components/Dropdown/Dropdown.css +1 -1
- package/dist/cssm/components/Dropdown/Dropdown.d.ts +46 -5
- package/dist/cssm/components/Dropdown/Dropdown.js +137 -27
- package/dist/cssm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cssm/components/Epic/Epic.css +1 -1
- package/dist/cssm/components/Epic/Epic.js +1 -4
- package/dist/cssm/components/Epic/Epic.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.css +1 -1
- package/dist/cssm/components/FocusTrap/FocusTrap.d.ts +1 -1
- package/dist/cssm/components/FocusTrap/FocusTrap.js +9 -9
- package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.css +1 -1
- package/dist/cssm/components/Footer/Footer.css +1 -1
- package/dist/cssm/components/FormField/FormField.css +9 -9
- package/dist/cssm/components/FormItem/FormItem.css +1 -1
- package/dist/cssm/components/FormLayout/FormLayout.css +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.css +1 -1
- package/dist/cssm/components/FormStatus/FormStatus.css +1 -1
- package/dist/cssm/components/Gradient/Gradient.css +1 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.css +1 -1
- package/dist/cssm/components/Group/Group.css +1 -1
- package/dist/cssm/components/Header/Header.css +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.css +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js +3 -5
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.css +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.css +3 -3
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +2 -2
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/IconButton/IconButton.css +1 -1
- package/dist/cssm/components/InfoRow/InfoRow.css +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.css +1 -1
- package/dist/cssm/components/Input/Input.css +1 -1
- package/dist/cssm/components/InputLike/InputLike.css +1 -1
- package/dist/cssm/components/InputLike/InputLikeDivider.css +1 -1
- package/dist/cssm/components/Link/Link.css +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.css +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js +2 -2
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cssm/components/ModalCard/ModalCard.css +1 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.css +3 -3
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.css +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.css +1 -1
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.css +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.css +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.d.ts +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts +1 -1
- package/dist/cssm/components/Pagination/Pagination.css +1 -1
- package/dist/cssm/components/Panel/Panel.css +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.css +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.css +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.css +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.css +1 -1
- package/dist/cssm/components/Placeholder/Placeholder.css +3 -3
- package/dist/cssm/components/PopoutRoot/PopoutRoot.css +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.css +1 -1
- package/dist/cssm/components/Popper/Popper.css +1 -1
- package/dist/cssm/components/Popper/Popper.d.ts +18 -1
- package/dist/cssm/components/Popper/Popper.js +62 -68
- package/dist/cssm/components/Popper/Popper.js.map +1 -1
- package/dist/cssm/components/PopperArrow/PopperArrow.css +1 -0
- package/dist/cssm/components/PopperArrow/PopperArrow.d.ts +8 -0
- package/dist/cssm/components/PopperArrow/PopperArrow.js +28 -0
- package/dist/cssm/components/PopperArrow/PopperArrow.js.map +1 -0
- package/dist/cssm/components/Progress/Progress.css +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.css +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.css +3 -3
- package/dist/cssm/components/Radio/Radio.css +1 -1
- package/dist/cssm/components/RadioGroup/RadioGroup.css +1 -1
- package/dist/cssm/components/Removable/Removable.css +1 -1
- package/dist/cssm/components/RichCell/RichCell.css +3 -3
- package/dist/cssm/components/RichTooltip/RichTooltip.css +3 -1
- package/dist/cssm/components/RichTooltip/RichTooltip.d.ts +7 -2
- package/dist/cssm/components/RichTooltip/RichTooltip.js +5 -10
- package/dist/cssm/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/cssm/components/Root/Root.css +1 -1
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.css +1 -1
- package/dist/cssm/components/Search/Search.css +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControl.css +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css +1 -1
- package/dist/cssm/components/Select/Select.css +1 -1
- package/dist/cssm/components/Separator/Separator.css +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.css +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.js +18 -28
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.css +1 -1
- package/dist/cssm/components/Slider/Slider.css +3 -3
- package/dist/cssm/components/SliderSwitch/SliderSwitch.css +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.css +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.d.ts +5 -1
- package/dist/cssm/components/Snackbar/Snackbar.js +8 -11
- package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cssm/components/Spacing/Spacing.css +1 -1
- package/dist/cssm/components/Spinner/Spinner.css +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.css +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.d.ts +1 -0
- package/dist/cssm/components/SplitCol/SplitCol.js +3 -0
- package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.css +1 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.js +4 -7
- package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/cssm/components/SubnavigationBar/SubnavigationBar.css +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.css +1 -1
- package/dist/cssm/components/Switch/Switch.css +3 -3
- package/dist/cssm/components/Tabbar/Tabbar.css +5 -3
- package/dist/cssm/components/Tabbar/Tabbar.d.ts +8 -1
- package/dist/cssm/components/Tabbar/Tabbar.js +15 -14
- package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.css +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.js +7 -9
- package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cssm/components/Tabs/Tabs.css +1 -1
- package/dist/cssm/components/Tabs/Tabs.d.ts +13 -2
- package/dist/cssm/components/Tabs/Tabs.js +23 -5
- package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
- package/dist/cssm/components/TabsItem/TabsItem.css +5 -1
- package/dist/cssm/components/TabsItem/TabsItem.d.ts +22 -1
- package/dist/cssm/components/TabsItem/TabsItem.js +40 -21
- package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cssm/components/Tappable/Tappable.css +5 -5
- package/dist/cssm/components/TextTooltip/TextTooltip.css +1 -1
- package/dist/cssm/components/TextTooltip/TextTooltip.d.ts +5 -1
- package/dist/cssm/components/TextTooltip/TextTooltip.js +5 -7
- package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cssm/components/Textarea/Textarea.css +1 -1
- package/dist/cssm/components/Tooltip/Tooltip.css +1 -1
- package/dist/cssm/components/Tooltip/Tooltip.d.ts +18 -1
- package/dist/cssm/components/Tooltip/Tooltip.js +89 -68
- package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.css +1 -1
- package/dist/cssm/components/Typography/Footnote/Footnote.css +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.css +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.d.ts +3 -3
- package/dist/cssm/components/Typography/Headline/Headline.js +10 -2
- package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cssm/components/Typography/Paragraph/Paragraph.css +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.css +1 -1
- package/dist/cssm/components/Typography/Text/Text.css +1 -1
- package/dist/cssm/components/Typography/Title/Title.css +1 -1
- package/dist/cssm/components/UsersStack/UsersStack.css +5 -5
- package/dist/cssm/components/View/View.css +1 -1
- package/dist/cssm/components/View/View.d.ts +2 -18
- package/dist/cssm/components/View/View.js +384 -462
- package/dist/cssm/components/View/View.js.map +1 -1
- package/dist/cssm/components/View/ViewIOS.css +1 -1
- package/dist/cssm/components/View/ViewInfinite.d.ts +1 -1
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.css +1 -1
- package/dist/cssm/components/WriteBar/WriteBar.css +3 -1
- package/dist/cssm/components/WriteBar/WriteBar.d.ts +5 -1
- package/dist/cssm/components/WriteBar/WriteBar.js +10 -5
- package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.css +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js +3 -6
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cssm/fonts/fonts.css +1 -1
- package/dist/cssm/hooks/useOrientationChange.js +2 -1
- package/dist/cssm/hooks/useOrientationChange.js.map +1 -1
- package/dist/cssm/lib/calendar.d.ts +2 -2
- package/dist/cssm/styles/animations.css +1 -1
- package/dist/cssm/styles/bright_light.css +1 -1
- package/dist/cssm/styles/common.css +1 -1
- package/dist/cssm/styles/components.css +143 -127
- package/dist/cssm/styles/constants.css +3 -10
- package/dist/cssm/styles/space_gray.css +1 -1
- package/dist/cssm/styles/themes.css +1 -16
- package/dist/cssm/styles/unstable.css +3 -1
- package/dist/cssm/styles/vkcom_dark.css +1 -6
- package/dist/cssm/styles/vkcom_light.css +1 -11
- package/dist/cssm/tokenized/index.d.ts +26 -0
- package/dist/cssm/tokenized/index.js +13 -0
- package/dist/cssm/tokenized/index.js.map +1 -1
- package/dist/default_scheme.css +1 -1
- package/dist/default_scheme.css.map +1 -1
- package/dist/fonts.css +1 -1
- package/dist/fonts.css.map +1 -1
- package/dist/hooks/useOrientationChange.js +2 -1
- package/dist/hooks/useOrientationChange.js.map +1 -1
- package/dist/lib/calendar.d.ts +2 -2
- package/dist/tokenized/index.d.ts +26 -0
- package/dist/tokenized/index.js +13 -0
- package/dist/tokenized/index.js.map +1 -1
- package/dist/unstable.css +3 -1
- package/dist/unstable.css.map +1 -1
- package/dist/vkui.css +144 -143
- package/dist/vkui.css.map +1 -1
- package/package.json +6 -5
- package/src/components/Badge/Badge.css +0 -5
- package/src/components/CardScroll/CardScroll.tsx +1 -1
- package/src/components/Cell/Cell.css +3 -2
- package/src/components/ChipsInput/ChipsInput.css +2 -0
- package/src/components/ConfigProvider/ConfigProviderContext.tsx +2 -0
- package/src/components/Counter/Counter.css +30 -0
- package/src/components/CustomScrollView/CustomScrollView.css +10 -5
- package/src/components/CustomSelect/CustomSelect.tsx +543 -574
- package/src/components/CustomSelectDropdown/CustomSelectDropdown.tsx +2 -0
- package/src/components/Dropdown/Dropdown.css +12 -0
- package/src/components/Dropdown/Dropdown.tsx +174 -20
- package/src/components/Dropdown/Readme.md +1 -0
- package/src/components/Epic/Epic.tsx +1 -4
- package/src/components/FixedLayout/Readme.md +103 -109
- package/src/components/FocusTrap/FocusTrap.tsx +10 -10
- package/src/components/Group/Group.css +1 -1
- package/src/components/HorizontalCell/HorizontalCell.css +25 -43
- package/src/components/HorizontalCell/HorizontalCell.tsx +3 -9
- package/src/components/HorizontalScroll/HorizontalScroll.css +23 -0
- package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +2 -2
- package/src/components/Input/Input.css +2 -0
- package/src/components/MiniInfoCell/MiniInfoCell.css +13 -3
- package/src/components/MiniInfoCell/MiniInfoCell.tsx +3 -3
- package/src/components/Popper/Popper.css +0 -35
- package/src/components/Popper/Popper.tsx +66 -54
- package/src/components/PopperArrow/PopperArrow.css +34 -0
- package/src/components/PopperArrow/PopperArrow.tsx +40 -0
- package/src/components/RichTooltip/RichTooltip.css +44 -4
- package/src/components/RichTooltip/RichTooltip.tsx +9 -11
- package/src/components/SimpleCell/Readme.md +115 -129
- package/src/components/SimpleCell/SimpleCell.css +30 -68
- package/src/components/SimpleCell/SimpleCell.tsx +21 -25
- package/src/components/Snackbar/Readme.md +95 -123
- package/src/components/Snackbar/Snackbar.css +18 -27
- package/src/components/Snackbar/Snackbar.tsx +17 -11
- package/src/components/SplitCol/SplitCol.tsx +2 -0
- package/src/components/SplitLayout/SplitLayout.css +3 -7
- package/src/components/SplitLayout/SplitLayout.tsx +9 -6
- package/src/components/Tabbar/Tabbar.css +4 -1
- package/src/components/Tabbar/Tabbar.tsx +23 -12
- package/src/components/TabbarItem/TabbarItem.css +7 -5
- package/src/components/TabbarItem/TabbarItem.tsx +13 -7
- package/src/components/Tabs/Readme.md +191 -251
- package/src/components/Tabs/Tabs.css +27 -80
- package/src/components/Tabs/Tabs.tsx +45 -7
- package/src/components/TabsItem/Readme.md +1 -0
- package/src/components/TabsItem/TabsItem.css +191 -106
- package/src/components/TabsItem/TabsItem.tsx +72 -20
- package/src/components/TextTooltip/TextTooltip.css +41 -11
- package/src/components/TextTooltip/TextTooltip.tsx +9 -13
- package/src/components/Textarea/Textarea.css +2 -0
- package/src/components/Tooltip/Readme.md +128 -101
- package/src/components/Tooltip/Tooltip.css +29 -40
- package/src/components/Tooltip/Tooltip.tsx +98 -66
- package/src/components/Typography/Headline/Headline.tsx +15 -1
- package/src/components/View/Readme.md +2 -0
- package/src/components/View/View.tsx +451 -514
- package/src/components/WriteBar/WriteBar.css +27 -33
- package/src/components/WriteBar/WriteBar.tsx +16 -5
- package/src/components/WriteBarIcon/WriteBarIcon.css +6 -19
- package/src/components/WriteBarIcon/WriteBarIcon.tsx +6 -6
- package/src/hooks/useOrientationChange.ts +1 -0
- package/src/styles/components.css +1 -0
- package/src/styles/constants.css +8 -0
- package/src/tokenized/index.ts +39 -0
- package/tsconfig.json +1 -1
- package/.cache/ts/src/components/ClickPopper/ClickPopper.d.ts +0 -21
- package/dist/cjs/components/ClickPopper/ClickPopper.js +0 -96
- package/dist/cjs/components/ClickPopper/ClickPopper.js.map +0 -1
- package/dist/components/ClickPopper/ClickPopper.d.ts +0 -21
- package/dist/components/ClickPopper/ClickPopper.js +0 -71
- package/dist/components/ClickPopper/ClickPopper.js.map +0 -1
- package/dist/cssm/components/ClickPopper/ClickPopper.d.ts +0 -21
- package/dist/cssm/components/ClickPopper/ClickPopper.js +0 -71
- package/dist/cssm/components/ClickPopper/ClickPopper.js.map +0 -1
- package/src/components/ClickPopper/ClickPopper.tsx +0 -86
|
@@ -1,127 +1,143 @@
|
|
|
1
|
-
.
|
|
2
|
-
--palette-vk-font,
|
|
3
|
-
-apple-system,
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
Roboto, sans-serif;--ios-easing:cubic-bezier(0.36, 0.66, 0.04, 1);--android-easing:cubic-bezier(0.4, 0, 0.2, 1);--tabbar_height:48px;--panelheader_height:56px;--panelheader_height_ios:52px;--panelheader_height_vkcom:48px;--search_default_height:36px;--thin-border:1px;--formitem_padding:16px;--white:#fff;--blue_200:#5c9ce6;--safe-area-inset-top:0px;--safe-area-inset-right:0px;--safe-area-inset-bottom:0px;--safe-area-inset-left:0px;--duration:0.7s}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkui__root,.vkui__portal-root{--thin-border:0.5px}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkui__root,.vkui__portal-root{--thin-border:0.33px}}@supports (padding-top:constant(safe-area-inset-top)){.vkui__root,.vkui__portal-root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (padding-top:env(safe-area-inset-top)){.vkui__root,.vkui__portal-root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}@-webkit-keyframes vkui-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes vkui-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes vkui-popper-fadein{0%{opacity:0}to{opacity:1}}@keyframes vkui-popper-fadein{0%{opacity:0}to{opacity:1}}.vkui__root--embedded{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow-x:hidden}.vkuiAppRoot{height:100%}.vkui__root--embedded .vkuiAppRoot{overflow:auto}.vkui--sizeX-regular{background:#ebedf0;background:var(--background_page)}.vkuiAppRoot--no-mouse{-webkit-user-select:none;user-select:none}.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;font-size:var(--vkui--font_title1--font_size--regular,24px);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular,28px);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular,600)}.vkuiTitle--l-2{font-size:20px;font-size:var(--vkui--font_title2--font_size--regular,20px);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular,24px);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular,600)}.vkuiTitle--l-3{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular,17px);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular,22px);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular,600)}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiTitle--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiTitle--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiHeadline{display:block;margin:0}.vkuiHeadline--l-1{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular,16px);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular,20px);font-weight:500;font-weight:var(--vkui--font_headline1--font_weight--regular,500)}.vkuiHeadline--l-2{font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular,15px);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular,20px);font-weight:500;font-weight:var(--vkui--font_headline2--font_weight--regular,500)}.vkuiHeadline--sizeY-compact.vkuiHeadline--l-1{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact,20px)}.vkuiHeadline--sizeY-compact.vkuiHeadline--l-2{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact,14px);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact,20px)}.vkuiHeadline--w-regular{font-weight:400}.vkuiHeadline--w-medium{font-weight:500}.vkuiHeadline--w-semibold{font-weight:600}.vkuiHeadline--android.vkuiHeadline--w-semibold{font-weight:500}.vkuiHeadline--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiHeadline--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiHeadline--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiText{display:block;margin:0;font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400)}.vkuiText--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiText--w-regular{font-weight:400}.vkuiText--w-medium{font-weight:500}.vkuiText--w-semibold{font-weight:600}.vkuiText--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiText--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiText--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiParagraph{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular,400)}.vkuiParagraph--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiParagraph--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiParagraph--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiSubhead{margin:0;font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular,400)}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact,13px);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact,16px)}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiSubhead--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiSubhead--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiFootnote{display:block;margin:0;font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular,400)}.vkuiFootnote--caps{font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular,16px);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular,400);text-transform:uppercase}.vkuiFootnote--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiFootnote--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiFootnote--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiCaption{display:block;margin:0}.vkuiCaption--caps{text-transform:uppercase}.vkuiCaption--l-1{font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular,400)}.vkuiCaption--l-1.vkuiCaption--caps{font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular,16px);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular,400)}.vkuiCaption--l-2{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px);font-weight:400;font-weight:var(--vkui--font_caption1--font_weight--regular,400)}.vkuiCaption--l-2.vkuiCaption--caps{font-size:12px;font-size:var(--vkui--font_caption1_caps--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1_caps--line_height--regular,14px);font-weight:600;font-weight:var(--vkui--font_caption1_caps--font_weight--regular,600)}.vkuiCaption--l-3{font-size:11px;font-size:var(--vkui--font_caption2--font_size--regular,11px);line-height:14px;line-height:var(--vkui--font_caption2--line_height--regular,14px);font-weight:400;font-weight:var(--vkui--font_caption2--font_weight--regular,400)}.vkuiCaption--l-3.vkuiCaption--caps{font-size:11px;font-size:var(--vkui--font_caption2_caps--font_size--regular,11px);line-height:14px;line-height:var(--vkui--font_caption2_caps--line_height--regular,14px);font-weight:600;font-weight:var(--vkui--font_caption2_caps--font_weight--regular,600)}.vkuiCaption--l-4{font-size:9px;font-size:var(--vkui--font_caption3--font_size--regular,9px);line-height:12px;line-height:var(--vkui--font_caption3--line_height--regular,12px);font-weight:400;font-weight:var(--vkui--font_caption3--font_weight--regular,400)}.vkuiCaption--l-4.vkuiCaption--caps{font-size:9px;font-size:var(--vkui--font_caption3_caps--font_size--regular,9px);line-height:12px;line-height:var(--vkui--font_caption3_caps--line_height--regular,12px);font-weight:600;font-weight:var(--vkui--font_caption3_caps--font_weight--regular,600)}.vkuiCaption.vkuiCaption--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiCaption.vkuiCaption--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiCaption.vkuiCaption--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiCaption--w-regular{font-weight:400}.vkuiCaption--w-medium{font-weight:500}.vkuiCaption--w-semibold{font-weight:600}.vkuiCaption--w-bold{font-weight:700}.vkuiTappable{position:relative;cursor:default;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);transition:background-color .15s ease-out}.vkuiTappable--hasHover,.vkuiTappable--hasActive{cursor:pointer}.vkuiTappable[disabled],.vkuiTappable[aria-disabled=true]{cursor:default}.vkuiTappable--focus-visible{outline:0}.vkuiTappable--active-background.vkuiTappable--active-background.vkuiTappable--active-background{background-color:rgba(0,0,0,.08);background-color:var(--background_highlighted,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
)}.vkuiButton--sz-
|
|
16
|
-
|
|
17
|
-
)}.vkuiButton--sz-
|
|
18
|
-
|
|
19
|
-
)}.vkuiButton--sz-
|
|
20
|
-
|
|
21
|
-
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__content:first-child{padding-left:12px;padding-left:var(
|
|
22
|
-
|
|
23
|
-
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-
|
|
24
|
-
|
|
25
|
-
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-
|
|
26
|
-
|
|
27
|
-
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-
|
|
28
|
-
|
|
29
|
-
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-l .
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
)}.vkuiButton--lvl-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover,#000102)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active,#000105)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay,.vkuiButton--lvl-outline.vkuiButton--clr-overlay{color:#fff;color:var(--white, var(--vkui--color_text_contrast))}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover,#F5F5F7)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active,#EBECEF)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--white, var(--vkui--color_stroke_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover,#F5F5F7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active,#EBECEF)}.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton__after:not(:first-child){margin-left:6px}.vkuiButton--sz-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--sz-l .vkuiButton__after:not(:first-child){margin-left:8px}.vkuiButton--sz-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-m.vkuiButton--singleIcon{width:32px;width:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--sz-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular,44px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular,44px)}.vkuiBanner__actions>.vkuiButton{margin-top:12px;margin-right:16px;margin-bottom:6px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary{margin:4px 16px 2px calc(-1*12px);margin:4px 16px 2px calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiBanner__actions>.vkuiButton--sz-m.vkuiButton--lvl-tertiary{margin-left:calc(-1*12px);margin-left:calc(-1*var(--vkui--size_button_tertiary_medium_padding_horizontal--regular,12px))}.vkuiBanner__actions>.vkuiButton--sz-l.vkuiButton--lvl-tertiary{margin-left:calc(-1*16px);margin-left:calc(-1*var(--vkui--size_button_tertiary_large_padding_horizontal--regular,16px))}.vkuiBanner__actions>.vkuiButton--lvl-tertiary:first-child{margin-top:4px}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton:not(.vkuiButton--lvl-tertiary){margin-top:0}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton--lvl-tertiary{margin-top:2px;margin-left:-12px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary+.vkuiButton--lvl-tertiary{margin-top:2px}.vkuiModalCardBase__actions .vkuiButton{flex:1;margin-left:6px;margin-right:6px;width:0}.vkuiModalCardBase__actions--v .vkuiButton{margin-left:0;margin-right:0;width:100%}.vkuiModalCardBase__actions--v .vkuiButton+.vkuiButton{margin-top:12px}.vkuiRichCell__actions>.vkuiButton+.vkuiButton{margin-left:8px}.vkuiRemovable__content{position:relative;display:flex;align-items:center;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiRemovable__action{position:relative;flex-grow:0;flex-shrink:0;border:0}.vkuiRemovable__action.vkuiRemovable__action{color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary))}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{position:absolute;left:100%;top:0;height:100%;padding:0 10px;font-size:15px;line-height:45px;color:#fff;color:var(--white);background-color:#e64646;background-color:var(--destructive, var(--vkui--color_background_negative));border:0;border-radius:0}.vkuiRemovable__remove-in{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{display:block;width:44px;height:44px;margin:0 2px;background:0 0}.vkuiRemovable__toggle-in{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;border:0}.vkuiRemovable__toggle-in::after{content:"";width:22px;height:22px;background-color:#e64646;background-color:var(--destructive, var(--vkui--color_background_negative));border-radius:50%}.vkuiRemovable__toggle-in::before{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#fff;background-color:var(--white)}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable .vkuiRemovable__content,.vkuiFormLayoutGroup--removable .vkuiRemovable__content{flex-wrap:wrap;align-items:flex-start}.vkuiFormItem--withTop .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__offset{order:-1;display:block;width:100%;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular,18px) + 8px)}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--withTop~.vkuiRemovable__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact,16px) + 6px)}[class$="--focus-visible"]>.vkuiFocusVisible{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:inherit;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent, var(--vkui--color_stroke_accent));-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;z-index:0}[class$="--focus-visible"]>.vkuiFocusVisible--outside{top:-2px;left:-2px;right:-2px;bottom:-2px}@media (prefers-reduced-motion:no-preference){[class$="--focus-visible"]>.vkuiFocusVisible{top:4px;left:4px;right:4px;bottom:4px;-webkit-animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation:vkui-animation-focus-visible .15s ease-in-out forwards;-webkit-animation-delay:.01ms;animation-delay:.01ms;will-change:top,left,bottom,right}[class$="--focus-visible"]>.vkuiFocusVisible--outside{top:0;left:0;bottom:0;right:0;-webkit-animation-name:vkui-animation-focus-visible-outside;animation-name:vkui-animation-focus-visible-outside}@-webkit-keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@-webkit-keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}}.vkuiRoot{width:100%;height:100%;position:relative}.vkuiRoot--transition{pointer-events:none}.vkuiRoot__view{width:100%;height:100%;position:relative}.vkuiRoot--transition .vkuiRoot__view{position:fixed;left:0;top:0;overflow:hidden}.vkuiRoot__scrollCompensation{width:100%;height:100%}.vkuiRoot__view--show-back,.vkuiRoot__view--hide-forward{z-index:1}.vkuiRoot__view--show-forward,.vkuiRoot__view--hide-back{z-index:2}.vkuiRoot__view--show-forward{-webkit-animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-root-android-animation-show-forward .3s var(--android-easing);animation:vkui-root-android-animation-show-forward .3s var(--android-easing)}.vkuiRoot__view--hide-back{-webkit-animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards;animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards}.vkuiRoot__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiRoot__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiRoot__modal:empty{display:none}.vkuiRoot--ios .vkuiRoot__view--show-back::after,.vkuiRoot--ios .vkuiRoot__view--hide-forward::after{position:absolute;width:100%;height:100%;left:0;top:0;display:block;content:"";background-color:#000;z-index:6}.vkuiRoot--ios .vkuiRoot__view--show-back::after{-webkit-animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward::after{-webkit-animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--show-forward{-webkit-animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--hide-back{-webkit-animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards}@-webkit-keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@-webkit-keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-root-android-animation-hide-back{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}}@keyframes vkui-root-android-animation-hide-back{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}}@-webkit-keyframes vkui-root-android-animation-show-forward{0%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes vkui-root-android-animation-show-forward{0%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiView--ios .vkuiPanel__in{padding:0 0 0 0;padding:0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.vkuiView--ios .vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-prev-forward .6s var(--ios-easing);animation:vkui-animation-ios-prev-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-back .6s var(--ios-easing);animation:vkui-animation-ios-next-back .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-forward .6s var(--ios-easing);animation:vkui-animation-ios-next-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards;animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background:#000;pointer-events:none}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-fade-in .6s var(--ios-easing);animation:vkui-animation-ios-fade-in .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards;animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{-webkit-animation:none;animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@-webkit-keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{position:relative;height:100%;width:100%;word-wrap:break-word;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common)}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{z-index:2;position:fixed;width:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--animated .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header{pointer-events:none}.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{position:relative;width:100%;height:100%;box-sizing:border-box;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{position:fixed;top:0;left:0;overflow:hidden}.vkuiView__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiView__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiView__modal:empty{display:none}.vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards;animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-view-next-forward .3s var(--android-easing);animation:vkui-animation-view-next-forward .3s var(--android-easing)}.vkuiView--no-motion .vkuiView__panel{-webkit-animation:none;animation:none}@-webkit-keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiPanel{position:relative;width:100%;height:100%}.vkuiPanel::after{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;content:""}.vkuiPanel--centered .vkuiPanelHeader{position:absolute;left:0;top:0;width:100%}.vkuiPanel__in{position:relative;box-sizing:border-box;width:100%;min-height:100%;z-index:2;display:flex;flex-direction:column}.vkuiPanel__centered{display:flex;flex:1 0;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis+*{margin-top:52px;margin-top:var(--panelheader_height_ios)}.vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--vis+*,.vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--vis+*{margin-top:56px;margin-top:var(--panelheader_height)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 5px);margin-top:calc(var(--panelheader_height_ios) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--panelheader_height) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 5px);margin-top:calc(var(--panelheader_height_vkcom) + 5px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 16px);margin-top:calc(var(--panelheader_height_ios) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--panelheader_height) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 16px);margin-top:calc(var(--panelheader_height_vkcom) + 16px)}.vkuiEpic .vkuiPanel__in{padding-bottom:48px;padding-bottom:var(--tabbar_height);padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__separator{position:relative;z-index:3}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel .vkuiPanel__in,.vkuiPanel::after{background-color:#fff;background-color:var(--background_content)}.vkuiPanel.vkuiPanel--regular .vkuiPanel__in,.vkuiPanel.vkuiPanel--regular::after{background-color:transparent}.vkuiPanelHeader{position:relative}.vkuiPanelHeader--vis.vkuiPanelHeader--fixed::before{display:block;content:""}.vkuiPanelHeader:not(.vkuiPanelHeader--vis):not(.vkuiPanelHeader--fixed){height:0}.vkuiPanelHeader__fixed{z-index:10}.vkuiPanelHeader__in{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;position:relative;background:#fff;background:var(--header_background)}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:0 0}.vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}.vkuiPanelHeader__before{box-sizing:border-box;color:#2688eb;color:var(--header_tint);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>*{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:#000;color:var(--header_text);font-weight:500;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display)}.vkuiPanelHeader::before,.vkuiPanelHeader__in{height:56px;height:var(--panelheader_height);padding-top:0;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader__after{display:flex;justify-content:flex-end;box-sizing:border-box;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeader--vkapps .vkuiPanelHeader__after{min-width:90px}.vkuiPanelHeader--ios{--panelheader_height:var(--panelheader_height_ios)}.vkuiPanelHeader--ios .vkuiPanelHeader__before{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 0 4px 4px}.vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{text-align:center;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__after{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 4px 4px 0}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty){padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiPanelHeader--android .vkuiSearch,.vkuiPanelHeader--vkcom .vkuiSearch{padding:0 4px}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}.vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{--panelheader_height:var(--panelheader_height_vkcom);position:relative;z-index:10}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in)::after{position:absolute;left:1px;left:var(--thin-border);right:1px;right:var(--thin-border);bottom:0;height:1px;height:var(--thin-border);background-color:#fff;background-color:var(--header_background);content:""}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__in{border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 0 0 1px #e1e3e6 inset;box-shadow:0 0 0 var(--thin-border) var(--input_border) inset;border-bottom:none}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom .vkuiPanelHeader__before:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__before,.vkuiPanelHeader--vkcom .vkuiPanelHeader__after{flex-basis:0;flex-shrink:0;flex-grow:1}.vkuiPanelHeaderButton{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-shadow:none;display:block;color:currentColor;padding:0;margin:0;position:relative}.vkuiPanelHeaderButton[disabled]{opacity:.6}.vkuiPanelHeaderButton .vkuiCounter{position:absolute;padding:0;top:8px;right:2px}.vkuiPanelHeaderButton--ios{position:relative;display:flex;align-items:center;font-size:17px}.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive{height:44px;line-height:44px;padding:0 12px}.vkuiPanelHeaderButton--ios .vkuiIcon--24{padding:10px}.vkuiPanelHeaderButton--ios .vkuiIcon--28{padding:8px}.vkuiPanelHeaderButton--android{border-radius:50%}.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 12px}.vkuiPanelHeaderButton--android .vkuiIcon--24{padding:12px}.vkuiPanelHeaderButton--android .vkuiIcon--28{padding:10px}.vkuiPanelHeaderButton--vkcom{color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderButton--vkcom>:not(.vkuiCounter){transition:opacity .3s;opacity:.7}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover>:not(.vkuiCounter),.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active>:not(.vkuiCounter){opacity:1}.vkuiPanelHeaderButton--vkcom{display:flex;align-items:center;padding:10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label{padding-right:8px}.vkuiPanelHeaderContent{line-height:initial;height:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common)}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{flex-grow:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.vkuiPanelHeaderContent__status,.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__children .vkuiHeadline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vkuiPanelHeaderContent__status{order:1;margin-top:1px;max-width:100%;color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderContent__children{max-width:100%;display:flex;align-items:center}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{display:flex;align-items:center;justify-content:flex-start;margin-left:2px;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-size:21px;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:500;line-height:52px;line-height:var(--panelheader_height_ios)}.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in{font-size:23px;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:500;line-height:56px;line-height:var(--panelheader_height)}.vkuiPanelHeaderContent--vkcom .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--vkcom .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContext--opened,.vkuiPanelHeaderContext--closing{width:100%;height:100%}.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--opened,.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--closing{height:auto}.vkuiPanelHeaderContext__in{position:absolute;left:0;width:100%;z-index:2}.vkuiPanelHeaderContext__fade{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(0,0,0,.4)}.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__fade{-webkit-animation:vkui-animation-panelheadercontext-fade-in .2s ease;animation:vkui-animation-panelheadercontext-fade-in .2s ease}.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__fade{-webkit-animation:vkui-animation-panelheadercontext-fade-out .2s ease;animation:vkui-animation-panelheadercontext-fade-out .2s ease}.vkuiPanelHeaderContext--ios.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-in .2s ease;animation:vkui-animation-panelheadercontext-translate-in .2s ease}.vkuiPanelHeaderContext--ios.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-out .2s ease;animation:vkui-animation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext--ios .vkuiList{background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--android .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom .vkuiPanelHeaderContext__in{padding:8px;box-sizing:border-box}.vkuiPanelHeaderContext--android.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-in .2s ease;animation:vkui-animation-panelheadercontext-translate-in .2s ease}.vkuiPanelHeaderContext--android.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-out .2s ease;animation:vkui-animation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext--android .vkuiList,.vkuiPanelHeaderContext--vkcom .vkuiList,.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--ios .vkuiList{overflow:hidden;border-radius:12px;padding:8px 0;background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__in{padding:12px 8px;box-sizing:border-box}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__content{border-radius:12px;overflow:hidden;background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__content{box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}@-webkit-keyframes vkui-animation-panelheadercontext-translate-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-panelheadercontext-translate-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes vkui-animation-panelheadercontext-translate-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes vkui-animation-panelheadercontext-translate-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}.vkuiPopoutRoot{width:100%;height:100%;position:relative}.vkuiPopoutRoot__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiPopoutRoot--absolute{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiPopoutRoot__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiPopoutRoot__modal:empty{display:none}.vkuiSplitLayout{width:100%;height:100%;position:relative;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common)}.vkuiSplitLayout__inner{width:100%;height:100%;display:flex}.vkuiSplitLayout__inner--header{position:relative;z-index:11}.vkuiSplitLayout--ios .vkuiSplitLayout__inner--header{margin-top:calc(-1*(52px + 0px));margin-top:calc(-1*(var(--panelheader_height_ios) + var(--safe-area-inset-top)))}.vkuiSplitLayout--android .vkuiSplitLayout__inner--header,.vkuiSplitLayout--vkcom .vkuiSplitLayout__inner--header{margin-top:calc(-1*(56px + 0px));margin-top:calc(-1*(var(--panelheader_height) + var(--safe-area-inset-top)))}.vkuiSplitLayout__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiSplitLayout__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiSplitLayout__modal:empty{display:none}.vkuiSplitCol{height:100%;width:1px;flex-grow:1;flex-shrink:1;position:relative}.vkuiSplitCol--spaced{margin:0 16px;margin:0 var(--vkui--size_split_col_padding_horizontal--regular,16px)}.vkuiSplitCol--fixed{height:100%;width:1px;flex-grow:1;flex-shrink:1}.vkuiSplitCol__fixedInner{height:inherit;width:inherit;min-width:inherit;max-width:inherit;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.vkuiEpic{width:100%;height:100%}.vkuiTabbar{position:fixed;z-index:2;bottom:0;left:0;width:100%;height:48px;height:var(--tabbar_height);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);box-sizing:content-box;background:#fff;background:var(--header_alternate_background,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
);color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary));box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0px 0px 2px rgba(0, 0, 0, 0.08) , 0px 4px 16px rgba(0, 0, 0, 0.08));display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--m .vkuiHorizontalScrollArrow__icon{width:28px;height:28px;border-radius:14px}.vkuiHorizontalScrollArrow--l .vkuiHorizontalScrollArrow__icon{width:40px;height:40px;border-radius:24px}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular, 16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiGallery:hover .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow{opacity:1}.vkuiPopoutWrapper{width:100%;height:100%;box-sizing:border-box;left:0;top:0;pointer-events:none}.vkuiPopoutWrapper--opened{pointer-events:initial}.vkuiPopoutWrapper--closing{pointer-events:none}.vkuiPopoutWrapper--fixed{position:fixed}.vkuiPopoutWrapper__overlay{position:fixed;left:0;top:0;width:100%;height:100%;opacity:1;-webkit-animation:vkui-animation-full-fade-in .2s ease;animation:vkui-animation-full-fade-in .2s ease;-webkit-animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease;animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease}.vkuiPopoutWrapper--closing .vkuiPopoutWrapper__overlay{opacity:0;transition:opacity .2s cubic-bezier(.3,.3,.5,1);transition:opacity var(--vkui--animation_duration_m,0.2s) var(--vkui--animation_easing_default,cubic-bezier(0.3, 0.3, 0.5, 1))}.vkuiPopoutWrapper--masked .vkuiPopoutWrapper__overlay{background:rgba(0,0,0,.4);background:var(--vkui--color_overlay_primary,rgba(0, 0, 0, 0.4))}.vkuiPopoutWrapper--fixed .vkuiPopoutWrapper__overlay{position:absolute}.vkuiPopoutWrapper__container{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box}.vkuiPopoutWrapper__content{display:flex;justify-content:center;width:100%;z-index:2;pointer-events:none}.vkuiPopoutWrapper__content>*{pointer-events:auto}.vkuiPopoutWrapper--v-center .vkuiPopoutWrapper__container{align-items:center}.vkuiPopoutWrapper--v-bottom .vkuiPopoutWrapper__container{align-items:flex-end}.vkuiPopoutWrapper--v-top .vkuiPopoutWrapper__container{align-items:flex-start}.vkuiPopoutWrapper--h-center .vkuiPopoutWrapper__container{justify-content:center}.vkuiPopoutWrapper--h-left .vkuiPopoutWrapper__container{justify-content:flex-start}.vkuiPopoutWrapper--h-right .vkuiPopoutWrapper__container{justify-content:flex-end}@-webkit-keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}.vkuiActionSheet{position:relative;overflow:hidden}.vkuiActionSheet__header{color:#818c99;color:var(--text_secondary)}.vkuiActionSheet--ios{width:100%;-webkit-animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.vkuiActionSheet--ios.vkuiActionSheet--closing{-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing)}.vkuiActionSheet--ios .vkuiActionSheet__header{padding:15px 10px;position:relative;overflow:hidden;border-radius:14px 14px 0 0;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__header::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:""}.vkuiActionSheet--android,.vkuiActionSheet--vkcom{width:calc(100% - 20px);margin:10px;-webkit-animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-actionsheet-intro .2s var(--android-easing);animation:vkui-animation-actionsheet-intro .2s var(--android-easing);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08);padding:8px 0;background:#fff;background:var(--modal_card_background)}.vkuiActionSheet--android.vkuiActionSheet--closing{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px));transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing);transition:transform .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiActionSheet--android .vkuiActionSheet__header,.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:16px 20px}.vkuiActionSheet--android .vkuiActionSheet__title+.vkuiActionSheet__text,.vkuiActionSheet--vkcom .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--desktop{width:auto;height:auto;background:#fff;background:var(--modal_card_background);-webkit-animation:none;animation:none;padding:0;margin:0}.vkuiActionSheet--desktop.vkuiActionSheet--sizeY-compact{padding-top:8px;padding-bottom:8px}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);padding:0}.vkuiActionSheet--desktop.vkuiActionSheet--android{min-width:112px;border-radius:12px;padding:8px 0;box-shadow:0 8px 8px rgba(0,0,0,.16),0 0 4px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom{border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:14px 20px}@-webkit-keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiActionSheetItem{position:relative;z-index:2;overflow:hidden;display:flex;align-items:center;text-decoration:none;color:#000;color:var(--text_primary)}.vkuiActionSheetItem__container,.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{position:relative;z-index:2}.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{flex-shrink:0}.vkuiActionSheetItem__container{max-width:100%;flex-grow:1;white-space:nowrap;overflow:hidden}.vkuiActionSheetItem__content{display:flex;align-items:baseline;overflow:hidden}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary);overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:#818c99;color:var(--text_secondary);margin-left:6px;flex-shrink:0}.vkuiActionSheetItem__before{color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__container:first-child{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__before{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--compact .vkuiActionSheetItem__container{color:#000;color:var(--text_primary)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{display:none;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background-color:#2688eb;background-color:var(--accent);color:#fff;color:var(--white)}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{padding:0 20px;min-height:56px;border-radius:0;color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--destructive{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2),.vkuiActionSheetItem--ios:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:-1;content:"";transition:opacity .15s ease-out,background-color .15s ease-out}.vkuiActionSheetItem--ios::after{position:absolute;right:0;left:0;z-index:-1;height:1px;content:"";top:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiActionSheetItem--ios:first-child::after,.vkuiActionSheetItem--cancel::after{content:none}.vkuiActionSheet--ios .vkuiActionSheetItem--last::after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active::before{background:#d7d8d9;background:var(--separator_common);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:13px 0}.vkuiActionSheetItem--ios .vkuiActionSheetItem__content{justify-content:center}.vkuiActionSheetItem--ios .vkuiActionSheetItem__subtitle{margin-top:2px}.vkuiActionSheetItem--ios .vkuiActionSheetItem__marker{margin-left:12px}.vkuiActionSheetItem--ios.vkuiActionSheetItem--compact .vkuiActionSheetItem__content,.vkuiActionSheetItem--ios .vkuiActionSheetItem__before+.vkuiActionSheetItem__container .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem--ios .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--cancel{margin-top:7px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);border-radius:14px;min-height:52px}.vkuiActionSheetItem--android{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--android.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--android .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--android .vkuiActionSheetItem__container{padding:11px 0}.vkuiActionSheetItem--android .vkuiActionSheetItem__subtitle{margin-top:1px;margin-bottom:-1px}.vkuiActionSheetItem--android .vkuiActionSheetItem__marker{margin-left:16px}.vkuiActionSheetItem--vkcom{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--vkcom.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__before{margin-right:17px;margin-left:-1px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__subtitle{margin-top:2px;margin-bottom:-2px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__marker{margin-left:26px;color:#2688eb;color:var(--accent);background-color:transparent}.vkuiActionSheetItem--desktop{width:auto;cursor:pointer}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before{color:#99a2ad;color:var(--icon_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{background:#99a2ad;background:var(--icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:44px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:12px 0}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--withSubtitle .vkuiActionSheetItem__container{padding:10px 0}.vkuiAlert{-webkit-user-select:none;user-select:none;color:#000;color:var(--text_primary);position:relative;max-width:416px}.vkuiAlert::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:"";border-radius:inherit}.vkuiAlert__content{position:relative;z-index:2}.vkuiAlert__action{white-space:nowrap;background:0 0}.vkuiAlert__actions{display:flex;max-width:100%;position:relative;z-index:2}.vkuiAlert--ios{width:270px;border-radius:12px;overflow:hidden;-webkit-animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-alert-intro .3s var(--ios-easing);animation:vkui-animation-ios-alert-intro .3s var(--ios-easing)}.vkuiAlert--ios.vkuiAlert--closing{opacity:0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiAlert--ios .vkuiAlert__content{padding:19px 16px 20px;text-align:center}.vkuiAlert--ios .vkuiAlert__header:not(:last-child){margin-bottom:7px}.vkuiAlert--ios .vkuiAlert__content::after{content:"";position:absolute;bottom:0;height:1px;right:0;left:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions{flex-direction:column}.vkuiAlert--ios .vkuiAlert__action{position:relative;font-size:17px;line-height:44px;color:#2688eb;color:var(--accent);border:0;padding:0 6px;margin:0;height:44px;display:block;text-align:center;text-decoration:none;overflow:hidden;text-overflow:ellipsis;border-radius:0}.vkuiAlert--ios .vkuiAlert__action:active{z-index:1}.vkuiAlert--ios .vkuiAlert__action::after{content:"";position:absolute;background:rgba(0,0,0,.12);background:var(--action_sheet_separator)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{top:0;right:0;width:1px;height:100%;-webkit-transform-origin:right center;transform-origin:right center}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action{flex-grow:1;flex-shrink:1;flex-basis:0}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child{border-bottom-left-radius:12px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child{border-bottom-right-radius:12px}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{left:0;bottom:0;width:100%;height:1px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}}.vkuiAlert--ios .vkuiAlert__action--cancel{font-weight:600}.vkuiAlert--ios .vkuiAlert__action--destructive{color:#e64646;color:var(--destructive)}.vkuiAlert--android{min-width:280px;margin:auto 24px;box-shadow:0 20px 35px 0 rgba(0,0,0,.3),0 0 35px 0 rgba(0,0,0,.22);border-radius:12px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--desktop.vkuiAlert--android{width:416px}.vkuiAlert--android.vkuiAlert--closing,.vkuiAlert--vkcom.vkuiAlert--closing{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiAlert--android .vkuiAlert__content{padding:24px 24px 20px}.vkuiAlert--android .vkuiAlert__header,.vkuiAlert--vkcom .vkuiAlert__header{margin-bottom:8px}.vkuiAlert--android .vkuiAlert__text,.vkuiAlert--vkcom .vkuiAlert__text{color:#818c99;color:var(--text_secondary)}.vkuiAlert--android .vkuiAlert__actions{padding:0 16px 16px}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__actions,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__actions{justify-content:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__actions{flex-direction:column;align-items:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button{margin-top:4px;margin-bottom:4px}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:first-child{margin-top:0}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:last-child{margin-bottom:0}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__button,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__button{margin-left:8px}.vkuiAlert--vkcom{box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);border-radius:8px;width:400px;margin:auto 24px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--vkcom .vkuiAlert__content{padding:24px}.vkuiAlert--vkcom .vkuiAlert__actions{padding:0 24px 16px}.vkuiAlert--vkcom .vkuiAlert__button{order:2}.vkuiAlert--vkcom .vkuiAlert__button--cancel{order:1}@-webkit-keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vkuiScreenSpinner{-webkit-animation:vkui-screen-spinner-intro .3s ease;animation:vkui-screen-spinner-intro .3s ease}.vkuiScreenSpinner--state-cancelable{cursor:pointer}.vkuiScreenSpinner__spinner{opacity:1}.vkuiScreenSpinner--hideSpinner .vkuiScreenSpinner__spinner{opacity:0;transition:opacity .1s ease}.vkuiScreenSpinner__container{position:relative;width:88px;height:88px;background:#f9f9f9;background:var(--tabbar_background, var(--vkui--color_background_modal));box-shadow:0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4,0px 0px 8px rgba(0, 0, 0, 0.12) , 0px 16px 16px rgba(0, 0, 0, 0.16));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);color:#818c99;color:var(--overlay_status_icon, var(--vkui--color_icon_medium))}.vkuiScreenSpinner__icon{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vkuiScreenSpinner__icon .vkuiIcon{-webkit-animation:vkui-screen-spinner-intro .2s ease;animation:vkui-screen-spinner-intro .2s ease}.vkuiScreenSpinner--state-done .vkuiScreenSpinner__icon .vkuiIcon path{stroke-dasharray:50;stroke-dashoffset:50;-webkit-animation:vkui-screen-spinner-iconDone .6s .3s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-screen-spinner-iconDone .6s .3s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards;animation:vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards}@-webkit-keyframes vkui-screen-spinner-iconDone{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes vkui-screen-spinner-iconDone{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@-webkit-keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}.vkuiSnackbar{-webkit-user-select:none;user-select:none;z-index:101;position:fixed;bottom:0;left:auto;width:100%;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__in{padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{box-sizing:border-box;padding:12px 16px;min-height:56px;display:flex;align-items:center;background:#fff;background:var(--modal_card_background);box-shadow:0 0 24px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.08)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-right:-4px;margin-left:12px}.vkuiSnackbar__content{flex:1;display:flex;align-items:center;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{flex-direction:column;align-items:flex-start}.vkuiSnackbar__content-text{flex:1;color:#000;color:var(--text_primary);width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:calc(-1*12px);margin-right:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px));position:relative;top:2px}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-top:2px;margin-bottom:-6px;margin-left:calc(-1*12px);margin-left:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__in,.vkuiSnackbar--ios .vkuiSnackbar__body{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__body{border-radius:10px}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__body{transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__body{border-radius:8px}.vkuiSnackbar--desktop{max-width:328px;left:0;bottom:0}.vkuiSnackbar--desktop .vkuiSnackbar__in{padding:12px;-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.vkuiModalCardBase__container{box-sizing:border-box;position:relative;background:#fff;background:var(--modal_card_background, var(--vkui--color_background_modal));border-radius:18px;padding:16px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);display:flex;flex-direction:column;justify-content:center;pointer-events:initial;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0px 0px 2px rgba(0, 0, 0, 0.08) , 0px 4px 16px rgba(0, 0, 0, 0.08))}.vkuiModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.vkuiModalCardBase__header,.vkuiModalCardBase__subheader{text-align:center;margin:0;padding:0 8px;word-break:break-word}.vkuiModalCardBase__header{color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_subhead))}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{margin:8px auto 16px;color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:24px}.vkuiModalCardBase__header+.vkuiModalCardBase__actions,.vkuiModalCardBase__subheader+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__actions--v{flex-direction:column;margin-left:0;margin-right:0}.vkuiModalCardBase__dismiss{position:absolute;top:4px;right:4px;width:48px;height:48px;color:#99a2ad;color:var(--placeholder_icon_foreground_primary,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
0 2px 24px 0 rgba(0, 0, 0, 0.08),
|
|
60
|
-
|
|
61
|
-
);background:#fff;background:var(--modal_card_background, var(--vkui--color_background_modal))}.vkuiCard--md-outline{background:#fff;background:var(--modal_card_background, var(--vkui--color_background_modal))}.vkuiCard--md-outline::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;border:1px solid #e1e3e6;border:var(--thin-border) solid var(--input_border, var(--vkui--color_image_border_alpha));z-index:1;box-sizing:border-box;border-radius:inherit}.vkuiCardScroll .vkuiCard{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px);flex-shrink:0}.vkuiCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiCardScroll--s .vkuiCard{width:40%}.vkuiCardScroll--m .vkuiCard{width:62%}.vkuiCardScroll--l .vkuiCard{width:calc(100% - 16px*2);width:calc(100% - var(--vkui--size_base_padding_horizontal--regular,16px)*2);margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard{width:calc(100% - 32px);margin-right:16px}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard:last-of-type,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard:last-of-type{margin-right:0}.vkuiCardGrid{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.vkuiCardGrid--spaced{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiCardGrid .vkuiCard{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--l .vkuiCard{width:100%;margin-right:0}.vkuiCardGrid--l .vkuiCard:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--m .vkuiCard{width:calc((100% - 8px)/2)}.vkuiCardGrid--m .vkuiCard:nth-child(n+3){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--m .vkuiCard:nth-child(2n){margin-right:0}.vkuiCardGrid--s .vkuiCard{width:calc((100% - 2*8px)/3)}.vkuiCardGrid--s .vkuiCard:nth-child(n+4){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--s .vkuiCard:nth-child(3n){margin-right:0}.vkuiCardGrid--sizeX-compact{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiCardGrid+.vkuiCardGrid{margin-top:16px}.vkuiGroup--card .vkuiCardGrid{padding-left:8px;padding-right:8px}.vkuiGroup .vkuiCardGrid:first-child{margin-top:8px}.vkuiGroup .vkuiCardGrid:last-child{margin-bottom:8px}.vkuiCardScroll__in{display:flex;align-items:stretch}.vkuiCardScroll__gap{display:block;flex-shrink:0}.vkuiCardScroll+.vkuiCardScroll{margin-top:16px}.vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px;width:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll{margin-left:-16px;margin-right:-16px}.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px}.vkuiGroup--card .vkuiCardScroll--withSpaces{margin-left:-8px;margin-right:-8px}.vkuiGroup--card .vkuiCardScroll--withSpaces:first-child{padding-top:8px;padding-top:var(--vkui--size_cardgrid_padding_vertical--regular,8px)}.vkuiGroup--card .vkuiCardScroll--withSpaces:last-child{padding-bottom:8px;padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular,8px)}.vkuiContentCard--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiContentCard__body{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiContentCard__tappable{border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular,8px);text-decoration:none;color:#000;color:var(--text_primary, var(--vkui--color_text_primary));display:block}.vkuiContentCard__img{object-fit:cover;display:block;border-radius:8px 8px 0 0;border-radius:var(--vkui--size_card_border_radius--regular,8px) var(--vkui--size_card_border_radius--regular,8px)0 0}.vkuiContentCard__text:not(:last-child){margin-bottom:4px}.vkuiContentCard__caption,.vkuiContentCard__subtitle{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiDiv{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiLink{color:#2688eb;color:var(--accent, var(--vkui--color_text_link));text-decoration:none;border:0;background:0 0;margin:0;padding:0;cursor:pointer;font-size:inherit;display:inline;border-radius:0}@media (hover:hover){.vkuiLink:hover{text-decoration:underline}}.vkuiLink--focus-visible{outline:2px solid #2688eb!important;outline:2px solid var(--accent, var(--vkui--color_stroke_accent))!important}.vkuiLink--has-visited:visited{color:#4986cc;color:var(--vkui--color_text_link_visited,#4986CC)}.vkuiLink .vkuiIcon{margin-left:4px;display:inline-block;vertical-align:middle}.vkuiHeader{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px;-webkit-user-select:text;user-select:text}.vkuiHeader__main{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#000;color:var(--text_primary)}.vkuiHeader__content{display:flex;align-items:baseline}.vkuiHeader__content-in{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vkuiHeader__content-in--multiline{white-space:initial;word-break:break-word}.vkuiHeader--multiline{white-space:normal}.vkuiHeader__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child){margin-top:-1px}.vkuiHeader--mode-secondary .vkuiHeader__main,.vkuiHeader--mode-tertiary .vkuiHeader__main{color:#818c99;color:var(--text_secondary)}.vkuiHeader--pi .vkuiHeader__main{color:#000;color:var(--text_primary)}.vkuiHeader__indicator{color:#818c99;color:var(--text_secondary);margin-left:6px;flex-shrink:0}.vkuiHeader--mode-primary .vkuiHeader__indicator{color:#6d7885;color:var(--text_subhead)}.vkuiHeader:not(.vkuiHeader--pi) .vkuiHeader__indicator{align-self:center}.vkuiHeader--mode-secondary .vkuiHeader__indicator{margin-left:8px}.vkuiHeader__aside{white-space:nowrap;margin-left:12px}.vkuiHeader__aside>.vkuiIcon{position:relative;color:#99a2ad;color:var(--icon_secondary)}.vkuiHeader__aside>.vkuiIcon--24{top:3px}.vkuiHeader__aside>.vkuiIcon--16{top:1px}.vkuiHeader--android .vkuiHeader__main{margin:15px 0 9px}.vkuiHeader--android.vkuiHeader--mode-tertiary .vkuiHeader__main{margin-top:11px}.vkuiHeader--ios{padding:0 12px}.vkuiHeader--ios .vkuiHeader__main{margin:13px 0 9px}.vkuiHeader--ios.vkuiHeader--mode-secondary .vkuiHeader__main{margin:14px 0 10px}.vkuiHeader--ios.vkuiHeader--mode-tertiary .vkuiHeader__main{margin-top:9px}.vkuiHeader--vkcom{height:64px;align-items:center}.vkuiHeader--vkcom .vkuiHeader__main{color:#000;color:var(--text_primary)}.vkuiHeader--vkcom.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child){margin-top:0}.vkuiHeader--vkcom.vkuiHeader--mode-secondary{height:56px}.vkuiHeader--vkcom.vkuiHeader--mode-tertiary{height:40px}.vkuiGroup--plain:not(:first-of-type) .vkuiGroup__inner>.vkuiHeader:first-child{margin-top:-16px}.vkuiGroup--card>.vkuiGroup__inner>.vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child{margin-top:-4px}.vkuiGroup{color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiGroup__inner{padding-top:8px;padding-bottom:8px}.vkuiGroup--sizeX-regular>.vkuiGroup__inner{padding:8px}.vkuiGroup--card>.vkuiGroup__inner{background:#fff;background:var(--background_content, var(--vkui--color_background_content));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);position:relative}.vkuiGroup--card>.vkuiGroup__inner::after{content:"";left:0;top:0;width:100%;height:100%;position:absolute;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #e1e3e6;box-shadow:inset 0 0 0 var(--thin-border) var(--input_border)}.vkuiGroup--plain>.vkuiGroup__separator{padding-top:8px;padding-bottom:8px}.vkuiGroup--sizeX-regular.vkuiGroup--plain>.vkuiGroup__separator{padding:8px}.vkuiGroup:last-of-type>.vkuiGroup__separator{display:none}.vkuiGroup:last-of-type>.vkuiGroup__separator--force,.vkuiGroup--sizeX-regular.vkuiGroup--card:last-of-type>.vkuiGroup__separator{display:block}.vkuiGroup__description{display:block;padding:4px 16px 16px;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiGroup .vkuiGroup>.vkuiGroup__inner,.vkuiGroup .vkuiGroup>.vkuiGroup__separator{padding-left:0;padding-right:0}.vkuiGroup .vkuiGroup:first-of-type>.vkuiGroup__inner{padding-top:0}.vkuiGroup .vkuiGroup:last-of-type>.vkuiGroup__inner{padding-bottom:0}.vkuiGroup--ios .vkuiGroup__description{padding:4px 12px 16px}.vkuiPanelHeader--vkcom~.vkuiGroup--card:first-of-type,.vkuiPanelHeader--vkcom+* .vkuiGroup--card:first-of-type{position:relative;top:-1px}.vkuiPanelHeader--vkcom~.vkuiGroup--card:first-of-type .vkuiGroup__inner,.vkuiPanelHeader--vkcom+* .vkuiGroup--card:first-of-type .vkuiGroup__inner{border-top-right-radius:0;border-top-left-radius:0}.vkuiGradient--md-tint.vkuiGradient--to-top{background:linear-gradient(to bottom,rgba(249,249,249,0)0,rgba(249,249,249,.036) 13%,rgba(249,249,249,.15) 27%,rgba(249,249,249,.79) 68%,rgba(249,249,249,.95) 84%,#f9f9f9 100%);background:linear-gradient(to bottom,var(--vkui--gradient_tint,rgba(249, 249, 249, 0) 0% , rgba(249, 249, 249, 0.036) 13% , rgba(249, 249, 249, 0.15) 27% , rgba(249, 249, 249, 0.79) 68% , rgba(249, 249, 249, 0.95) 84% , rgba(249, 249, 249, 1) 100%))}.vkuiGradient--md-tint.vkuiGradient--to-bottom{background:linear-gradient(to top,rgba(249,249,249,0)0,rgba(249,249,249,.036) 13%,rgba(249,249,249,.15) 27%,rgba(249,249,249,.79) 68%,rgba(249,249,249,.95) 84%,#f9f9f9 100%);background:linear-gradient(to top,var(--vkui--gradient_tint,rgba(249, 249, 249, 0) 0% , rgba(249, 249, 249, 0.036) 13% , rgba(249, 249, 249, 0.15) 27% , rgba(249, 249, 249, 0.79) 68% , rgba(249, 249, 249, 0.95) 84% , rgba(249, 249, 249, 1) 100%))}.vkuiGradient--md-white.vkuiGradient--to-top{background:linear-gradient(to bottom,rgba(255,255,255,0)0,rgba(255,255,255,.036) 13%,rgba(255,255,255,.15) 27%,rgba(255,255,255,.79) 68%,rgba(255,255,255,.95) 84%,#fff 100%);background:linear-gradient(to bottom,var(--vkui--gradient_white,rgba(255, 255, 255, 0) 0% , rgba(255, 255, 255, 0.036) 13% , rgba(255, 255, 255, 0.15) 27% , rgba(255, 255, 255, 0.79) 68% , rgba(255, 255, 255, 0.95) 84% , rgba(255, 255, 255, 1) 100%))}.vkuiGradient--md-white.vkuiGradient--to-bottom{background:linear-gradient(to top,rgba(255,255,255,0)0,rgba(255,255,255,.036) 13%,rgba(255,255,255,.15) 27%,rgba(255,255,255,.79) 68%,rgba(255,255,255,.95) 84%,#fff 100%);background:linear-gradient(to top,var(--vkui--gradient_white,rgba(255, 255, 255, 0) 0% , rgba(255, 255, 255, 0.036) 13% , rgba(255, 255, 255, 0.15) 27% , rgba(255, 255, 255, 0.79) 68% , rgba(255, 255, 255, 0.95) 84% , rgba(255, 255, 255, 1) 100%))}.vkuiGradient--md-black.vkuiGradient--to-top{background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%);background:linear-gradient(to bottom,var(--vkui--gradient_black,rgba(0, 0, 0, 0) 0% , rgba(0, 0, 0, 0.014) 13% , rgba(0, 0, 0, 0.06) 27% , rgba(0, 0, 0, 0.316) 68% , rgba(0, 0, 0, 0.38) 84% , rgba(0, 0, 0, 0.4) 100%))}.vkuiGradient--md-black.vkuiGradient--to-bottom{background:linear-gradient(to top,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%);background:linear-gradient(to top,var(--vkui--gradient_black,rgba(0, 0, 0, 0) 0% , rgba(0, 0, 0, 0.014) 13% , rgba(0, 0, 0, 0.06) 27% , rgba(0, 0, 0, 0.316) 68% , rgba(0, 0, 0, 0.38) 84% , rgba(0, 0, 0, 0.4) 100%))}.vkuiSimpleCell{display:flex;align-items:center;min-height:48px;white-space:nowrap;text-decoration:none;color:#000;color:var(--text_primary);padding-left:16px;padding-right:16px}.vkuiSimpleCell--mult{white-space:normal}.vkuiSimpleCell--mult .vkuiSimpleCell__description,.vkuiSimpleCell--mult .vkuiSimpleCell__children{text-overflow:initial}.vkuiSimpleCell__main{max-width:100%;flex-grow:1;min-width:0;overflow:hidden}.vkuiSimpleCell>.vkuiIcon{padding-top:10px;padding-bottom:10px;padding-right:12px;flex-shrink:0;color:#2688eb;color:var(--accent)}.vkuiSimpleCell>.vkuiIcon--28{padding-right:16px}.vkuiSimpleCell__description{color:#818c99;color:var(--text_secondary);text-overflow:ellipsis;overflow:hidden;margin-top:3px;display:block}.vkuiSimpleCell>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:2px}.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content{display:flex;align-content:flex-start;align-items:center;justify-content:flex-start;max-width:100%}.vkuiSimpleCell__children{color:inherit;text-overflow:ellipsis;overflow:hidden;display:block}.vkuiSimpleCell__badge{display:inline-block;flex-grow:0;flex-shrink:0;margin-left:4px;color:#5c9ce6;color:var(--blue_200)}.vkuiSimpleCell__badge .vkuiBadge{margin-top:2px;margin-left:3px}.vkuiSimpleCell--mult .vkuiSimpleCell__badge{vertical-align:top}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiIcon{-webkit-transform:translateY(2px);transform:translateY(2px)}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiBadge{margin-top:8px}.vkuiSimpleCell__indicator{color:#818c99;color:var(--text_secondary);min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:4px}.vkuiSimpleCell__after{flex-shrink:0;display:flex;align-items:center;color:#2688eb;color:var(--accent)}.vkuiSimpleCell__after>.vkuiIcon{padding-left:8px}.vkuiSimpleCell__after>.vkuiIcon:last-child{padding-right:2px}.vkuiSimpleCell__after .vkuiIconButton{margin-right:-12px}.vkuiSimpleCell--ios{padding-left:12px;padding-right:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__main,.vkuiSimpleCell--ios .vkuiSimpleCell__indicator{padding-top:9px;padding-bottom:11px}.vkuiSimpleCell--ios>.vkuiIcon--28{padding-left:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24{color:#b8c1cc;color:var(--icon_tertiary);padding-right:4px;padding-left:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton{margin-right:-9px}.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__main .vkuiSimpleCell__children,.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__indicator{font-size:16px;line-height:20px}.vkuiSimpleCell--android .vkuiSimpleCell__main,.vkuiSimpleCell--android .vkuiSimpleCell__indicator,.vkuiSimpleCell--vkcom .vkuiSimpleCell__main,.vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator{padding-top:11px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact{min-height:44px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator{padding-top:10px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:1px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__badge .vkuiBadge{-webkit-transform:translateY(.5px);transform:translateY(.5px)}.vkuiFormItem>.vkuiSimpleCell{margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiCell{position:relative}.vkuiList--dragging .vkuiCell:not(.vkuiCell--dragging){transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;pointer-events:none}.vkuiCell--dragging{background-color:#fff;background-color:var(--background_content,
|
|
62
|
-
var(--vkui--
|
|
63
|
-
);
|
|
64
|
-
var(--vkui--
|
|
65
|
-
)}.vkuiRichCell__after-children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell__after-caption{margin-top:2px;font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-caption{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px)}.vkuiRichCell__subhead{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiRichCell__caption{margin-top:1px;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiRichCell__children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell--text-ellipsis .vkuiRichCell__subhead,.vkuiRichCell--text-ellipsis .vkuiRichCell__children,.vkuiRichCell--text-ellipsis .vkuiRichCell__text,.vkuiRichCell--text-ellipsis .vkuiRichCell__caption{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.vkuiRichCell__bottom{margin-top:5px}.vkuiRichCell__actions{display:flex;margin-top:8px}.vkuiRichCell__children,.vkuiRichCell__text,.vkuiRichCell__after-children{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px)}.vkuiRichCell--sizeY-compact .vkuiRichCell__children,.vkuiRichCell--sizeY-compact .vkuiRichCell__text,.vkuiRichCell--sizeY-compact .vkuiRichCell__after-children{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px)}.vkuiFormItem .vkuiRichCell{margin-right:calc(-1*16px);margin-right:calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px));margin-left:calc(-1*16px);margin-left:calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiHorizontalCell{display:flex}.vkuiHorizontalCell__image{display:flex;justify-content:center}.vkuiHorizontalCell__body{text-decoration:none}.vkuiHorizontalCell__content{color:#000;color:var(--text_primary);word-break:break-all;text-overflow:ellipsis}.vkuiHorizontalCell__subtitle{color:#818c99;color:var(--text_secondary);line-height:18px}.vkuiHorizontalCell--s{max-width:80px}.vkuiHorizontalCell--s .vkuiHorizontalCell__image{padding:4px 8px}.vkuiHorizontalCell--s .vkuiHorizontalCell__content{padding:2px 4px 8px;text-align:center}.vkuiHorizontalCell--m{width:100px}.vkuiHorizontalCell--l{width:auto}.vkuiHorizontalCell--m .vkuiHorizontalCell__image,.vkuiHorizontalCell--l .vkuiHorizontalCell__image{padding:4px 6px}.vkuiHorizontalCell--m .vkuiHorizontalCell__content,.vkuiHorizontalCell--l .vkuiHorizontalCell__content{padding:2px 6px 8px;text-align:left}.vkuiHorizontalCell--ios:first-child::before,.vkuiHorizontalCell--ios:last-child::after{content:"";min-width:4px}.vkuiHorizontalCell--ios.vkuiHorizontalCell--s:first-child,.vkuiHorizontalCell--ios.vkuiHorizontalCell--s:last-child{max-width:88px}.vkuiHorizontalCell--ios.vkuiHorizontalCell--m:first-child,.vkuiHorizontalCell--ios.vkuiHorizontalCell--m:last-child{width:106px}.vkuiHorizontalCell--android:first-child::before,.vkuiHorizontalCell--android:last-child::after,.vkuiHorizontalCell--vkcom:first-child::before,.vkuiHorizontalCell--vkcom:last-child::after{content:"";min-width:8px}.vkuiHorizontalCell--android.vkuiHorizontalCell--s:first-child,.vkuiHorizontalCell--android.vkuiHorizontalCell--s:last-child,.vkuiHorizontalCell--vkcom.vkuiHorizontalCell--s:first-child,.vkuiHorizontalCell--vkcom.vkuiHorizontalCell--s:last-child{max-width:88px}.vkuiHorizontalCell--android.vkuiHorizontalCell--m:first-child,.vkuiHorizontalCell--android.vkuiHorizontalCell--m:last-child,.vkuiHorizontalCell--vkcom.vkuiHorizontalCell--m:first-child,.vkuiHorizontalCell--vkcom.vkuiHorizontalCell--m:last-child{width:116px}.vkuiFooter{display:block;margin:24px 0;padding-top:0;padding-bottom:0;text-align:center;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiSpinner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--icon_outline_secondary, var(--vkui--color_icon_medium))}.vkuiSpinner__self{-webkit-animation:vkui-rotator .7s linear infinite;animation:vkui-rotator .7s linear infinite;-webkit-animation:vkui-rotator var(--duration) linear infinite;animation:vkui-rotator var(--duration) linear infinite;-webkit-transform-origin:center;transform-origin:center}.vkuiSpinner__self svg{-webkit-transform:scale(1);transform:scale(1)}.vkuiPanelHeader .vkuiSpinner{color:currentColor}.vkuiButton .vkuiSpinner{color:currentColor}.vkuiSwitch{position:relative;display:block;cursor:pointer;padding:calc((20px - 14px)/2);padding:calc((var(--vkui--size_switch_pin--regular,20px) - var(--vkui--size_switch_height--regular,14px))/2)}.vkuiSwitch--sizeY-compact{padding:calc((18px - 12px)/2);padding:calc((var(--vkui--size_switch_pin--compact,18px) - var(--vkui--size_switch_height--compact,12px))/2)}.vkuiSwitch--disabled{cursor:default}.vkuiSwitch__pseudo{position:relative;display:block;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.vkuiSwitch__pseudo::before{position:absolute;content:"";border-radius:50%;box-sizing:border-box;background:#f2f3f5;background:var(--vkui--color_icon_contrast_secondary,#F2F3F5);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);top:calc((14px - 20px)/2);top:calc((var(--vkui--size_switch_height--regular,14px) - var(--vkui--size_switch_pin--regular,20px))/2);left:calc((14px - 20px)/2);left:calc((var(--vkui--size_switch_height--regular,14px) - var(--vkui--size_switch_pin--regular,20px))/2);width:20px;width:var(--vkui--size_switch_pin--regular,20px);height:20px;height:var(--vkui--size_switch_pin--regular,20px)}.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::before{top:calc((12px - 18px)/2);top:calc((var(--vkui--size_switch_height--compact,12px) - var(--vkui--size_switch_pin--compact,18px))/2);left:calc((12px - 18px)/2);left:calc((var(--vkui--size_switch_height--compact,12px) - var(--vkui--size_switch_pin--compact,18px))/2);width:18px;width:var(--vkui--size_switch_pin--compact,18px);height:18px;height:var(--vkui--size_switch_pin--compact,18px)}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{background:#2688eb;background:var(--accent, var(--vkui--color_icon_accent));-webkit-transform:translateX(calc(34px - 14px));transform:translateX(calc(34px - 14px));-webkit-transform:translateX(calc(var(--vkui--size_switch_width--regular,34px) - var(--vkui--size_switch_height--regular,14px)));transform:translateX(calc(var(--vkui--size_switch_width--regular,34px) - var(--vkui--size_switch_height--regular,14px)))}.vkuiSwitch__pseudo::after{content:"";display:block;background:rgba(0,0,0,.24);background:var(--vkui--color_icon_tertiary_alpha,rgba(0, 0, 0, 0.24));border-radius:calc(34px/2);border-radius:calc(var(--vkui--size_switch_width--regular,34px)/2);width:34px;width:var(--vkui--size_switch_width--regular,34px);height:14px;height:var(--vkui--size_switch_height--regular,14px)}.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::after{border-radius:calc(32px/2);border-radius:calc(var(--vkui--size_switch_width--compact,32px)/2);width:32px;width:var(--vkui--size_switch_width--compact,32px);height:12px;height:var(--vkui--size_switch_height--compact,12px)}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo::after{opacity:.48;background:#2688eb;background:var(--accent, var(--vkui--color_icon_accent))}.vkuiSwitch--sizeY-compact .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{-webkit-transform:translateX(calc(32px - 12px));transform:translateX(calc(32px - 12px));-webkit-transform:translateX(calc(var(--vkui--size_switch_width--compact,32px) - var(--vkui--size_switch_height--compact,12px)));transform:translateX(calc(var(--vkui--size_switch_width--compact,32px) - var(--vkui--size_switch_height--compact,12px)))}.vkuiSwitch__self[disabled]+.vkuiSwitch__pseudo{opacity:.4;opacity:var(--vkui--opacity_disable,0.4)}.vkuiSwitch--ios .vkuiSwitch__pseudo::before{background:#fff;background:var(--white);box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(0,0,0,.04)}.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo::before{background:#fff;background:var(--white)}.vkuiSwitch--ios .vkuiSwitch__pseudo::after{background:rgba(0,28,61,.08);background:var(--placeholder_icon_background,
|
|
66
|
-
var(--vkui--
|
|
67
|
-
)}.
|
|
68
|
-
var(--vkui--
|
|
69
|
-
);border-radius:
|
|
70
|
-
var(--vkui--
|
|
71
|
-
);border-radius:3px;padding:2px}.vkuiCellButton>.vkuiAvatar .vkuiIcon{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiCellButton--danger>.vkuiAvatar .vkuiIcon{color:#e64646;color:var(--destructive, var(--vkui--color_icon_negative))}.vkuiPanelHeader__before .vkuiAvatar{margin-left:8px}.vkuiPanelHeader__after .vkuiAvatar{margin-right:8px}.vkuiSimpleCell>.vkuiAvatar{margin-right:12px}.vkuiSimpleCell>.vkuiAvatar--sz-28,.vkuiSimpleCell>.vkuiAvatar--sz-32{margin-top:10px;margin-bottom:10px}.vkuiSimpleCell>.vkuiAvatar--sz-40{margin-top:4px;margin-bottom:4px}.vkuiSimpleCell>.vkuiAvatar--sz-48,.vkuiSimpleCell>.vkuiAvatar--sz-72{margin-top:6px;margin-bottom:6px}.vkuiSimpleCell--ios>.vkuiAvatar--sz-28,.vkuiSimpleCell--ios>.vkuiAvatar--sz-32{margin-left:4px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32{margin-top:8px;margin-bottom:8px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-40{margin-top:2px;margin-bottom:2px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-48{margin-top:4px;margin-bottom:4px}.vkuiInitialsAvatar{background-color:#99a2ad;background-image:linear-gradient(135deg,#b1b6bd,#99a2ad)}.vkuiInitialsAvatar--color-red{background-color:#e52e40;background-image:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiInitialsAvatar--color-pink{background-color:#e62e6b;background-image:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiInitialsAvatar--color-orange{background-color:#e66b2e;background-image:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiInitialsAvatar--color-yellow{background-color:#e7a902;background-image:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiInitialsAvatar--color-green{background-color:#6cd97e;background-image:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiInitialsAvatar--color-l-blue{background-color:#2bb4d6;background-image:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiInitialsAvatar--color-blue{background-color:#3f8ae0;background-image:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiInitialsAvatar--color-violet{background-color:#8f3fe0;background-image:linear-gradient(135deg,#d3a6ff,#8f3fe0)}.vkuiInitialsAvatar__text{font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:600;color:#fff;color:var(--white, var(--vkui--color_text_contrast));text-transform:uppercase;text-align:center}.vkuiGridAvatar__in{display:flex;flex-flow:column wrap;height:100%;width:100%;overflow:hidden;border-radius:inherit;--grid-avatar-image-offset:2px}.vkuiGridAvatar__item{width:calc(50% - var(--grid-avatar-image-offset)/2);height:calc(50% - var(--grid-avatar-image-offset)/2);margin-right:var(--grid-avatar-image-offset);background-size:cover;background-position:center}.vkuiGridAvatar__item:only-child{width:100%}.vkuiGridAvatar__item:first-child:not(:nth-last-child(4)),.vkuiGridAvatar__item:nth-child(2):last-child{height:100%}.vkuiGridAvatar__item:nth-last-child(n+3)~.vkuiGridAvatar__item:nth-last-child(2),.vkuiGridAvatar__item:nth-last-child(4){margin-bottom:var(--grid-avatar-image-offset)}.vkuiGallery{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.vkuiGallery__viewport{margin:0;height:100%;position:relative}.vkuiGallery--center .vkuiGallery__viewport{margin:0 auto}.vkuiGallery__layer{display:flex;width:100%;height:100%;min-height:100px;cursor:grab;align-items:stretch}.vkuiGallery__layer:empty{min-height:0}.vkuiGallery__slide{width:100%;flex:0 0 auto;max-width:100%;overflow:hidden}.vkuiGallery--custom-width .vkuiGallery__slide{width:auto}.vkuiGallery__slide>*{width:100%;min-height:100%}.vkuiGallery__bullets{position:absolute;bottom:10px;height:6px;width:100%;left:0;display:flex;align-items:center;justify-content:center}.vkuiGallery__bullets--dark .vkuiGallery__bullet{background-color:#2c2d2e;background-color:var(--vkui--color_icon_primary_invariably,#2C2D2E)}.vkuiGallery__bullets--light .vkuiGallery__bullet{background-color:#fff;background-color:var(--vkui--color_icon_contrast,#FFFFFF)}.vkuiGallery__bullet{height:6px;width:6px;border-radius:50%;margin:0 3px;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiGallery__bullet--active{opacity:1}.vkuiProgress{border-radius:1px;background:#e1e3e6;background:var(--loader_track_fill, var(--vkui--color_track_background));height:2px}.vkuiProgress__in{height:100%;border-radius:inherit;transition:width .2s ease;background:#2688eb;background:var(--accent, var(--vkui--color_stroke_accent))}.vkuiSearch{overflow:hidden;font-weight:400;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);line-height:normal}.vkuiSearch__in{position:relative}.vkuiSearch__width{height:36px;height:var(--search_default_height);white-space:nowrap;color:transparent;width:10000px}.vkuiSearch__control{display:flex;justify-content:flex-start;align-items:center;position:absolute;left:0;top:0;width:calc(100% - 1px);height:100%;border-radius:10px}.vkuiSearch__input{-webkit-appearance:none;border:0;margin:0;height:36px;height:var(--search_default_height);position:relative;padding:0 22px 0 36px;box-sizing:border-box;font-size:17px;border-radius:10px;max-width:100%;flex-grow:1;min-width:0;background-color:transparent;z-index:2;color:#000;color:var(--text_primary)}.vkuiSearch__input::-webkit-search-decoration,.vkuiSearch__input::-webkit-search-cancel-button,.vkuiSearch__input::-webkit-search-results-button,.vkuiSearch__input::-webkit-search-results-decoration{display:none}.vkuiSearch--has-after .vkuiSearch__input{border-radius:10px 0 0 10px}.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-icon .vkuiSearch__input,.vkuiSearch--has-value .vkuiSearch__placeholder,.vkuiSearch--has-icon .vkuiSearch__placeholder{padding-right:40px}.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:80px}.vkuiSearch__after-width{font-size:17px;height:36px;height:var(--search_default_height);line-height:36px;line-height:var(--search_default_height);padding-left:12px;padding-right:4px;flex-shrink:0;pointer-events:none;cursor:text}.vkuiSearch__placeholder{position:absolute;left:0;width:100%;cursor:text;z-index:1;text-align:left;height:36px;height:var(--search_default_height);font-size:0;padding-left:12px;padding-right:22px;pointer-events:none;box-sizing:border-box;display:flex}.vkuiSearch__placeholder-in{height:36px;height:var(--search_default_height);display:flex;align-items:center;overflow:hidden;flex-grow:1;max-width:100%}.vkuiSearch__placeholder-text{margin-left:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vkuiSearch--has-value .vkuiSearch__placeholder-text{opacity:0}.vkuiSearch__icons{position:absolute;right:100%;top:0;display:flex;align-items:center;justify-content:center;color:#818c99;color:var(--search_bar_field_tint, var(--vkui--color_icon_secondary))}.vkuiSearch__icon{width:40px;height:36px;height:var(--search_default_height);display:flex;align-items:center;justify-content:center;cursor:pointer}.vkuiSearch__after{position:absolute;left:100%;top:0;line-height:36px;line-height:var(--search_default_height);z-index:2;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);cursor:default}.vkuiSearch--focused .vkuiSearch__after,.vkuiSearch--has-value .vkuiSearch__after{-webkit-transform:translate(-100%);transform:translate(-100%)}.vkuiSearch__after::before{position:absolute;right:calc(100% - 1px);display:block;height:100%;width:10px;content:"";pointer-events:none}.vkuiSearch__after-in{position:relative;z-index:2;cursor:pointer;font-size:17px;padding-left:12px;padding-right:4px}.vkuiSearch__after::after{position:absolute;right:100%;display:block;height:100%;width:10px;content:"";top:0;border-radius:0 10px 10px 0;cursor:text;pointer-events:none}.vkuiGroup--plain .vkuiSearch{padding-top:4px}.vkuiSearch{background:#fff;background:var(--search_bar_background)}.vkuiSearch__control{background-color:#ebedf0;background-color:var(--search_bar_field_background)}.vkuiSearch__input{color:#000;color:var(--text_primary)}.vkuiSearch__placeholder{color:#818c99;color:var(--search_bar_field_tint, var(--vkui--color_icon_medium))}.vkuiSearch__after-width{background:#ebedf0;background:var(--search_bar_field_background);color:#ebedf0;color:var(--search_bar_field_background)}.vkuiSearch__after{background:#fff;background:var(--search_bar_background);color:#2688eb;color:var(--accent)}.vkuiSearch__after::after{background-color:#ebedf0;background-color:var(--search_bar_field_background)}.vkuiSearch__after::before{background-color:#fff;background-color:var(--search_bar_background)}.vkuiPanelHeader .vkuiSearch{background:#fff;background:var(--header_background)}.vkuiPanelHeader .vkuiSearch__control{background-color:#ebedf0;background-color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__input{color:#000;color:var(--text_primary)}.vkuiPanelHeader .vkuiSearch__placeholder{color:#818c99;color:var(--header_search_field_tint)}.vkuiPanelHeader .vkuiSearch__after-width{background:#ebedf0;background:var(--header_search_field_background);color:#ebedf0;color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__after{background:#fff;background:var(--header_background);color:#2688eb;color:var(--header_tint)}.vkuiPanelHeader .vkuiSearch__after::after{background-color:#ebedf0;background-color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__after::before{background-color:#fff;background-color:var(--header_background)}.vkuiSearch--ios{padding:8px 12px}.vkuiSearch--android{padding:8px 16px}.vkuiSearch--vkcom,.vkuiPanelHeader--vkcom .vkuiSearch{background:0 0}.vkuiSearch--vkcom .vkuiSearch__in{padding-top:6px;padding-bottom:6px}.vkuiSearch--vkcom .vkuiSearch__input{font-size:15px;line-height:20px;padding-left:40px}.vkuiSearch--vkcom .vkuiSearch__placeholder{padding-left:16px;color:#99a2ad;color:var(--vkui--color_icon_secondary,#99A2AD)}.vkuiSearch--vkcom .vkuiSearch__icons{top:4px;right:calc(100% + 8px);color:#818c99;color:var(--search_bar_field_tint, var(--vkui--color_icon_medium))}.vkuiSearch--vkcom.vkuiSearch--has-value .vkuiSearch__input{padding-right:56px}.vkuiSearch--vkcom.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input{padding-right:92px}.vkuiSearch--vkcom .vkuiSearch__icon{width:40px;height:40px;opacity:.8}.vkuiSearch--vkcom .vkuiSearch__icon:hover{background-color:rgba(0,0,0,.04);background-color:var(--background_hover);border-radius:50%}.vkuiSearch--vkcom .vkuiSearch__control{background-color:transparent}.vkuiPanelHeader--vkcom .vkuiSearch__separator{display:none}.vkuiSearch--vkcom .vkuiSearch__separator{color:#e1e3e6;color:var(--input_border)}.vkuiGroup--card .vkuiSearch--vkcom{margin:0-8px}.vkuiGroup--card .vkuiSearch--vkcom:first-child{margin-top:-8px}.vkuiGroup--card .vkuiSearch--vkcom:not(:last-child){margin-bottom:8px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__placeholder{padding-left:20px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__input{padding-left:44px}.vkuiTabs__in,.vkuiTabs .vkuiHorizontalScroll__in-wrapper{display:flex;align-items:center}.vkuiPanelHeader .vkuiTabs{overflow:hidden;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common)}.vkuiPanelHeader .vkuiTabs::after{display:block;width:1000px;content:""}.vkuiTabs .vkuiHorizontalScroll{min-width:100%}.vkuiTabs--buttons{padding-top:8px;padding-bottom:8px}.vkuiTabs--default,.vkuiTabs--default .vkuiHorizontalScroll__in-wrapper{justify-content:center}.vkuiTabs--buttons,.vkuiTabs--default .vkuiHorizontalScroll__in-wrapper{justify-content:flex-start}.vkuiTabs--sizeX-compact.vkuiTabs--buttons .vkuiHorizontalScroll__in-wrapper::after,.vkuiTabs--sizeX-compact.vkuiTabs--buttons .vkuiHorizontalScroll__in-wrapper::before{display:block;width:8px;flex-shrink:0;height:1px;content:""}.vkuiTabs--ios.vkuiTabs--segmented{padding:4px 12px 8px}.vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiTabs::after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#fff;background:var(--background_content)}.vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiTabs__in,.vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiSeparator{position:relative;z-index:2}.vkuiTabsItem .vkuiCounter{margin-left:8px}.vkuiTabs .vkuiTabsItem .vkuiCounter--secondary{background:#76787a;background:var(--panel_tab_inactive_text);color:#fff;color:var(--white)}.vkuiTabs .vkuiTabsItem--selected .vkuiCounter--secondary{background:#5d5f61;background:var(--panel_tab_active_text);color:#ebedf0;color:var(--panel_tab_active_background)}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem .vkuiCounter--secondary{background:#99a2ad;background:var(--segmented_control_tint);color:#fff;color:var(--background_content)}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem--selected .vkuiCounter--secondary{background:#fff;background:var(--background_content);color:#99a2ad;color:var(--segmented_control_tint)}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem .vkuiCounter--s-m{position:relative;top:1px}.vkuiGroup--plain .vkuiGroup__inner>.vkuiTabs--default:first-child{margin-top:-8px}.vkuiGroup--card>.vkuiGroup__inner>.vkuiTabs--default:first-child{margin-top:-4px}.vkuiTabsItem{white-space:nowrap;text-align:center;box-sizing:border-box;flex-shrink:0;display:flex;align-items:baseline;justify-content:center}.vkuiTabs--default .vkuiTabsItem{color:#99a2ad;color:var(--text_tertiary);max-width:100%;min-width:0;flex-basis:0;flex-shrink:0;flex-grow:1;position:relative;padding-left:16px;padding-right:16px}.vkuiTabs--default .vkuiTabsItem__in{overflow:hidden;overflow:-moz-hidden-unscrollable;text-overflow:ellipsis;padding:14px 0}.vkuiTabs--default .vkuiTabsItem::after{content:"";display:block;position:absolute;left:16px;bottom:8px;width:calc(100% - 32px);height:2px;border-radius:2px}.vkuiTabs--default .vkuiTabsItem--selected{color:#000;color:var(--text_primary)}.vkuiTabs--default .vkuiTabsItem--selected::after{background:#2688eb;background:var(--accent)}.vkuiHorizontalScroll .vkuiTabsItem{min-width:64px;flex-basis:auto}.vkuiTabs--buttons .vkuiTabsItem{border-radius:10px;box-sizing:border-box;padding:0 16px}.vkuiTabs--buttons .vkuiTabsItem__in{padding:6px 0}.vkuiTabs--buttons .vkuiTabs__in>.vkuiTabsItem:first-child{margin-left:8px}.vkuiTabs--buttons .vkuiTabsItem:not(:last-child){margin-right:8px}.vkuiTabs--buttons .vkuiTabsItem{background-color:#fff;background-color:var(--header_background);color:#99a2ad;color:var(--header_tab_inactive_text)}.vkuiTabs--buttons .vkuiTabsItem--selected{background-color:transparent;background-color:var(--header_tab_active_background);color:#000;color:var(--header_tab_active_text)}.vkuiTabs--buttons .vkuiTabsItem{color:#76787a;color:var(--panel_tab_inactive_text)}.vkuiTabs--buttons .vkuiTabsItem--selected{background-color:#ebedf0;background-color:var(--panel_tab_active_background);color:#5d5f61;color:var(--panel_tab_active_text)}.vkuiTabsItem__after .vkuiIcon--dropdown_16{color:#2688eb;color:var(--header_tint);-webkit-transform-origin:50% calc(50% + 1px);transform-origin:50% calc(50% + 1px);-webkit-transform:translateY(1px);transform:translateY(1px);margin-left:6px}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem{border:1px solid;padding:0 12px;max-width:100%;flex-basis:0;flex-shrink:0;flex-grow:1;border-radius:0}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem__in{padding:7px 0}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem:not(:first-child){border-left:none}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem{border-color:#99a2ad;border-color:var(--segmented_control_tint);color:#99a2ad;color:var(--segmented_control_tint)}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem--selected{background-color:#99a2ad;background-color:var(--segmented_control_tint)}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem--selected{color:#fff;color:var(--background_content)}.vkuiTabs--ios.vkuiTabs--segmented .vkuiTabsItem:not(.vkuiTabsItem--selected).vkuiTabsItem--active{background:#d7d8d9;background:var(--separator_common)}.vkuiPanelHeader--ios .vkuiTabs--segmented.vkuiTabsItem:not(.vkuiTabsItem--selected).vkuiTabsItem--active .vkuiTabsItem__in{opacity:.7}.vkuiPanelHeader--ios .vkuiTabs--segmented .vkuiTabsItem{border-color:#2688eb;border-color:var(--header_tint);color:#2688eb;color:var(--header_tint)}.vkuiTabs--ios.vkuiTabs--segmented.vkuiTabs--header .vkuiTabsItem--selected{background-color:#2688eb;background-color:var(--header_tint);color:#fff;color:var(--header_background)}.vkuiTabs--vkcom .vkuiTabsItem--vkcom{flex-grow:0;min-width:auto;padding-left:10px;padding-right:10px}.vkuiTabs--vkcom .vkuiTabsItem--vkcom::after{left:2px;bottom:0;width:calc(100% - 4px)}.vkuiTooltip{position:absolute;left:0;top:0;height:100%;width:100%;z-index:2;white-space:normal}.vkuiTooltip__container{position:absolute}.vkuiTooltip__container[data-popper-placement^=bottom] .vkuiTooltip__corner{top:-8px}.vkuiTooltip__container[data-popper-placement^=top] .vkuiTooltip__corner{bottom:-8px}.vkuiTooltip__container[data-popper-placement^=top] .vkuiTooltip__corner::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vkuiTooltip__container[data-popper-placement^=left] .vkuiTooltip__corner{right:-14px}.vkuiTooltip__container[data-popper-placement^=left] .vkuiTooltip__corner::before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.vkuiTooltip__container[data-popper-placement^=right] .vkuiTooltip__corner{left:-14px}.vkuiTooltip__container[data-popper-placement^=right] .vkuiTooltip__corner::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.vkuiTooltip__corner{width:20px;height:8px;position:absolute}.vkuiTooltip__corner::before{content:"";display:block;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDIwIDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+dG9vbHRpcF90aXA8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iTWFzdGVyLUtpdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8cGF0aCBkPSJNMTAsMCBDMTMuNSwwIDE1LjUsOCAyMCw4IEwwLDggQzQuNSw4IDYuNSwwIDEwLDAgWiIgaWQ9InRvb2x0aXBfdGlwIiBmaWxsPSIjNDdhM2ZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg==);width:20px;height:8px}.vkuiTooltip--light .vkuiTooltip__corner::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDIwIDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+dG9vbHRpcF90aXA8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iTWFzdGVyLUtpdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8cGF0aCBkPSJNMTAsMCBDMTMuNSwwIDE1LjUsOCAyMCw4IEwwLDggQzQuNSw4IDYuNSwwIDEwLDAgWiIgaWQ9InRvb2x0aXBfdGlwIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg==)}.vkuiTooltip__content{background-color:#47a3ff;box-shadow:0 4px 32px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.04);padding:8px 12px 10px;border-radius:10px;color:#fff;max-width:220px}.vkuiTooltip--light .vkuiTooltip__content{background:#fff;color:#2c2d2e}.vkuiPullToRefresh{flex-grow:1}.vkuiPullToRefresh--refreshing{touch-action:none;pointer-events:none}.vkuiPullToRefresh__controls{width:100%;pointer-events:none;z-index:9}.vkuiPullToRefresh--ios .vkuiPullToRefresh__controls{z-index:0}.vkuiPullToRefresh__spinner{display:flex;margin:auto;width:40px;height:40px;align-items:center;justify-content:center;box-sizing:border-box;transition:opacity 220ms ease-out,-webkit-transform 300ms cubic-bezier(.1,0,.25,1);transition:transform 300ms cubic-bezier(.1,0,.25,1),opacity 220ms ease-out;transition:transform 300ms cubic-bezier(.1,0,.25,1),opacity 220ms ease-out,-webkit-transform 300ms cubic-bezier(.1,0,.25,1);opacity:0;background:#fff;background:var(--background_suggestions,
|
|
72
|
-
|
|
73
|
-
);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiPullToRefresh--ios .vkuiPullToRefresh__spinner{border-radius:0;box-shadow:none;background:0 0;color:#99a2ad;color:var(--icon_outline_secondary, var(--vkui--color_icon_medium))}.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner{transition:opacity 220ms ease-out}.vkuiPullToRefresh__spinner-self{stroke:currentColor}.vkuiPullToRefresh--ios.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-self{-webkit-animation:vkui-PullToRefreshToRefreshing 380ms ease-out;animation:vkui-PullToRefreshToRefreshing 380ms ease-out}.vkuiPullToRefresh__spinner-path{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;transform-origin:center center;transition:stroke-dashoffset 167ms ease-out}.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner-path,.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-path{transition:none}.vkuiPullToRefresh__spinner--on .vkuiPullToRefresh__spinner-path{-webkit-animation:vkui-rotator .7s linear infinite;animation:vkui-rotator .7s linear infinite;-webkit-animation:vkui-rotator var(--duration) linear infinite;animation:vkui-rotator var(--duration) linear infinite}.vkuiPullToRefresh__content{overflow:hidden;transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiPullToRefresh--watching .vkuiPullToRefresh__content{transition:none}@-webkit-keyframes vkui-PullToRefreshToRefreshing{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(.6);transform:scale(.6)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-PullToRefreshToRefreshing{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(.6);transform:scale(.6)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.vkuiCounter{display:flex;align-items:center;justify-content:center}.vkuiCounter__in{display:block;width:100%;padding-left:5px;padding-right:5px;text-align:center;box-sizing:border-box}.vkuiCounter--primary{background:#2688eb;background:var(--counter_primary_background,
|
|
74
|
-
var(--vkui--
|
|
75
|
-
);color:#
|
|
76
|
-
var(--vkui--
|
|
77
|
-
);color:#
|
|
78
|
-
var(--vkui--
|
|
79
|
-
);color:#
|
|
80
|
-
var(--vkui--
|
|
81
|
-
);color:#2d81e0;color:var(--button_primary_background, var(--vkui--color_text_contrast))}.vkuiButton--lvl-secondary.vkuiButton--clr-accent .vkuiCounter{background-color:#2688eb;background-color:var(--button_secondary_foreground,
|
|
82
|
-
var(--vkui--
|
|
83
|
-
);
|
|
84
|
-
var(--vkui--
|
|
85
|
-
);color:#
|
|
86
|
-
var(--vkui--
|
|
87
|
-
);color:#
|
|
88
|
-
var(--vkui--
|
|
89
|
-
);color:#
|
|
90
|
-
var(--vkui--
|
|
91
|
-
);color:#fff;color:var(--
|
|
92
|
-
var(--vkui--
|
|
93
|
-
);color:#
|
|
94
|
-
var(--vkui--
|
|
95
|
-
);color:#
|
|
96
|
-
var(--vkui--
|
|
97
|
-
)
|
|
98
|
-
var(--vkui--
|
|
99
|
-
);color:#
|
|
100
|
-
var(--vkui--
|
|
101
|
-
)
|
|
102
|
-
var(--vkui--
|
|
103
|
-
)
|
|
104
|
-
var(--vkui--
|
|
105
|
-
)}.
|
|
106
|
-
var(--vkui--
|
|
107
|
-
);
|
|
108
|
-
var(--vkui--
|
|
109
|
-
)
|
|
110
|
-
var(--vkui--
|
|
111
|
-
)
|
|
112
|
-
var(--vkui--
|
|
113
|
-
)}.vkuiBanner--md-image .vkuiBanner__dismiss,.vkuiBanner--inverted{color:#fff;color:var(--white, var(--vkui--color_text_contrast))}.vkuiBanner--inverted .vkuiBanner__subheader{color:#fff;color:var(--white, var(--vkui--color_text_contrast));opacity:.72}.vkuiBanner--sz-s .vkuiBanner__before{margin-left:-4px}.vkuiBanner--sz-m .vkuiBanner__in{padding:16px}.vkuiBanner--sz-m .vkuiBanner__subheader:not(:first-child),.vkuiBanner--sz-m .vkuiBanner__text:not(:first-child){margin-top:4px}.vkuiBanner--ios .vkuiBanner__dismiss,.vkuiBanner--ios.vkuiBanner--md-image .vkuiBanner__dismiss{color:#b8c1cc;color:var(--icon_tertiary, var(--vkui--color_icon_tertiary))}.vkuiMiniInfoCell{display:flex;padding:6px 16px;padding:6px var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiMiniInfoCell--lvl-primary{color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiMiniInfoCell--lvl-secondary{color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead))}.vkuiMiniInfoCell__icon{margin-right:12px;color:#99a2ad;color:var(--icon_outline_secondary, var(--vkui--color_icon_medium))}.vkuiMiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiMiniInfoCell--wr-short .vkuiMiniInfoCell__content{white-space:initial;display:-webkit-box;max-height:60px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.vkuiMiniInfoCell--wr-full .vkuiMiniInfoCell__content{overflow:inherit;white-space:initial}.vkuiMiniInfoCell__after{margin-left:12px;margin-top:-2px;margin-bottom:-2px}.vkuiMiniInfoCell--md-add,.vkuiMiniInfoCell--md-add .vkuiMiniInfoCell__icon{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more,.vkuiMiniInfoCell--md-more .vkuiMiniInfoCell__icon{color:#2d81e0;color:var(--link_alternate, var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more{padding-top:10px;padding-bottom:10px}.vkuiWriteBar{background:#fff;background:var(--background_content)}.vkuiWriteBar__before,.vkuiWriteBar__form,.vkuiWriteBar__after{display:flex;align-items:flex-end}.vkuiWriteBar__form{min-height:52px}.vkuiWriteBar__formIn{flex:1;min-width:0;display:flex;position:relative}.vkuiWriteBar__textarea{box-sizing:border-box;width:100%;flex:1;min-width:0;margin:0;background:0 0;border:0;resize:none;line-height:20px;color:#000;color:var(--text_primary);-webkit-appearance:none;max-height:120px}.vkuiWriteBar__textarea::-webkit-input-placeholder{color:#818c99;color:var(--text_placeholder)}.vkuiWriteBar__textarea::placeholder{color:#818c99;color:var(--text_placeholder)}.vkuiWriteBar__textarea::-moz-placeholder{opacity:1;color:#818c99;color:var(--text_placeholder)}.vkuiWriteBar__inlineAfter{display:flex;align-items:flex-end}.vkuiWriteBar--ios .vkuiWriteBar__before,.vkuiWriteBar--ios .vkuiWriteBar__after{padding:0 4px}.vkuiWriteBar--ios .vkuiWriteBar__formIn{box-sizing:border-box;background-color:#f2f3f5;background-color:var(--input_background);border:1px solid #e1e3e6;border:1px solid var(--input_border);border-radius:18px;margin:8px 0}.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child{margin-left:12px}.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter{margin-right:-1px;margin-top:-9px;margin-bottom:-9px}.vkuiWriteBar--ios .vkuiWriteBar__textarea{height:34px;padding:6px 11px;font-size:17px;line-height:22px}.vkuiWriteBar--android .vkuiWriteBar__before,.vkuiWriteBar--vkcom .vkuiWriteBar__before{padding-left:4px}.vkuiWriteBar--android .vkuiWriteBar__after,.vkuiWriteBar--vkcom .vkuiWriteBar__after{padding-right:4px}.vkuiWriteBar--android .vkuiWriteBar__textarea,.vkuiWriteBar--vkcom .vkuiWriteBar__textarea{height:52px;padding:16px 12px;font-size:16px;line-height:20px}.vkuiWriteBarIcon{background:0 0;border:0;position:relative;color:#99a2ad;color:var(--icon_secondary);height:52px;width:44px;cursor:pointer;border-radius:8px}.vkuiWriteBarIcon__in{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.vkuiWriteBarIcon:disabled{opacity:.4;pointer-events:none}.vkuiWriteBarIcon__active{opacity:.6}.vkuiWriteBarIcon__counter{position:absolute;top:6px;right:2px;box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--background_content)}.vkuiWriteBarIcon.vkuiWriteBarIcon--send,.vkuiWriteBarIcon.vkuiWriteBarIcon--done{color:#2688eb;color:var(--accent)}.vkuiWriteBarIcon--ios{color:#2688eb;color:var(--writebar_icon);border-radius:10px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done{width:48px;color:#2688eb;color:var(--writebar_icon)}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send:not(:disabled){color:#2688eb;color:var(--accent)}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send:first-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done:first-child{margin-left:-4px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send:last-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done:last-child{margin-right:-4px}.vkuiWriteBarIcon--vkcom{color:#99a2ad;color:var(--icon_secondary);border-radius:10px}.vkuiSubnavigationBar__in{margin:-8px 0}.vkuiSubnavigationBar__scrollIn{padding:20px 0;display:flex}.vkuiSubnavigationBar__scrollIn::before,.vkuiSubnavigationBar__scrollIn::after{content:"";min-width:16px}.vkuiSubnavigationBar .vkuiSubnavigationButton+.vkuiSubnavigationButton{margin-left:8px}.vkuiSubnavigationBar--fixed .vkuiSubnavigationButton{flex:1;min-width:0}.vkuiSubnavigationBar--ios .vkuiSubnavigationBar__scrollIn::before,.vkuiSubnavigationBar--ios .vkuiSubnavigationBar__scrollIn::after{min-width:12px}.vkuiSubnavigationButton{display:inline-block;background-color:#fff;background-color:var(--modal_card_background);color:#000;color:var(--text_primary);box-shadow:0 0 2px rgba(0,0,0,.08),0 2px 24px rgba(0,0,0,.08);-webkit-user-select:none;user-select:none}.vkuiSubnavigationButton__in{display:flex;align-items:center;justify-content:center}.vkuiSubnavigationButton__before{margin-right:8px;color:#2688eb;color:var(--accent)}.vkuiSubnavigationButton__before .vkuiIcon--24{margin-left:-4px}.vkuiSubnavigationButton__label{flex-grow:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vkuiSubnavigationButton__after{margin-left:8px}.vkuiSubnavigationButton__expandableIcon{margin-left:8px;margin-top:1px;color:#99a2ad;color:var(--icon_secondary)}.vkuiSubnavigationButton--selected{background-color:#2d81e0;background-color:var(--button_primary_background);color:#fff;color:var(--button_primary_foreground)}.vkuiSubnavigationButton--selected .vkuiSubnavigationButton__before{color:inherit}.vkuiSubnavigationButton--selected .vkuiCounter{background-color:#fff;background-color:var(--button_primary_foreground);color:#2d81e0;color:var(--button_primary_background)}.vkuiSubnavigationButton--selected .vkuiSubnavigationButton__expandableIcon{color:inherit}.vkuiSubnavigationButton--m .vkuiSubnavigationButton__in{height:36px;padding:0 14px}.vkuiSubnavigationButton--l .vkuiSubnavigationButton__in{height:44px;padding:0 14px}.vkuiSubnavigationButton--ios{border-radius:10px}.vkuiSubnavigationButton--android{border-radius:8px}.vkuiSubnavigationButton--vkcom{border-radius:4px}.vkuiPagination__list{display:flex;margin:0;padding:0;list-style-type:none}.vkuiPagination__prevButtonContainer{margin-right:8px}.vkuiPagination__nextButtonContainer{margin-left:8px}.vkuiPagination__page{box-sizing:border-box;padding-right:8px;padding-left:8px;width:100%;min-width:40px;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);text-align:center;color:#818c99;color:var(--vkui--color_text_secondary,#818C99);-webkit-user-select:none;user-select:none}.vkuiPagination__page--state-hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover,rgba(0, 16, 61, 0.04))}.vkuiPagination__page--state-active,.vkuiPagination__page--current{color:#000;color:var(--vkui--color_text_primary,#000000);background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active,rgba(0, 16, 61, 0.08))}.vkuiPagination__page--disabled{opacity:.4;opacity:var(--vkui--opacity_disable,0.4)}.vkuiPagination__page--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:36px;line-height:var(--vkui--size_button_large_height--compact,36px);height:36px;height:var(--vkui--size_button_large_height--compact,36px)}.vkuiPagination__page--sizeY-regular{font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);line-height:44px;line-height:var(--vkui--size_button_large_height--regular,44px);height:44px;height:var(--vkui--size_button_large_height--regular,44px)}.vkuiPagination__page--type-ellipsis{min-width:16px;padding-right:0;padding-left:0}.vkuiFormLayout{position:relative}.vkuiFormLayout__submit{position:absolute;visibility:hidden;pointer-events:none;left:0;top:0;padding:0;width:0;height:0;-webkit-appearance:none;appearance:none;border:0}.vkuiFormItem{display:block;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{max-width:100%;flex-grow:1;flex-shrink:0;flex-basis:0;padding:0;min-width:1px;overflow:hidden}.vkuiFormItem__top{padding-top:2px;padding-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead))}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary));padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border, var(--vkui--color_text_negative))}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border, var(--vkui--color_text_positive))}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{max-width:100%;flex-grow:1;flex-shrink:0;flex-basis:0;padding:0;min-width:1px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop{margin-top:calc(-2px - 18px - 8px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--regular,18px) - 8px)}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop.vkuiFormItem--sizeY-compact{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact,16px) - 6px)}.vkuiFormLayoutGroup--horizontal{display:flex;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormLayoutGroup__removable{flex-grow:1;min-width:0;max-width:100%}.vkuiFormLayoutGroup--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}.vkuiFormStatus{border-radius:10px;padding:12px;background:#f2f3f5;background:var(--field_background);color:#6d7885;color:var(--text_subhead)}.vkuiFormStatus__header,.vkuiFormStatus b:first-child{color:#000;color:var(--text_primary)}.vkuiFormStatus__header:not(:last-child),.vkuiFormStatus b:first-child{margin-bottom:2px}.vkuiFormStatus--error{background:#faebeb;background:var(--field_error_background);color:#e64646;color:var(--field_error_border)}.vkuiFormStatus--error .vkuiFormStatus__header,.vkuiFormStatus--error .vkuiFormStatus b:first-child{color:currentColor}.vkuiFormStatus b:first-child{display:block;font-size:16px;line-height:20px;font-weight:500}.vkuiSlider{position:relative;z-index:0;height:28px;padding:0 14px}.vkuiSlider::before{position:absolute;left:0;width:100%;background-color:rgba(0,28,61,.08);background-color:var(--placeholder_icon_background,
|
|
114
|
-
var(--vkui--
|
|
115
|
-
)
|
|
116
|
-
var(--vkui--
|
|
117
|
-
)}.
|
|
118
|
-
var(--vkui--
|
|
119
|
-
)
|
|
120
|
-
var(--vkui--
|
|
121
|
-
)}.
|
|
122
|
-
var(--vkui--
|
|
123
|
-
)}.vkuiFormField:focus-within .vkuiFormField__border,.vkuiFormField :focus~.vkuiFormField__border,.vkuiChipsInput--focused .vkuiFormField__border{border-color:#2688eb;border-color:var(--accent, var(--vkui--color_stroke_accent))}.vkuiModalCardBase__header+.vkuiFormField,.vkuiModalCardBase__subheader+.vkuiFormField{margin-top:16px}.vkuiSelect--pop-down .vkuiFormField__border{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiSelect--pop-up .vkuiFormField__border{border-top-left-radius:0;border-top-right-radius:0}.vkuiCalendarHeader__picker .vkuiFormField__after{min-width:12px;padding-right:8px}.vkuiChipsInput .vkuiFormField__after{z-index:3}.vkuiRadio{display:block;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem .vkuiRadio{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiRadio__container{display:flex;align-items:center;justify-content:flex-start}.vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiRadio__icon{flex-shrink:0;width:22px;height:22px;margin-right:14px;color:#b8c1cc;color:var(--icon_tertiary, var(--vkui--color_icon_tertiary));transition:color .15s cubic-bezier(.36,.66,.04,1);transition:color .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiRadio__icon .vkuiRadio__pin{-webkit-transform-origin:12px 12px;transform-origin:12px 12px;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1),-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing),-webkit-transform .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon .vkuiRadio__pin{-webkit-transform:none;transform:none}.vkuiRadio__content{display:block;flex-grow:1;max-width:100%;color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiRadio__description{display:block;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary));margin-bottom:12px;margin-top:2px}.vkuiRadio__children{margin-top:12px}.vkuiRadio__children:last-child{margin-bottom:12px}.vkuiRadio--sizeY-compact .vkuiRadio__children{margin-top:8px}.vkuiRadio--sizeY-compact .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--sizeY-compact .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-compact .vkuiRadio__icon{width:18px;height:18px}.vkuiRadio--sizeY-compact .vkuiRadio__icon::after{width:12px;height:12px}.vkuiRadioGroup .vkuiRadio{flex:1;margin:0;box-sizing:border-box}.vkuiRadioGroup--horizontal{display:flex}.vkuiFormItem .vkuiRadioGroup{margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px));box-sizing:content-box}.vkuiCheckbox{display:flex;align-items:center;justify-content:flex-start;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px);min-width:44px;min-width:var(--vkui--size_field_height--regular,44px);min-height:44px;min-height:var(--vkui--size_field_height--regular,44px)}.vkuiFormItem .vkuiCheckbox{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiCheckbox__icon{flex-shrink:0;margin-right:12px}.vkuiCheckbox__icon--on{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent));display:none}.vkuiCheckbox__icon--indeterminate{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent));display:none}.vkuiCheckbox__icon--off{color:#b8c1cc;color:var(--icon_tertiary, var(--vkui--color_icon_tertiary))}.vkuiCheckbox__content{flex-grow:1;color:#000;color:var(--text_primary, var(--vkui--color_text_primary));word-break:break-word}.vkuiCheckbox__description{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary));display:block;margin-bottom:12px;margin-top:2px}.vkuiCheckbox__children{margin-top:12px}.vkuiCheckbox__children:last-child{margin-bottom:12px}.vkuiCheckbox__input:checked~.vkuiCheckbox__icon--on{display:flex}.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--indeterminate,.vkuiCheckbox__input:checked~.vkuiCheckbox__icon--off{display:none}.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--indeterminate{display:flex}.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--on,.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--off{display:none}.vkuiCheckbox__input[disabled]~*{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiCheckbox--sizeY-compact{min-width:36px;min-width:var(--vkui--size_field_height--compact,36px);min-height:36px;min-height:var(--vkui--size_field_height--compact,36px)}.vkuiCheckbox--sizeY-compact .vkuiCheckbox__children{margin-top:8px}.vkuiCheckbox--sizeY-compact .vkuiCheckbox__children:last-child{margin-bottom:8px}.vkuiCheckbox--sizeY-compact .vkuiCheckbox__description{margin-bottom:8px}.vkuiCheckbox--simple{display:flex;justify-content:center;align-items:center;padding:0;border-radius:50%}.vkuiCheckbox--simple .vkuiCheckbox__content{display:none}.vkuiCheckbox--simple .vkuiCheckbox__icon{margin:0}.vkuiInput{position:relative;line-height:20px;font-size:16px}.vkuiInput--center .vkuiInput__el{text-align:center}.vkuiInput--right .vkuiInput__el{text-align:right}.vkuiInput__el{margin:0;width:100%;display:block;box-sizing:border-box;box-shadow:none;border:0;-webkit-appearance:none;appearance:none;text-overflow:ellipsis;font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);color:#000;color:var(--text_primary, var(--vkui--color_text_primary));padding-right:12px;padding-left:12px;position:relative;z-index:2;background:0 0}.vkuiInput--sizeY-compact .vkuiInput__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiInput--hasBefore .vkuiInput__el{padding-left:0}.vkuiInput--hasAfter .vkuiInput__el{padding-right:0}.vkuiInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiInput__el::-webkit-input-placeholder{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiInput__el::placeholder{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::placeholder{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiChipsInput{max-width:100%}.vkuiChipsInput__container{flex-grow:1;flex-shrink:1;position:relative;display:flex;flex-wrap:wrap;max-width:100%;padding:3px;z-index:2;overflow:hidden}.vkuiChipsInput__chip{max-width:100%;margin:2px}.vkuiChipsInput__input-container{display:flex;flex-direction:column;flex:1;margin:2px;margin-left:10px}.vkuiChipsInput__el{position:relative;width:100%;margin-bottom:2px;padding:0;font-size:15px;line-height:26px;color:#000;color:var(--text_primary, var(--vkui--color_text_primary));background:0 0;border:0;box-shadow:none;-webkit-appearance:none;appearance:none;z-index:2}.vkuiChipsInput__el:focus{min-width:64px}.vkuiChipsInput__el::-ms-clear{display:none}.vkuiChipsInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiChipsInput__el::-webkit-input-placeholder{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiChipsInput__el::placeholder{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiChipsInput__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiChipsInput__el:disabled::placeholder{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiChipsInput--sizeY-compact .vkuiChipsInput__container{padding:1px}.vkuiChip{display:inline-block;border:1px solid rgba(0,0,0,.08);border:var(--thin-border) solid var(--image_border, var(--vkui--color_image_border_alpha));background:#fff;background:var(--background_content, var(--vkui--color_background_content));border-radius:6px;height:32px;box-sizing:border-box}.vkuiChip__in{position:relative;display:flex;height:100%;padding:0 8px;align-items:center}.vkuiChip--removable .vkuiChip__in{padding-right:0}.vkuiChip__content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;color:var(--text_primary, var(--vkui--color_text_primary));display:inline-block}.vkuiChip__remove{position:relative;flex-grow:0;flex-shrink:0;display:flex;align-items:center;align-content:center;justify-content:center;width:28px;height:28px;padding:6px;margin:-1px;-webkit-transform:translateX(-1px);transform:translateX(-1px);color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary));border:0;border-radius:2px;background:0 0;box-sizing:border-box}.vkuiChip__before{margin-right:6px}.vkuiChip__after{margin-left:6px}.vkuiChip--sizeY-compact{height:28px}.vkuiSelect{position:relative;cursor:pointer;box-sizing:border-box}.vkuiSelect__el{display:block;position:absolute;-webkit-appearance:none;appearance:none;border:0;left:0;top:0;width:100%;height:100%;opacity:0;z-index:3;font-size:16px}.vkuiSelect__container{flex-grow:1;flex-shrink:1;padding-right:12px;padding-left:12px;color:#000;color:var(--text_primary, var(--vkui--color_text_primary));box-sizing:border-box;position:relative;z-index:2;overflow:hidden}.vkuiSelect--hasBefore .vkuiSelect__container{padding-left:0}.vkuiSelect--hasAfter .vkuiSelect__container{padding-right:0}.vkuiSelect--multiline .vkuiSelect__container{padding-top:12px;padding-bottom:12px}.vkuiSelect--sizeY-compact.vkuiSelect--multiline .vkuiSelect__container{padding-top:8px;padding-bottom:8px}.vkuiSelect__title{display:block}.vkuiSelect:not(.vkuiSelect--multiline) .vkuiSelect__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vkuiSelect--empty .vkuiSelect__title{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiSelect--align-right .vkuiSelect__title{text-align:right}.vkuiSelect--align-center .vkuiSelect__title{text-align:center}.vkuiCalendarHeader__picker .vkuiSelect__container{padding-right:4px}.vkuiTextarea{position:relative}.vkuiTextarea__el{margin:0;width:100%;display:block;box-sizing:border-box;resize:none;-webkit-appearance:none;appearance:none;font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);color:#000;color:var(--text_primary, var(--vkui--color_text_primary));padding:12px;max-height:204px;border:0;z-index:2;position:relative;background:0 0}.vkuiTextarea__el[cols]{width:initial}.vkuiTextarea--sizeY-compact .vkuiTextarea__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px);max-height:196px}.vkuiTextarea__el::-webkit-input-placeholder{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiTextarea__el::placeholder{color:#818c99;color:var(--field_text_placeholder, var(--vkui--color_text_secondary))}.vkuiTextarea__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiTextarea__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiTextarea__el:disabled::placeholder{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiCustomScrollView{width:100%;height:100%;overflow:hidden;position:relative}.vkuiCustomScrollView__box{max-height:inherit;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding-right:100px;scrollbar-width:none;position:relative;z-index:0}.vkuiCustomScrollView__box::-webkit-scrollbar{display:none}.vkuiCustomScrollView__barY:active+.vkuiCustomScrollView__box{pointer-events:none}.vkuiCustomScrollView__barY{position:absolute;z-index:1;top:0;right:0;height:100%;width:10px}.vkuiCustomScrollView__trackerY{width:10px;box-sizing:border-box;padding:4px 4px 4px 0;position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none}.vkuiCustomScrollView__trackerY--hidden{opacity:0;transition:opacity 200ms}.vkuiCustomScrollView__trackerY::before{content:"";opacity:.28;display:block;width:100%;height:100%;background:#000;background:var(--music_playback_icon);border-radius:12px;transition:opacity 200ms,-webkit-transform 200ms;transition:transform 200ms,opacity 200ms;transition:transform 200ms,opacity 200ms,-webkit-transform 200ms}.vkuiCustomScrollView__trackerY:hover::before,.vkuiCustomScrollView__trackerY:active::before{opacity:.56;-webkit-transform:scaleX(1.34);transform:scaleX(1.34)}.vkuiCustomSelectDropdown .vkuiCustomScrollView__box{padding-right:8px}.vkuiCustomSelectDropdown--wide .vkuiCustomScrollView__box{padding-right:0}.vkuiCustomSelect{width:100%;position:relative;display:block}.vkuiCustomSelect__control{display:none}.vkuiCustomSelect__empty{padding:12px 0;text-align:center;color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary))}.vkuiCustomSelect__fetching{display:flex;align-items:center;justify-content:center}.vkuiCustomSelectOption{width:100%;display:flex;align-items:center;position:relative;box-sizing:border-box;padding:8px 12px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiCustomSelectOption--hierarchy{--custom-select-option-hierarchy-level:0;padding-left:calc(var(--custom-select-option-hierarchy-level)*var(--vkui--size_option_hierarchy--regular))}.vkuiCustomSelectOption--sizeY-regular{min-height:44px}.vkuiCustomSelectOption--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiCustomSelectOption--hover{background-color:#f2f3f5;background-color:var(--button_muted_background,
|
|
124
|
-
var(--vkui--
|
|
125
|
-
)
|
|
126
|
-
var(--vkui--
|
|
127
|
-
);box-sizing:border-box;border:1px solid rgba(0,0,0,.12);border:var(--thin-border) solid var(--field_border, var(--vkui--color_separator_primary_alpha));box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0px 0px 2px rgba(0, 0, 0, 0.03) , 0px 2px 2px rgba(0, 0, 0, 0.06));border-radius:8px}.vkuiCustomSelectDropdown--wide{width:100%}.vkuiCustomSelectDropdown--bottom{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.vkuiCustomSelectDropdown--top{bottom:100%;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 2px rgba(0,0,0,.03),0-2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1_invert_y,0px 0px 2px rgba(0, 0, 0, 0.03) , 0px -2px 2px rgba(0, 0, 0, 0.06))}.vkuiCustomSelectDropdown__fetching{padding:12px 0}.vkuiCustomSelectDropdown__in{max-height:160px}.vkuiCalendarHeader__pickers .vkuiCustomSelectDropdown__in{max-height:184px}.vkuiSegmentedControl{height:30px;padding:2px;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary,#F5F5F5);box-sizing:border-box}.vkuiSegmentedControl--l{height:36px}.vkuiSegmentedControl__in{position:relative;display:flex;height:100%;width:100%;transition:all 100ms ease-out;border-radius:inherit}.vkuiSegmentedControl__slider{position:absolute;top:0;left:0;bottom:0;background-color:#fff;background-color:var(--vkui--color_segmented_control,#FFFFFF);transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms,-webkit-transform 150ms;-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:inherit;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);box-shadow:inset 0 0 0 .5px var(--vkui--color_image_border_alpha,rgba(0, 0, 0, 0.08)),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)}.vkuiSegmentedControl__option{position:relative;flex:1;display:block;margin:0;padding:0;z-index:1}.vkuiSegmentedControl--sizeY-regular{height:36px}.vkuiSegmentedControl--sizeY-regular.vkuiSegmentedControl--l{height:44px}.vkuiSegmentedControlOption{height:100%;border:0;border-radius:inherit;background:0 0;color:#000;color:var(--vkui--color_text_primary,#000000);transition:color 100ms ease-out;-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.vkuiSegmentedControlOption .vkuiIcon{color:#2c2d2e;color:var(--vkui--color_icon_primary,#2C2D2E)}.vkuiSegmentedControlOption:not(.vkuiSegmentedControlOption--checked):hover{opacity:.5}.vkuiSegmentedControlOption__content{display:flex;align-content:center;align-items:center;justify-content:center;height:100%;width:100%;border-radius:inherit}.vkuiVisuallyHiddenInput{position:absolute;height:1px;white-space:nowrap;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;opacity:0}.vkuiCalendar{display:flex;flex-direction:column;background:#fff;background:var(--vkui--color_background_modal,#FFFFFF);border:.5px solid #d7d8d9;border:.5px solid var(--vkui--color_separator_primary,#D7D8D9);box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0px 0px 2px rgba(0, 0, 0, 0.03) , 0px 2px 2px rgba(0, 0, 0, 0.06));border-radius:8px;width:305px;padding:12px}.vkuiCalendar__time{border-top:1px solid #d7d8d9;border-top:1px solid var(--vkui--color_separator_primary,#D7D8D9);margin:12px -12px 0;padding:12px 12px 0}.vkuiCalendar__header{margin-bottom:4px;z-index:1}.vkuiCalendar--size-s{width:220px;padding:8px}.vkuiCalendar--size-s .vkuiCalendar__header{margin-bottom:0}.vkuiCalendarDay{border-radius:0;font-size:14px;color:#000;color:var(--vkui--color_text_primary,#000000)}.vkuiCalendarDay__hidden,.vkuiCalendarDay{height:36px;flex-basis:calc(100%/7);flex-grow:0}.vkuiCalendarDay__hidden--size-s,.vkuiCalendarDay--size-s{height:34px}.vkuiCalendarDay--disabled,.vkuiCalendarDay--not-same-month{color:#99a2ad;color:var(--vkui--color_text_tertiary,#99A2AD)}.vkuiCalendarDay--selected{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary,#F5F5F5)}.vkuiCalendarDay--selection-start.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-start{border-top-left-radius:8px;border-bottom-left-radius:8px}.vkuiCalendarDay--selection-end.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-end{border-top-right-radius:8px;border-bottom-right-radius:8px}.vkuiCalendarDay__day-number{text-align:center}.vkuiCalendarDay--today{font-weight:600}.vkuiCalendarDay--today .vkuiCalendarDay__day-number::after{content:"";border-bottom:2px solid #2688eb;border-bottom:2px solid var(--vkui--color_stroke_accent,#2688EB);width:16px;display:block;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.vkuiCalendarDay--today .vkuiCalendarDay__inner--active .vkuiCalendarDay__day-number::after{border-bottom-color:#fff;border-bottom-color:var(--vkui--color_stroke_contrast,#FFFFFF)}.vkuiCalendarDay__inner,.vkuiCalendarDay__hinted{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.vkuiCalendarDay__inner{border-radius:8px}.vkuiCalendarDay__hinted--active,.vkuiCalendarDay--hover :not(.vkuiCalendarDay__hinted--active) .vkuiCalendarDay__inner{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover,rgba(0, 0, 0, 0.08))}.vkuiCalendarDay__inner--active{background-color:#2688eb;background-color:var(--vkui--color_background_accent,#2688EB);color:#fff;color:var(--vkui--color_text_contrast,#FFFFFF)}.vkuiCalendarDays{display:flex;flex-direction:column;justify-content:space-around;flex-grow:1}.vkuiCalendarDays__row{display:flex;justify-content:center;flex-grow:1}.vkuiCalendarDays__row:not(:last-child){margin-bottom:4px}.vkuiCalendarDays__row--size-s:not(:last-child){margin-bottom:0}.vkuiCalendarDays__weekday{text-transform:capitalize;color:#6d7885;color:var(--vkui--color_text_subhead,#6D7885);height:32px;flex-basis:calc(100%/7);flex-grow:0;display:flex;align-items:center;justify-content:center}.vkuiCalendarHeader{display:flex;justify-content:center;align-items:center;position:relative;min-height:36px}.vkuiCalendarHeader__pickers{display:flex;position:absolute}.vkuiCalendarHeader__picker+.vkuiCalendarHeader__picker{margin-left:4px}.vkuiCalendarHeader__nav-icon{position:absolute;display:flex;justify-content:center;align-items:center;padding:3px}.vkuiCalendarHeader__nav-icon--accent{color:#2688eb;color:var(--vkui--color_icon_accent,#2688EB)}.vkuiCalendarHeader__nav-icon-next{right:0}.vkuiCalendarHeader__nav-icon-prev{left:0}.vkuiCalendarHeader__month{text-transform:capitalize}.vkuiCalendarRange{display:flex;justify-content:space-around;flex-wrap:wrap;width:610px;background:#fff;background:var(--vkui--color_background_modal,#FFFFFF);border:.5px solid #d7d8d9;border:.5px solid var(--vkui--color_separator_primary,#D7D8D9);box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0px 0px 2px rgba(0, 0, 0, 0.03) , 0px 2px 2px rgba(0, 0, 0, 0.06));border-radius:8px;padding:12px}.vkuiCalendarRange__inner{display:flex;flex-direction:column;flex-grow:1}.vkuiCalendarRange__inner:not(:last-child){margin-right:24px}.vkuiCalendarRange__header{margin-bottom:4px;z-index:1}.vkuiCalendarTime{display:flex;align-items:center}.vkuiCalendarTime__picker{width:77px}.vkuiCalendarTime__divider{margin-left:6px;margin-right:6px;color:#000;color:var(--vkui--color_text_primary,#000000)}.vkuiCalendarTime__button{margin-left:auto}.vkuiInputLike__mask{position:relative}.vkuiInputLike__mask::after{content:"";position:absolute;width:calc(100% - .1em);height:1px;bottom:0;left:0;border-bottom:solid 1px #818c99;border-bottom:solid 1px var(--vkui--color_text_secondary,#818C99)}.vkuiInputLike__mask:last-child{margin-right:1px}.vkuiInputLike__last_character{letter-spacing:1px!important}.vkuiInputLike--full+.vkuiInputLikeDivider{color:#000;color:var(--vkui--color_text_primary,#000000)}.vkuiInputLikeDivider{color:#818c99;color:var(--vkui--color_text_secondary,#818C99);letter-spacing:1px!important}.vkuiDateInput__input{flex-grow:1;margin-left:10px;margin-right:14px;font-size:16px;z-index:2;cursor:text;white-space:nowrap;-webkit-user-select:text;user-select:text;font-variant-numeric:tabular-nums}.vkuiDateInput__input-time-divider{letter-spacing:6px!important}.vkuiDateInput--sizeY-compact .vkuiDateInput__input{font-size:15px;margin-right:22px}.vkuiDateRangeInput__input{flex-grow:1;margin-left:10px;margin-right:14px;font-size:16px;z-index:2;cursor:text;white-space:nowrap;-webkit-user-select:text;user-select:text;font-variant-numeric:tabular-nums}.vkuiDateRangeInput--sizeY-compact .vkuiDateRangeInput__input{font-size:15px;margin-right:22px}.vkuiPromoBanner{width:100%;box-sizing:border-box;outline:1px solid rgba(0,0,0,.12);outline:1px solid var(--separator_alpha);color:#000;color:var(--text_primary);background:#fff;background:var(--background_content);padding-bottom:10px;position:relative}.vkuiPromoBanner__head{display:flex;padding-top:14px;padding-bottom:10px;color:#818c99;color:var(--text_secondary)}.vkuiPromoBanner__age{margin-left:6px}.vkuiPromoBanner__close{position:absolute;top:0;right:0;width:48px;height:48px;color:#99a2ad;color:var(--placeholder_icon_foreground_primary);display:flex;justify-content:center;align-items:center}.vkuiPromoBanner__close:active{opacity:.7}.vkuiPromoBanner__pixels{display:none}.vkuiPromoBanner--ios .vkuiPromoBanner__head{padding-left:12px;padding-right:12px}.vkuiPromoBanner--android .vkuiPromoBanner__head,.vkuiPromoBanner--vkcom .vkuiPromoBanner__head{padding-left:16px;padding-right:16px}.vkui>body{overflow-x:hidden}.vkui,.vkui>body,.vkui__root{margin:0;padding:0;height:100%}.vkui,.vkui>body,.vkui__root,.vkui__portal-root{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);color:#000;color:var(--text_primary)}.vkui__root input,.vkui__root textarea,.vkui__root select,.vkui__root button,.vkui__portal-root input,.vkui__portal-root textarea,.vkui__portal-root select,.vkui__portal-root button{font-family:inherit}.vkui__root :focus,.vkui__portal-root :focus{outline:0}
|
|
1
|
+
.vkui__portal-root,.vkui__root{--font-common:var(
|
|
2
|
+
--palette-vk-font,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif
|
|
3
|
+
);--font-tt:"TT Commons",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;--font-display:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;--ios-easing:cubic-bezier(0.36,0.66,0.04,1);--android-easing:cubic-bezier(0.4,0,0.2,1);--tabbar_height:48px;--panelheader_height:56px;--panelheader_height_ios:52px;--panelheader_height_vkcom:48px;--search_default_height:36px;--thin-border:1px;--popover-safe-zone-padding:8px;--formitem_padding:16px;--white:#fff;--blue_200:#5c9ce6;--safe-area-inset-top:0px;--safe-area-inset-right:0px;--safe-area-inset-bottom:0px;--safe-area-inset-left:0px;--duration:0.7s}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkui__portal-root,.vkui__root{--thin-border:0.5px}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkui__portal-root,.vkui__root{--thin-border:0.33px}}@supports (padding-top:constant(safe-area-inset-top)){.vkui__portal-root,.vkui__root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (padding-top:env(safe-area-inset-top)){.vkui__portal-root,.vkui__root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}@-webkit-keyframes vkui-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vkui-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes vkui-popper-fadein{0%{opacity:0}to{opacity:1}}@keyframes vkui-popper-fadein{0%{opacity:0}to{opacity:1}}.vkui__root--embedded{overflow-x:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.vkuiAppRoot{height:100%}.vkui__root--embedded .vkuiAppRoot{overflow:auto}.vkui--sizeX-regular{background:#ebedf0;background:var(--background_page)}.vkuiAppRoot--no-mouse{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;font-size:var(--vkui--font_title1--font_size--regular,24px);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular,600);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular,28px)}.vkuiTitle--l-2{font-size:20px;font-size:var(--vkui--font_title2--font_size--regular,20px);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular,600);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular,24px)}.vkuiTitle--l-3{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular,17px);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular,600);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular,22px)}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiTitle--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiTitle--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiHeadline{display:block;margin:0}.vkuiHeadline--l-1{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular,16px);font-weight:500;font-weight:var(--vkui--font_headline1--font_weight--regular,500);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular,20px)}.vkuiHeadline--l-2{font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular,15px);font-weight:500;font-weight:var(--vkui--font_headline2--font_weight--regular,500);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular,20px)}.vkuiHeadline--sizeY-compact.vkuiHeadline--l-1{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact,20px)}.vkuiHeadline--sizeY-compact.vkuiHeadline--l-2{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact,14px);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact,20px)}.vkuiHeadline--w-regular{font-weight:400}.vkuiHeadline--w-medium{font-weight:500}.vkuiHeadline--w-semibold{font-weight:600}.vkuiHeadline--android.vkuiHeadline--w-semibold{font-weight:500}.vkuiHeadline--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiHeadline--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiHeadline--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiText{display:block;font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);margin:0}.vkuiText--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiText--w-regular{font-weight:400}.vkuiText--w-medium{font-weight:500}.vkuiText--w-1,.vkuiText--w-semibold{font-weight:600}.vkuiText--w-1{font-weight:var(--vkui--font_weight_accent1,600)}.vkuiText--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiText--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiParagraph{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px)}.vkuiParagraph--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiParagraph--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiParagraph--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiSubhead{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular,400);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px);margin:0}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact,13px);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact,16px)}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiSubhead--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiSubhead--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiFootnote{display:block;font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular,400);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);margin:0}.vkuiFootnote--caps{font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular,13px);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular,400);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular,16px);text-transform:uppercase}.vkuiFootnote--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiFootnote--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiFootnote--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiCaption{display:block;margin:0}.vkuiCaption--caps{text-transform:uppercase}.vkuiCaption--l-1{font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular,400);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px)}.vkuiCaption--l-1.vkuiCaption--caps{font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular,13px);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular,400);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular,16px)}.vkuiCaption--l-2{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);font-weight:400;font-weight:var(--vkui--font_caption1--font_weight--regular,400);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px)}.vkuiCaption--l-2.vkuiCaption--caps{font-size:12px;font-size:var(--vkui--font_caption1_caps--font_size--regular,12px);font-weight:600;font-weight:var(--vkui--font_caption1_caps--font_weight--regular,600);line-height:14px;line-height:var(--vkui--font_caption1_caps--line_height--regular,14px)}.vkuiCaption--l-3{font-size:11px;font-size:var(--vkui--font_caption2--font_size--regular,11px);font-weight:400;font-weight:var(--vkui--font_caption2--font_weight--regular,400);line-height:14px;line-height:var(--vkui--font_caption2--line_height--regular,14px)}.vkuiCaption--l-3.vkuiCaption--caps{font-size:11px;font-size:var(--vkui--font_caption2_caps--font_size--regular,11px);font-weight:600;font-weight:var(--vkui--font_caption2_caps--font_weight--regular,600);line-height:14px;line-height:var(--vkui--font_caption2_caps--line_height--regular,14px)}.vkuiCaption--l-4{font-size:9px;font-size:var(--vkui--font_caption3--font_size--regular,9px);font-weight:400;font-weight:var(--vkui--font_caption3--font_weight--regular,400);line-height:12px;line-height:var(--vkui--font_caption3--line_height--regular,12px)}.vkuiCaption--l-4.vkuiCaption--caps{font-size:9px;font-size:var(--vkui--font_caption3_caps--font_size--regular,9px);font-weight:600;font-weight:var(--vkui--font_caption3_caps--font_weight--regular,600);line-height:12px;line-height:var(--vkui--font_caption3_caps--line_height--regular,12px)}.vkuiCaption.vkuiCaption--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiCaption.vkuiCaption--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiCaption.vkuiCaption--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiCaption--w-regular{font-weight:400}.vkuiCaption--w-medium{font-weight:500}.vkuiCaption--w-semibold{font-weight:600}.vkuiCaption--w-bold{font-weight:700}.vkuiTappable{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);cursor:default;position:relative;transition:background-color .15s ease-out}.vkuiTappable--hasActive,.vkuiTappable--hasHover{cursor:pointer}.vkuiTappable[aria-disabled=true],.vkuiTappable[disabled]{cursor:default}.vkuiTappable--focus-visible{outline:none}.vkuiTappable--active-background.vkuiTappable--active-background.vkuiTappable--active-background{background-color:rgba(0,0,0,.08);background-color:var(
|
|
4
|
+
--background_highlighted,var(--vkui--color_transparent--active)
|
|
5
|
+
)}.vkuiTappable--active-opacity.vkuiTappable--active-opacity.vkuiTappable--active-opacity{opacity:.7}.vkuiTappable__hoverShadow{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.vkuiTappable--hover-background>.vkuiTappable__hoverShadow{background-color:rgba(0,0,0,.04);background-color:var(
|
|
6
|
+
--background_hover,var(--vkui--color_transparent--hover)
|
|
7
|
+
)}.vkuiTappable--hover-opacity{opacity:.8}.vkuiTappable--mouse{transition:opacity .15s ease-out}.vkuiTappable--mouse .vkuiTappable__hoverShadow{transition:background-color .15s ease-out}.vkuiTappable--ios.vkuiTappable--active-background{transition:none}.vkuiTappable .vkuiTappable__waves{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;will-change:transform}.vkuiTappable .vkuiTappable__wave{-webkit-animation:vkui-animation-wave .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-wave .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-wave .3s var(--android-easing);animation:vkui-animation-wave .3s var(--android-easing);background:hsla(0,0%,50%,.1);border-radius:50%;content:"";height:24px;left:0;margin:-12px 0 0 -12px;opacity:0;position:absolute;top:0;width:24px}.vkuiTappable--sizeX-compact{border-radius:0}@-webkit-keyframes vkui-animation-wave{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}30%{opacity:1}to{opacity:0;-webkit-transform:scale(8);transform:scale(8)}}@keyframes vkui-animation-wave{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}30%{opacity:1}to{opacity:0;-webkit-transform:scale(8);transform:scale(8)}}.vkuiFixedLayout{box-sizing:border-box;left:auto;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);position:fixed;z-index:3}.vkuiFixedLayout--filled{background:#fff;background:var(--background_content,var(--vkui--color_background_content))}.vkuiFixedLayout--top{top:0;width:100%}.vkuiFixedLayout--bottom{bottom:0;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);width:100%}.vkuiEpic .vkuiFixedLayout--bottom{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiPanelHeader~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader~.vkuiFixedLayout--top{top:calc(56px + 0px);top:calc(var(--panelheader_height) + var(--safe-area-inset-top))}.vkuiPanelHeader--ios~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader--ios~.vkuiFixedLayout--top{top:calc(52px + 0px);top:calc(var(--panelheader_height_ios) + var(--safe-area-inset-top))}.vkuiPanelHeader--vkcom~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader--vkcom~.vkuiFixedLayout--top{top:calc(48px + 0px);top:calc(var(--panelheader_height_vkcom) + var(--safe-area-inset-top))}.vkuiButton{border:none;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;display:inline-block;margin:0;max-width:100%;min-height:28px;min-height:var(--vkui--size_button_small_height--compact,28px);min-width:80px;min-width:var(--vkui--size_button_minimum_width--regular,80px);padding:0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiButton--loading{cursor:progress}.vkuiButton--singleIcon{min-width:28px;min-width:var(--vkui--size_button_small_height--compact,28px)}.vkuiButton--stretched{display:block;flex-basis:0;flex-grow:1;width:100%}.vkuiButton__in{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:inherit;text-align:center;width:100%}.vkuiButton--aln-left .vkuiButton__in{justify-content:flex-start;text-align:left}.vkuiButton--aln-right .vkuiButton__in{justify-content:flex-end;text-align:right}.vkuiButton[disabled]{opacity:.4;opacity:var(--vkui--opacity_disable,.4)}.vkuiButton--lvl-outline[disabled]:not(.vkuiButton--clr-overlay),.vkuiButton--lvl-primary[disabled]:not(.vkuiButton--clr-overlay):not(.vkuiButton--clr-negative):not(.vkuiButton--clr-positive),.vkuiButton--lvl-secondary[disabled]:not(.vkuiButton--clr-overlay),.vkuiButton--lvl-tertiary[disabled]:not(.vkuiButton--clr-overlay){opacity:.64}.vkuiButton__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiButton--sz-s .vkuiButton__content:first-child{padding-left:16px;padding-left:var(--vkui--size_button_base_small_padding_horizontal--regular,16px)}.vkuiButton--sz-s .vkuiButton__after,.vkuiButton--sz-s .vkuiButton__content:last-child{padding-right:16px;padding-right:var(
|
|
8
|
+
--vkui--size_button_base_small_padding_horizontal--regular,16px
|
|
9
|
+
)}.vkuiButton--sz-m .vkuiButton__content:first-child{padding-left:16px;padding-left:var(
|
|
10
|
+
--vkui--size_button_base_medium_padding_horizontal--regular,16px
|
|
11
|
+
)}.vkuiButton--sz-m .vkuiButton__after,.vkuiButton--sz-m .vkuiButton__content:last-child{padding-right:16px;padding-right:var(
|
|
12
|
+
--vkui--size_button_base_medium_padding_horizontal--regular,16px
|
|
13
|
+
)}.vkuiButton--sz-l .vkuiButton__content:first-child{padding-left:20px;padding-left:var(--vkui--size_button_base_large_padding_horizontal--regular,20px)}.vkuiButton--sz-l .vkuiButton__after,.vkuiButton--sz-l .vkuiButton__content:last-child{padding-right:20px;padding-right:var(
|
|
14
|
+
--vkui--size_button_base_large_padding_horizontal--regular,20px
|
|
15
|
+
)}.vkuiButton--sz-s .vkuiButton__before{padding-left:12px;padding-left:var(
|
|
16
|
+
--vkui--size_button_base_small_padding_horizontal_icon--regular,12px
|
|
17
|
+
)}.vkuiButton--sz-m .vkuiButton__before{padding-left:12px;padding-left:var(
|
|
18
|
+
--vkui--size_button_base_medium_padding_horizontal_icon--regular,12px
|
|
19
|
+
)}.vkuiButton--sz-l .vkuiButton__before{padding-left:16px;padding-left:var(
|
|
20
|
+
--vkui--size_button_base_large_padding_horizontal_icon--regular,16px
|
|
21
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__content:first-child{padding-left:12px;padding-left:var(
|
|
22
|
+
--vkui--size_button_tertiary_small_padding_horizontal--regular,12px
|
|
23
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__content:last-child{padding-right:12px;padding-right:var(
|
|
24
|
+
--vkui--size_button_tertiary_small_padding_horizontal--regular,12px
|
|
25
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__content:first-child{padding-left:12px;padding-left:var(
|
|
26
|
+
--vkui--size_button_tertiary_medium_padding_horizontal--regular,12px
|
|
27
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__content:last-child{padding-right:12px;padding-right:var(
|
|
28
|
+
--vkui--size_button_tertiary_medium_padding_horizontal--regular,12px
|
|
29
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__content:first-child{padding-left:16px;padding-left:var(
|
|
30
|
+
--vkui--size_button_tertiary_large_padding_horizontal--regular,16px
|
|
31
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__content:last-child{padding-right:16px;padding-right:var(
|
|
32
|
+
--vkui--size_button_tertiary_large_padding_horizontal--regular,16px
|
|
33
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__before{padding-left:8px;padding-left:var(
|
|
34
|
+
--vkui--size_button_tertiary_small_padding_horizontal_icon--regular,8px
|
|
35
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__before{padding-left:8px;padding-left:var(
|
|
36
|
+
--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular,8px
|
|
37
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__before{padding-left:12px;padding-left:var(
|
|
38
|
+
--vkui--size_button_tertiary_large_padding_horizontal_icon--regular,12px
|
|
39
|
+
)}.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__before,.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--singleIcon .vkuiButton__before{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.vkuiButton__spinner{bottom:0;left:0;position:absolute;right:0;top:0}.vkuiButton__spinner+.vkuiButton__in{visibility:hidden}.vkuiButton--lvl-primary.vkuiButton--clr-accent{background-color:#2d81e0;background-color:var(
|
|
40
|
+
--button_primary_background,var(--vkui--color_background_accent)
|
|
41
|
+
)}.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--hover{background-color:#2483e4;background-color:var(--vkui--color_background_accent--hover,#2483e4)}.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--active{background-color:#237edd;background-color:var(--vkui--color_background_accent--active,#237edd)}.vkuiButton--lvl-primary.vkuiButton--clr-positive{background-color:#4bb34b;background-color:var(
|
|
42
|
+
--button_commerce_background,var(--vkui--color_background_positive)
|
|
43
|
+
)}.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--hover{background-color:#48ac4a;background-color:var(--vkui--color_background_positive--hover,#48ac4a)}.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--active{background-color:#45a64a;background-color:var(--vkui--color_background_positive--active,#45a64a)}.vkuiButton--lvl-primary.vkuiButton--clr-negative{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative))}.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--hover{background-color:#dd4446;background-color:var(--vkui--color_background_negative--hover,#dd4446)}.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--active{background-color:#d44245;background-color:var(--vkui--color_background_negative--active,#d44245)}.vkuiButton--lvl-primary.vkuiButton--clr-neutral{background-color:#f5f5f5;background-color:var(
|
|
44
|
+
--content_tint_background,var(--vkui--color_background_secondary)
|
|
45
|
+
)}.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover,#ebecee)}.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active,#e1e3e6)}.vkuiButton--lvl-secondary{background-color:rgba(0,28,61,.05);background-color:var(
|
|
46
|
+
--button_secondary_background,var(--vkui--color_background_secondary)
|
|
47
|
+
)}.vkuiButton--lvl-secondary.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover,#ebecee)}.vkuiButton--lvl-secondary.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active,#e1e3e6)}.vkuiButton--lvl-outline,.vkuiButton--lvl-tertiary{background-color:transparent;background-color:var(
|
|
48
|
+
--button_tertiary_background,var(--vkui--color_transparent)
|
|
49
|
+
)}.vkuiButton--lvl-outline.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover,rgba(0,16,61,.04))}.vkuiButton--lvl-outline.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active,rgba(0,16,61,.08))}.vkuiButton--lvl-primary.vkuiButton--clr-accent{color:#fff;color:var(--button_primary_foreground,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-negative{color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-positive{color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--hover,.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--hover,.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover,#f5f5f7)}.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--active,.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--active,.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active,#ebecef)}.vkuiButton--lvl-tertiary.vkuiButton--clr-accent{color:#2d81e0;color:var(--button_tertiary_foreground,var(--vkui--color_text_accent))}.vkuiButton--lvl-secondary.vkuiButton--clr-accent{color:#2688eb;color:var(--button_secondary_foreground,var(--vkui--color_text_accent))}.vkuiButton--lvl-outline.vkuiButton--clr-accent{color:#2688eb;color:var(--button_outline_foreground,var(--vkui--color_text_accent))}.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-accent.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-accent.vkuiButton--hover{color:#2483e4;color:var(--vkui--color_text_accent--hover,#2483e4)}.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-accent.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-accent.vkuiButton--active{color:#237edd;color:var(--vkui--color_text_accent--active,#237edd)}.vkuiButton--lvl-outline.vkuiButton--clr-positive,.vkuiButton--lvl-secondary.vkuiButton--clr-positive,.vkuiButton--lvl-tertiary.vkuiButton--clr-positive{color:#4bb34b;color:var(--button_commerce_background,var(--vkui--color_text_positive))}.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-positive.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-positive.vkuiButton--hover{color:#48ac4a;color:var(--vkui--color_text_positive--hover,#48ac4a)}.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-positive.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-positive.vkuiButton--active{color:#45a64a;color:var(--vkui--color_text_positive--active,#45a64a)}.vkuiButton--lvl-outline.vkuiButton--clr-negative,.vkuiButton--lvl-secondary.vkuiButton--clr-negative,.vkuiButton--lvl-tertiary.vkuiButton--clr-negative{color:#e64646;color:var(--destructive,var(--vkui--color_text_negative))}.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-negative.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-negative.vkuiButton--hover{color:#dd4446;color:var(--vkui--color_text_negative--hover,#dd4446)}.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-negative.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-negative.vkuiButton--active{color:#d44245;color:var(--vkui--color_text_negative--active,#d44245)}.vkuiButton--lvl-outline.vkuiButton--clr-neutral,.vkuiButton--lvl-primary.vkuiButton--clr-neutral,.vkuiButton--lvl-secondary.vkuiButton--clr-neutral,.vkuiButton--lvl-tertiary.vkuiButton--clr-neutral{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--hover,.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-neutral.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-neutral.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary--hover,#000102)}.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--active,.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-neutral.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-neutral.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary--active,#000105)}.vkuiButton--lvl-outline.vkuiButton--clr-accent{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--button_outline_border,var(--vkui--color_stroke_accent))}.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--hover{box-shadow:inset 0 0 0 1px #2483e4;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent--hover,#2483e4)}.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--active{box-shadow:inset 0 0 0 1px #237edd;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent--active,#237edd)}.vkuiButton--lvl-outline.vkuiButton--clr-positive{box-shadow:inset 0 0 0 1px #4bb34b;box-shadow:inset 0 0 0 1px var(--button_commerce_background,var(--vkui--color_stroke_positive))}.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--hover{box-shadow:inset 0 0 0 1px #48ac4a;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--hover,#48ac4a)}.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--active{box-shadow:inset 0 0 0 1px #45a64a;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--active,#45a64a)}.vkuiButton--lvl-outline.vkuiButton--clr-negative{box-shadow:inset 0 0 0 1px #e64646;box-shadow:inset 0 0 0 1px var(--destructive,var(--vkui--color_stroke_negative))}.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--hover{box-shadow:inset 0 0 0 1px #dd4446;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--hover,#dd4446)}.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--active{box-shadow:inset 0 0 0 1px #d44245;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--active,#d44245)}.vkuiButton--lvl-outline.vkuiButton--clr-neutral{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px var(--field_border,var(--vkui--color_field_border_alpha))}.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover,#ebecee);box-shadow:unset}.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active,#e1e3e6);box-shadow:unset}.vkuiButton--lvl-primary.vkuiButton--clr-overlay{background-color:#fff;background-color:var(
|
|
50
|
+
--media_overlay_button_background,var(--vkui--color_background_contrast)
|
|
51
|
+
)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{background-color:#f5f5f7;background-color:var(--vkui--color_background_contrast--hover,#f5f5f7)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{background-color:#ebecef;background-color:var(--vkui--color_background_contrast--active,#ebecef)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay{background-color:hsla(0,0%,100%,.2);background-color:var(
|
|
52
|
+
--vkui--color_background_contrast_secondary_alpha,hsla(0,0%,100%,.2)
|
|
53
|
+
)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover{background-color:hsla(0,0%,100%,.24);background-color:var(
|
|
54
|
+
--vkui--color_background_contrast_secondary_alpha--hover,hsla(0,0%,100%,.24)
|
|
55
|
+
)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active{background-color:hsla(0,0%,100%,.28);background-color:var(
|
|
56
|
+
--vkui--color_background_contrast_secondary_alpha--active,hsla(0,0%,100%,.28)
|
|
57
|
+
)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay{color:#2c2d2e;color:var(
|
|
58
|
+
--media_overlay_button_foreground,var(--vkui--color_text_primary_invariably)
|
|
59
|
+
)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover,#000102)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active,#000105)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay{color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover,#f5f5f7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active,#ebecef)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--white,var(--vkui--color_stroke_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover,#f5f5f7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active,#ebecef)}.vkuiButton__after:not(:first-child),.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton--sz-l .vkuiButton__after:not(:first-child),.vkuiButton--sz-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--sz-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-m.vkuiButton--singleIcon{width:32px;width:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--sz-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular,44px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular,44px)}.vkuiBanner__actions>.vkuiButton{margin-bottom:6px;margin-right:16px;margin-top:12px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary{margin:4px 16px 2px calc(-1 * 12px);margin:4px 16px 2px calc(-1 * var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiBanner__actions>.vkuiButton--sz-m.vkuiButton--lvl-tertiary{margin-left:calc(-1 * 12px);margin-left:calc(-1 * var(--vkui--size_button_tertiary_medium_padding_horizontal--regular,12px))}.vkuiBanner__actions>.vkuiButton--sz-l.vkuiButton--lvl-tertiary{margin-left:calc(-1 * 16px);margin-left:calc(-1 * var(--vkui--size_button_tertiary_large_padding_horizontal--regular,16px))}.vkuiBanner__actions>.vkuiButton--lvl-tertiary:first-child{margin-top:4px}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton:not(.vkuiButton--lvl-tertiary){margin-top:0}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton--lvl-tertiary{margin-left:-12px;margin-top:2px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary+.vkuiButton--lvl-tertiary{margin-top:2px}.vkuiModalCardBase__actions .vkuiButton{flex:1;margin-left:6px;margin-right:6px;width:0}.vkuiModalCardBase__actions--v .vkuiButton{margin-left:0;margin-right:0;width:100%}.vkuiModalCardBase__actions--v .vkuiButton+.vkuiButton{margin-top:12px}.vkuiRichCell__actions>.vkuiButton+.vkuiButton{margin-left:8px}.vkuiRemovable__content{align-items:center;display:flex;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);position:relative}.vkuiRemovable__action{border:none;flex-grow:0;flex-shrink:0;position:relative}.vkuiRemovable__action.vkuiRemovable__action{color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary))}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));border:none;border-radius:0;color:#fff;color:var(--white);font-size:15px;height:100%;left:100%;line-height:45px;padding:0 10px;position:absolute;top:0}.vkuiRemovable__remove-in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{background:none;display:block;height:44px;margin:0 2px;width:44px}.vkuiRemovable__toggle-in{align-content:center;align-items:center;border:none;display:flex;height:100%;justify-content:center;position:relative;width:100%}.vkuiRemovable__toggle-in:after{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));border-radius:50%;content:"";height:22px;width:22px}.vkuiRemovable__toggle-in:before{background-color:#fff;background-color:var(--white);content:"";display:block;height:2px;position:absolute;width:12px}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable .vkuiRemovable__content,.vkuiFormLayoutGroup--removable .vkuiRemovable__content{align-items:flex-start;flex-wrap:wrap}.vkuiFormItem--withTop .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__offset{display:block;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular,18px) + 8px);order:-1;width:100%}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable~.vkuiRemovable__offset,.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--withTop~.vkuiRemovable__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact,16px) + 6px)}[class$="--focus-visible"]>.vkuiFocusVisible{border-radius:inherit;bottom:2px;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent,var(--vkui--color_stroke_accent));left:2px;overflow:hidden;pointer-events:none;position:absolute;right:2px;top:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0}[class$="--focus-visible"]>.vkuiFocusVisible--outside{bottom:-2px;left:-2px;right:-2px;top:-2px}@media (prefers-reduced-motion:no-preference){[class$="--focus-visible"]>.vkuiFocusVisible{-webkit-animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation:vkui-animation-focus-visible .15s ease-in-out forwards;-webkit-animation-delay:.01ms;animation-delay:.01ms;bottom:4px;left:4px;right:4px;top:4px;will-change:top,left,bottom,right}[class$="--focus-visible"]>.vkuiFocusVisible--outside{-webkit-animation-name:vkui-animation-focus-visible-outside;animation-name:vkui-animation-focus-visible-outside;bottom:0;left:0;right:0;top:0}@-webkit-keyframes vkui-animation-focus-visible{to{bottom:2px;left:2px;right:2px;top:2px;will-change:auto}}@keyframes vkui-animation-focus-visible{to{bottom:2px;left:2px;right:2px;top:2px;will-change:auto}}@-webkit-keyframes vkui-animation-focus-visible-outside{to{bottom:-2px;left:-2px;right:-2px;top:-2px;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{to{bottom:-2px;left:-2px;right:-2px;top:-2px;will-change:auto}}}.vkuiPopperArrow__in{content:"";display:block;height:8px;width:20px}[data-popper-placement^=bottom] .vkuiPopperArrow{bottom:100%}[data-popper-placement^=top] .vkuiPopperArrow{top:100%}[data-popper-placement^=top] .vkuiPopperArrow__in{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[data-popper-placement^=left] .vkuiPopperArrow{left:calc(100% - 6px)}[data-popper-placement^=left] .vkuiPopperArrow__in{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[data-popper-placement^=right] .vkuiPopperArrow{right:calc(100% - 6px)}[data-popper-placement^=right] .vkuiPopperArrow__in{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.vkuiRoot{height:100%;position:relative;width:100%}.vkuiRoot--transition{pointer-events:none}.vkuiRoot__view{height:100%;position:relative;width:100%}.vkuiRoot--transition .vkuiRoot__view{left:0;overflow:hidden;position:fixed;top:0}.vkuiRoot__scrollCompensation{height:100%;width:100%}.vkuiRoot__view--hide-forward,.vkuiRoot__view--show-back{z-index:1}.vkuiRoot__view--hide-back,.vkuiRoot__view--show-forward{z-index:2}.vkuiRoot__view--show-forward{-webkit-animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-root-android-animation-show-forward .3s var(--android-easing);animation:vkui-root-android-animation-show-forward .3s var(--android-easing)}.vkuiRoot__view--hide-back{-webkit-animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards;animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards}.vkuiRoot__popout{z-index:100}.vkuiRoot__modal,.vkuiRoot__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiRoot__modal{z-index:99}.vkuiRoot__modal:empty{display:none}.vkuiRoot--ios .vkuiRoot__view--hide-forward:after,.vkuiRoot--ios .vkuiRoot__view--show-back:after{background-color:#000;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:6}.vkuiRoot--ios .vkuiRoot__view--show-back:after{-webkit-animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward:after{-webkit-animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--show-forward{-webkit-animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--hide-back{-webkit-animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards}@-webkit-keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@-webkit-keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-root-android-animation-hide-back{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes vkui-root-android-animation-hide-back{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes vkui-root-android-animation-show-forward{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-root-android-animation-show-forward{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);padding:0;padding:0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{-webkit-transform:translateZ(0);transform:translateZ(0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed,.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.vkuiView--ios .vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-prev-forward .6s var(--ios-easing);animation:vkui-animation-ios-prev-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-back .6s var(--ios-easing);animation:vkui-animation-ios-next-back .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-forward .6s var(--ios-easing);animation:vkui-animation-ios-next-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards;animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{background:#000;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-fade-in .6s var(--ios-easing);animation:vkui-animation-ios-fade-in .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards;animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{-webkit-animation:none;animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@-webkit-keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{word-wrap:break-word;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;position:relative;width:100%}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{position:fixed;width:100%;z-index:2}.vkuiView--animated .vkuiView__header,.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel{pointer-events:none}.vkuiView__panel,.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{box-sizing:border-box;position:relative;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{left:0;overflow:hidden;position:fixed;top:0}.vkuiView__popout{z-index:100}.vkuiView__modal,.vkuiView__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiView__modal{z-index:99}.vkuiView__modal:empty{display:none}.vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards;animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-view-next-forward .3s var(--android-easing);animation:vkui-animation-view-next-forward .3s var(--android-easing)}.vkuiView--no-motion .vkuiView__panel{-webkit-animation:none;animation:none}@-webkit-keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiPanel{height:100%;position:relative;width:100%}.vkuiPanel:after{content:"";height:100%;z-index:1}.vkuiPanel--centered .vkuiPanelHeader,.vkuiPanel:after{left:0;position:absolute;top:0;width:100%}.vkuiPanel__in{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;position:relative;width:100%;z-index:2}.vkuiPanel__centered{align-items:center;box-sizing:border-box;display:flex;flex:1 0;flex-direction:column;justify-content:center}.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis+*{margin-top:52px;margin-top:var(--panelheader_height_ios)}.vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--vis+*,.vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--vis+*{margin-top:56px;margin-top:var(--panelheader_height)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 5px);margin-top:calc(var(--panelheader_height_ios) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--panelheader_height) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 5px);margin-top:calc(var(--panelheader_height_vkcom) + 5px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 16px);margin-top:calc(var(--panelheader_height_ios) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--panelheader_height) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 16px);margin-top:calc(var(--panelheader_height_vkcom) + 16px)}.vkuiEpic .vkuiPanel__in{padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__separator{position:relative;z-index:3}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel .vkuiPanel__in,.vkuiPanel:after{background-color:#fff;background-color:var(--background_content)}.vkuiPanel.vkuiPanel--regular .vkuiPanel__in,.vkuiPanel.vkuiPanel--regular:after{background-color:initial}.vkuiPanelHeader{position:relative}.vkuiPanelHeader--vis.vkuiPanelHeader--fixed:before{content:"";display:block}.vkuiPanelHeader:not(.vkuiPanelHeader--vis):not(.vkuiPanelHeader--fixed){height:0}.vkuiPanelHeader__fixed{z-index:10}.vkuiPanelHeader__in{align-items:center;background:#fff;background:var(--header_background);display:flex;justify-content:space-between;position:relative;white-space:nowrap}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:transparent}.vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}.vkuiPanelHeader__before{box-sizing:border-box;color:#2688eb;color:var(--header_tint);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>*{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:#000;color:var(--header_text);font-family:VK Sans Display,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:500}.vkuiPanelHeader:before,.vkuiPanelHeader__in{height:56px;height:var(--panelheader_height);padding-top:0;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader__after{box-sizing:border-box;color:#2688eb;color:var(--header_tint);display:flex;justify-content:flex-end}.vkuiPanelHeader--vkapps .vkuiPanelHeader__after{min-width:90px}.vkuiPanelHeader--ios{--panelheader_height:var(--panelheader_height_ios)}.vkuiPanelHeader--ios .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 0 4px 4px;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{opacity:1;text-align:center;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__after{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 4px 4px 0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty){padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiPanelHeader--android .vkuiSearch,.vkuiPanelHeader--vkcom .vkuiSearch{padding:0 4px}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}.vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{--panelheader_height:var(--panelheader_height_vkcom);position:relative;z-index:10}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in):after{background-color:#fff;background-color:var(--header_background);bottom:0;content:"";height:1px;height:var(--thin-border);left:1px;left:var(--thin-border);position:absolute;right:1px;right:var(--thin-border)}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__in{border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:inset 0 0 0 1px #e1e3e6;box-shadow:0 0 0 var(--thin-border) var(--input_border) inset}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom .vkuiPanelHeader__before:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__after,.vkuiPanelHeader--vkcom .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0}.vkuiPanelHeaderButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;box-shadow:none;color:currentColor;display:block;margin:0;padding:0;position:relative}.vkuiPanelHeaderButton[disabled]{opacity:.6}.vkuiPanelHeaderButton .vkuiCounter{padding:0;position:absolute;right:2px;top:8px}.vkuiPanelHeaderButton--ios{align-items:center;display:flex;font-size:17px;position:relative}.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive{height:44px;line-height:44px;padding:0 12px}.vkuiPanelHeaderButton--ios .vkuiIcon--24{padding:10px}.vkuiPanelHeaderButton--ios .vkuiIcon--28{padding:8px}.vkuiPanelHeaderButton--android{border-radius:50%}.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 12px}.vkuiPanelHeaderButton--android .vkuiIcon--24{padding:12px}.vkuiPanelHeaderButton--android .vkuiIcon--28{padding:10px}.vkuiPanelHeaderButton--vkcom{color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderButton--vkcom>:not(.vkuiCounter){opacity:.7;transition:opacity .3s}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active>:not(.vkuiCounter),.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover>:not(.vkuiCounter){opacity:1}.vkuiPanelHeaderButton--vkcom{align-items:center;display:flex;padding:10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label{padding-right:8px}.vkuiPanelHeaderContent{align-items:center;box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;justify-content:flex-start;line-height:normal;max-width:100%}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;min-width:0}.vkuiPanelHeaderContent__children .vkuiHeadline,.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiPanelHeaderContent__status{color:#818c99;color:var(--header_text_secondary);margin-top:1px;max-width:100%;order:1}.vkuiPanelHeaderContent__children{align-items:center;display:flex;max-width:100%}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{align-items:center;color:#2688eb;color:var(--header_tint);display:flex;justify-content:flex-start;margin-left:2px}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-family:VK Sans Display,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-size:21px;font-weight:500;line-height:52px;line-height:var(--panelheader_height_ios)}.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in{font-family:VK Sans Display,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-size:23px;font-weight:500;line-height:56px;line-height:var(--panelheader_height)}.vkuiPanelHeaderContent--vkcom .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--vkcom .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContext--closing,.vkuiPanelHeaderContext--opened{height:100%;width:100%}.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--closing,.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--opened{height:auto}.vkuiPanelHeaderContext__in{left:0;position:absolute;width:100%;z-index:2}.vkuiPanelHeaderContext__fade{background:rgba(0,0,0,.4);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__fade{-webkit-animation:vkui-animation-panelheadercontext-fade-in .2s ease;animation:vkui-animation-panelheadercontext-fade-in .2s ease}.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__fade{-webkit-animation:vkui-animation-panelheadercontext-fade-out .2s ease;animation:vkui-animation-panelheadercontext-fade-out .2s ease}.vkuiPanelHeaderContext--ios.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-in .2s ease;animation:vkui-animation-panelheadercontext-translate-in .2s ease}.vkuiPanelHeaderContext--ios.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-out .2s ease;animation:vkui-animation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext--ios .vkuiList{background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--android .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom .vkuiPanelHeaderContext__in{box-sizing:border-box;padding:8px}.vkuiPanelHeaderContext--android.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-in .2s ease;animation:vkui-animation-panelheadercontext-translate-in .2s ease}.vkuiPanelHeaderContext--android.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-out .2s ease;animation:vkui-animation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext--android .vkuiList,.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--ios .vkuiList,.vkuiPanelHeaderContext--vkcom .vkuiList{background:#fff;background:var(--header_background);border-radius:12px;overflow:hidden;padding:8px 0}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__in{box-sizing:border-box;padding:12px 8px}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__content{background:#fff;background:var(--header_background);border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16);overflow:hidden}@-webkit-keyframes vkui-animation-panelheadercontext-translate-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-panelheadercontext-translate-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes vkui-animation-panelheadercontext-translate-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes vkui-animation-panelheadercontext-translate-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}.vkuiPopoutRoot{height:100%;position:relative;width:100%}.vkuiPopoutRoot__popout{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.vkuiPopoutRoot--absolute{height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.vkuiPopoutRoot__modal{height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.vkuiPopoutRoot__modal:empty{display:none}.vkuiSplitLayout{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;position:relative;width:100%}.vkuiSplitLayout__inner{display:flex;height:100%;width:100%}.vkuiSplitLayout__inner--header{margin-top:calc(-1 * (56px + 0px));margin-top:calc(-1 * (var(--panelheader_height) + var(--safe-area-inset-top)));position:relative;z-index:11}.vkuiSplitLayout--ios .vkuiSplitLayout__inner--header{margin-top:calc(-1 * (52px + 0px));margin-top:calc(-1 * (var(--panelheader_height_ios) + var(--safe-area-inset-top)))}.vkuiSplitLayout__popout{z-index:100}.vkuiSplitLayout__modal,.vkuiSplitLayout__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiSplitLayout__modal{z-index:99}.vkuiSplitLayout__modal:empty{display:none}.vkuiSplitCol{flex-grow:1;flex-shrink:1;height:100%;position:relative;width:1px}.vkuiSplitCol--spaced{margin:0 16px;margin:0 var(--vkui--size_split_col_padding_horizontal--regular,16px)}.vkuiSplitCol--fixed{flex-grow:1;flex-shrink:1;height:100%;width:1px}.vkuiSplitCol__fixedInner{height:inherit;max-width:inherit;min-width:inherit;overflow:hidden;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);width:inherit}.vkuiEpic{height:100%;width:100%}.vkuiTabbar{background:#fff;background:var(
|
|
60
|
+
--header_alternate_background,var(--vkui--color_background_tertiary)
|
|
61
|
+
);bottom:0;box-sizing:initial;height:48px;height:var(--tabbar_height);left:0;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);position:fixed;width:100%;z-index:2}.vkuiTabbar__in{display:flex;justify-content:center;overflow:hidden}.vkuiTabbar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08))}.vkuiTabbar--ios.vkuiTabbar--shadow{box-shadow:none}.vkuiTabbar--ios.vkuiTabbar--shadow:before{background:#d7d8d9;background:var(
|
|
62
|
+
--separator_common,var(--vkui--color_separator_primary_alpha)
|
|
63
|
+
);bottom:100%;content:"";height:1px;left:0;position:absolute;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiTabbar--ios:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiTabbar--ios:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiTabbarItem{align-items:center;background:transparent;border:none;color:#99a2ad;color:var(--tabbar_inactive_icon,var(--vkui--color_text_tertiary));display:flex;height:48px;height:var(--tabbar_height);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none}.vkuiTabbar .vkuiTabbarItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:0}.vkuiTabbarItem--selected{color:#2975cc;color:var(--tabbar_active_icon,var(--vkui--color_text_accent_themed))}.vkuiTabbarItem__tappable{position:absolute}.vkuiTabbarItem__in{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:0 2px;pointer-events:none;width:100%}.vkuiTabbar--l-vertical .vkuiTabbarItem--text .vkuiTabbarItem__in{position:relative;top:2px}.vkuiTabbar--l-vertical .vkuiTabbarItem__in{flex-direction:column}.vkuiTabbar--l-horizontal .vkuiTabbarItem__in{flex-direction:row}.vkuiTabbarItem__icon{color:#99a2ad;color:var(--tabbar_inactive_icon,var(--vkui--color_icon_secondary));position:relative}.vkuiTabbarItem--selected .vkuiTabbarItem__icon{color:#2975cc;color:var(--tabbar_active_icon,var(--vkui--color_icon_accent_themed))}.vkuiTabbarItem__label .vkuiCounter{position:absolute;right:-9px;top:-2px}.vkuiTabbarItem__label .vkuiBadge{position:absolute;right:-4px;top:-2px}.vkuiTabbarItem__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiTabbar--l-vertical .vkuiTabbarItem__text{font-size:10px;line-height:12px;margin-top:2px}.vkuiTabbar--l-horizontal .vkuiTabbarItem__text{margin-left:8px}.vkuiTabbarItem--android .vkuiTabbarItem__tappable{border-radius:50%;padding-bottom:calc(100% + 16px);width:calc(100% + 16px)}.vkuiTabbarItem--android:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.vkuiTabbarItem--android:last-child{border-bottom-right-radius:0;border-top-right-radius:0}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable{height:100%;left:0;top:0;width:100%}.vkuiTabbarItem--ios .vkuiTabbarItem__in{transition:-webkit-transform .07s cubic-bezier(.36,.66,.04,1);transition:transform .07s cubic-bezier(.36,.66,.04,1);transition:transform .07s cubic-bezier(.36,.66,.04,1),-webkit-transform .07s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .07s var(--ios-easing);transition:transform .07s var(--ios-easing);transition:transform .07s var(--ios-easing),-webkit-transform .07s var(--ios-easing)}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable--active+.vkuiTabbarItem__in{-webkit-transform:scale(.96);transform:scale(.96)}.vkuiHorizontalScroll{overflow-x:hidden;position:relative}.vkuiHorizontalScroll__in{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.vkuiHorizontalScroll__in::-webkit-scrollbar{display:none}.vkuiHorizontalScroll__in-wrapper{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.vkuiHorizontalScroll__arrowLeft:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(8px);transform:translateX(8px)}.vkuiHorizontalScroll__arrowRight:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.vkuiTabs .vkuiHorizontalScroll{min-width:100%}.vkuiTabs__in .vkuiHorizontalScroll__in-wrapper{align-items:stretch;display:flex}.vkuiTabs--sizeX-compact.vkuiTabs--withGaps .vkuiHorizontalScroll__in-wrapper:after,.vkuiTabs--sizeX-compact.vkuiTabs--withGaps .vkuiHorizontalScroll__in-wrapper:before{content:"";display:block;flex-shrink:0;height:1px;width:8px}.vkuiHorizontalScrollArrow{background-color:initial;border:none;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:0;position:absolute;top:0;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;z-index:3}.vkuiHorizontalScrollArrow__icon{align-items:center;background-color:#fff;background-color:var(
|
|
64
|
+
--modal_card_background,var(--vkui--color_background_modal)
|
|
65
|
+
);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));display:flex;justify-content:center}.vkuiHorizontalScrollArrow--m .vkuiHorizontalScrollArrow__icon{border-radius:14px;height:28px;width:28px}.vkuiHorizontalScrollArrow--l .vkuiHorizontalScrollArrow__icon{border-radius:24px;height:40px;width:40px}.vkuiHorizontalScrollArrow--left{left:0;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiGallery:hover .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover{opacity:1}.vkuiPopoutWrapper{box-sizing:border-box;height:100%;left:0;pointer-events:none;top:0;width:100%}.vkuiPopoutWrapper--opened{pointer-events:auto}.vkuiPopoutWrapper--closing{pointer-events:none}.vkuiPopoutWrapper--fixed{position:fixed}.vkuiPopoutWrapper__overlay{-webkit-animation:vkui-animation-full-fade-in .2s ease;animation:vkui-animation-full-fade-in .2s ease;-webkit-animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,.2s) ease;animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,.2s) ease;height:100%;left:0;opacity:1;position:fixed;top:0;width:100%}.vkuiPopoutWrapper--closing .vkuiPopoutWrapper__overlay{opacity:0;transition:opacity .2s cubic-bezier(.3,.3,.5,1);transition:opacity var(--vkui--animation_duration_m,.2s) var(--vkui--animation_easing_default,cubic-bezier(.3,.3,.5,1))}.vkuiPopoutWrapper--masked .vkuiPopoutWrapper__overlay{background:rgba(0,0,0,.4);background:var(--vkui--color_overlay_primary,rgba(0,0,0,.4))}.vkuiPopoutWrapper--fixed .vkuiPopoutWrapper__overlay{position:absolute}.vkuiPopoutWrapper__container{box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.vkuiPopoutWrapper__content{display:flex;justify-content:center;pointer-events:none;width:100%;z-index:2}.vkuiPopoutWrapper__content>*{pointer-events:auto}.vkuiPopoutWrapper--v-center .vkuiPopoutWrapper__container{align-items:center}.vkuiPopoutWrapper--v-bottom .vkuiPopoutWrapper__container{align-items:flex-end}.vkuiPopoutWrapper--v-top .vkuiPopoutWrapper__container{align-items:flex-start}.vkuiPopoutWrapper--h-center .vkuiPopoutWrapper__container{justify-content:center}.vkuiPopoutWrapper--h-left .vkuiPopoutWrapper__container{justify-content:flex-start}.vkuiPopoutWrapper--h-right .vkuiPopoutWrapper__container{justify-content:flex-end}@-webkit-keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}.vkuiActionSheet{overflow:hidden;position:relative}.vkuiActionSheet__header{color:#818c99;color:var(--text_secondary)}.vkuiActionSheet--ios{align-items:stretch;-webkit-animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);box-sizing:border-box;display:flex;flex-direction:column;padding:10px;width:100%}.vkuiActionSheet--ios.vkuiActionSheet--closing{-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing)}.vkuiActionSheet--ios .vkuiActionSheet__header{border-radius:14px 14px 0 0;overflow:hidden;padding:15px 10px;position:relative;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__header:before{background-color:#fff;background-color:var(--modal_card_background);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiActionSheet--android,.vkuiActionSheet--vkcom{align-items:stretch;-webkit-animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-actionsheet-intro .2s var(--android-easing);animation:vkui-animation-actionsheet-intro .2s var(--android-easing);background:#fff;background:var(--modal_card_background);border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08);box-sizing:border-box;display:flex;flex-direction:column;margin:10px;padding:8px 0;width:calc(100% - 20px)}.vkuiActionSheet--android.vkuiActionSheet--closing{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px));transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing);transition:transform .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiActionSheet--android .vkuiActionSheet__header,.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:16px 20px}.vkuiActionSheet--android .vkuiActionSheet__title+.vkuiActionSheet__text,.vkuiActionSheet--vkcom .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--desktop{-webkit-animation:none;animation:none;background:#fff;background:var(--modal_card_background);height:auto;margin:0;padding:0;width:auto}.vkuiActionSheet--desktop.vkuiActionSheet--sizeY-compact{padding-bottom:8px;padding-top:8px}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);padding:0}.vkuiActionSheet--desktop.vkuiActionSheet--android{border-radius:12px;box-shadow:0 8px 8px rgba(0,0,0,.16),0 0 4px rgba(0,0,0,.08);min-width:112px;padding:8px 0}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom{border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:14px 20px}@-webkit-keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiActionSheetItem{align-items:center;color:#000;color:var(--text_primary);display:flex;overflow:hidden;text-decoration:none}.vkuiActionSheetItem,.vkuiActionSheetItem__after,.vkuiActionSheetItem__before,.vkuiActionSheetItem__container{position:relative;z-index:2}.vkuiActionSheetItem__after,.vkuiActionSheetItem__before{flex-shrink:0}.vkuiActionSheetItem__container{flex-grow:1;max-width:100%;overflow:hidden;white-space:nowrap}.vkuiActionSheetItem__content{align-items:baseline;display:flex;overflow:hidden}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary);overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:#818c99;color:var(--text_secondary);flex-shrink:0;margin-left:6px}.vkuiActionSheetItem__before{color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__before,.vkuiActionSheetItem--destructive .vkuiActionSheetItem__container:first-child{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--compact .vkuiActionSheetItem__container{color:#000;color:var(--text_primary)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{align-items:center;background-color:#2688eb;background-color:var(--accent);border-radius:50%;color:#fff;color:var(--white);display:none;height:24px;justify-content:center;width:24px}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{border-radius:0;color:#2688eb;color:var(--action_sheet_action_foreground);min-height:56px;padding:0 20px}.vkuiActionSheetItem--ios.vkuiActionSheetItem--destructive{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:last-child,.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2){border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios:before{background-color:#fff;background-color:var(--modal_card_background);content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .15s ease-out,background-color .15s ease-out;width:100%;z-index:-1}.vkuiActionSheetItem--ios:after{background:rgba(0,0,0,.12);background:var(--action_sheet_separator);content:"";height:1px;left:0;position:absolute;right:0;top:0;-webkit-transform-origin:center bottom;transform-origin:center bottom;z-index:-1}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiActionSheet--ios .vkuiActionSheetItem--last:after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty,.vkuiActionSheetItem--cancel:after,.vkuiActionSheetItem--ios:first-child:after{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active:before{background:#d7d8d9;background:var(--separator_common);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:13px 0}.vkuiActionSheetItem--ios .vkuiActionSheetItem__content{justify-content:center}.vkuiActionSheetItem--ios .vkuiActionSheetItem__subtitle{margin-top:2px}.vkuiActionSheetItem--ios .vkuiActionSheetItem__marker{margin-left:12px}.vkuiActionSheetItem--ios .vkuiActionSheetItem__before+.vkuiActionSheetItem__container .vkuiActionSheetItem__content,.vkuiActionSheetItem--ios.vkuiActionSheetItem--compact .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem--ios .vkuiActionSheetItem__before{margin-left:-2px;margin-right:18px}.vkuiActionSheetItem--cancel{border-radius:14px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);margin-top:7px;min-height:52px}.vkuiActionSheetItem--android{border-radius:0;min-height:48px;padding:0 20px}.vkuiActionSheetItem--android.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--android .vkuiActionSheetItem__before{margin-left:-2px;margin-right:18px}.vkuiActionSheetItem--android .vkuiActionSheetItem__container{padding:11px 0}.vkuiActionSheetItem--android .vkuiActionSheetItem__subtitle{margin-bottom:-1px;margin-top:1px}.vkuiActionSheetItem--android .vkuiActionSheetItem__marker{margin-left:16px}.vkuiActionSheetItem--vkcom{border-radius:0;min-height:48px;padding:0 20px}.vkuiActionSheetItem--vkcom.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__before{margin-left:-1px;margin-right:17px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__subtitle{margin-bottom:-2px;margin-top:2px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__marker{background-color:initial;color:#2688eb;color:var(--accent);margin-left:26px}.vkuiActionSheetItem--desktop{cursor:pointer;width:auto}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before{color:#99a2ad;color:var(--icon_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{background:#99a2ad;background:var(--icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:44px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:12px 0}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--withSubtitle .vkuiActionSheetItem__container{padding:10px 0}.vkuiAlert{color:#000;color:var(--text_primary);max-width:416px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiAlert:before{background-color:#fff;background-color:var(--modal_card_background);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiAlert__content{position:relative;z-index:2}.vkuiAlert__action{background:transparent;white-space:nowrap}.vkuiAlert__actions{display:flex;max-width:100%;position:relative;z-index:2}.vkuiAlert--ios{-webkit-animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-alert-intro .3s var(--ios-easing);animation:vkui-animation-ios-alert-intro .3s var(--ios-easing);border-radius:12px;overflow:hidden;width:270px}.vkuiAlert--ios.vkuiAlert--closing{opacity:0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiAlert--ios .vkuiAlert__content{padding:19px 16px 20px;text-align:center}.vkuiAlert--ios .vkuiAlert__header:not(:last-child){margin-bottom:7px}.vkuiAlert--ios .vkuiAlert__content:after{background:rgba(0,0,0,.12);background:var(--action_sheet_separator);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions{flex-direction:column}.vkuiAlert--ios .vkuiAlert__action{border:0;border-radius:0;color:#2688eb;color:var(--accent);display:block;font-size:17px;height:44px;line-height:44px;margin:0;overflow:hidden;padding:0 6px;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis}.vkuiAlert--ios .vkuiAlert__action:active{z-index:1}.vkuiAlert--ios .vkuiAlert__action:after{background:rgba(0,0,0,.12);background:var(--action_sheet_separator);content:"";position:absolute}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{height:100%;right:0;top:0;-webkit-transform-origin:right center;transform-origin:right center;width:1px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child:after{content:none}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action{flex-basis:0;flex-grow:1;flex-shrink:1}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child{border-bottom-left-radius:12px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child{border-bottom-right-radius:12px}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{bottom:0;height:1px;left:0;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:100%}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child:after{content:none}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiAlert--ios .vkuiAlert__content:after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiAlert--ios .vkuiAlert__content:after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}}.vkuiAlert--ios .vkuiAlert__action--cancel{font-weight:600}.vkuiAlert--ios .vkuiAlert__action--destructive{color:#e64646;color:var(--destructive)}.vkuiAlert--android{-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease;border-radius:12px;box-shadow:0 20px 35px 0 rgba(0,0,0,.3),0 0 35px 0 rgba(0,0,0,.22);margin:auto 24px;min-width:280px}.vkuiAlert--desktop.vkuiAlert--android{width:416px}.vkuiAlert--android.vkuiAlert--closing,.vkuiAlert--vkcom.vkuiAlert--closing{opacity:0;-webkit-transform:scale(.95);transform:scale(.95);transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiAlert--android .vkuiAlert__content{padding:24px 24px 20px}.vkuiAlert--android .vkuiAlert__header,.vkuiAlert--vkcom .vkuiAlert__header{margin-bottom:8px}.vkuiAlert--android .vkuiAlert__text,.vkuiAlert--vkcom .vkuiAlert__text{color:#818c99;color:var(--text_secondary)}.vkuiAlert--android .vkuiAlert__actions{padding:0 16px 16px}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__actions,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__actions{justify-content:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__actions{align-items:flex-end;flex-direction:column}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button{margin-bottom:4px;margin-top:4px}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:first-child{margin-top:0}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:last-child{margin-bottom:0}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__button,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__button{margin-left:8px}.vkuiAlert--vkcom{-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);margin:auto 24px;width:400px}.vkuiAlert--vkcom .vkuiAlert__content{padding:24px}.vkuiAlert--vkcom .vkuiAlert__actions{padding:0 24px 16px}.vkuiAlert--vkcom .vkuiAlert__button{order:2}.vkuiAlert--vkcom .vkuiAlert__button--cancel{order:1}@-webkit-keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vkuiScreenSpinner{-webkit-animation:vkui-screen-spinner-intro .3s ease;animation:vkui-screen-spinner-intro .3s ease}.vkuiScreenSpinner--state-cancelable{cursor:pointer}.vkuiScreenSpinner__spinner{opacity:1}.vkuiScreenSpinner--hideSpinner .vkuiScreenSpinner__spinner{opacity:0;transition:opacity .1s ease}.vkuiScreenSpinner__container{background:#f9f9f9;background:var(--tabbar_background,var(--vkui--color_background_modal));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4,0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16));color:#818c99;color:var(--overlay_status_icon,var(--vkui--color_icon_medium));height:88px;position:relative;width:88px}.vkuiScreenSpinner__icon{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.vkuiScreenSpinner__icon .vkuiIcon{-webkit-animation:vkui-screen-spinner-intro .2s ease;animation:vkui-screen-spinner-intro .2s ease}.vkuiScreenSpinner--state-done .vkuiScreenSpinner__icon .vkuiIcon path{stroke-dasharray:50;stroke-dashoffset:50;-webkit-animation:vkui-screen-spinner-iconDone .6s cubic-bezier(.36,.66,.04,1) .3s forwards;animation:vkui-screen-spinner-iconDone .6s cubic-bezier(.36,.66,.04,1) .3s forwards;-webkit-animation:vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards;animation:vkui-screen-spinner-iconDone .6s .3s var(--ios-easing) forwards}@-webkit-keyframes vkui-screen-spinner-iconDone{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes vkui-screen-spinner-iconDone{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@-webkit-keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}.vkuiSnackbar{bottom:0;left:auto;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:101}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__body,.vkuiSnackbar__in{transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .32s var(--android-easing);transition:transform .32s var(--android-easing);transition:transform .32s var(--android-easing),-webkit-transform .32s var(--android-easing)}.vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical .34s var(--android-easing);animation:vkui-animation-snackbar-intro-vertical .34s var(--android-easing);padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{align-items:center;background:#fff;background:var(--modal_card_background,var(--vkui--color_background_modal));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4,0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16));box-sizing:border-box;display:flex;min-height:56px;padding:12px 16px}.vkuiSnackbar--dark .vkuiSnackbar__body{background:#2d2d2e;background:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-left:12px;margin-right:-4px}.vkuiSnackbar__content{align-items:center;display:flex;flex:1;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{align-items:flex-start;flex-direction:column}.vkuiSnackbar__content-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:-webkit-box;flex:1;overflow:hidden;width:100%}.vkuiSnackbar--dark .vkuiSnackbar__content-text{color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:calc(-1 * 12px);margin-right:calc(-1 * var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px));position:relative}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-bottom:-6px;margin-left:calc(-1 * 12px);margin-left:calc(-1 * var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__body,.vkuiSnackbar--ios .vkuiSnackbar__in{transition:-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1),-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing),-webkit-transform .4s var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical .34s var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical .34s var(--ios-easing)}.vkuiSnackbar--desktop{bottom:0;left:0;max-width:328px}.vkuiSnackbar--desktop .vkuiSnackbar__in{-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal;padding:12px}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.vkuiModalCardBase__container{background:#fff;background:var(--modal_card_background,var(--vkui--color_background_modal));border-radius:18px;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);padding:16px;pointer-events:auto;position:relative}.vkuiModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.vkuiModalCardBase__header,.vkuiModalCardBase__subheader{margin:0;padding:0 8px;text-align:center;word-break:break-word}.vkuiModalCardBase__header{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_subhead))}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));margin:8px auto 16px}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:24px}.vkuiModalCardBase__header+.vkuiModalCardBase__actions,.vkuiModalCardBase__subheader+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__actions--v{flex-direction:column;margin-left:0;margin-right:0}.vkuiModalCardBase__dismiss{color:#99a2ad;color:var(
|
|
66
|
+
--placeholder_icon_foreground_primary,var(--vkui--color_icon_secondary)
|
|
67
|
+
);height:48px;justify-content:center;position:absolute;right:4px;top:4px;width:48px}.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.vkuiModalCardBase--android .vkuiModalCardBase__container,.vkuiModalCardBase--vkcom .vkuiModalCardBase__container{border-radius:12px}.vkuiModalCardBase--desktop .vkuiModalCardBase__container{border-radius:8px}.vkuiModalRoot,.vkuiModalRoot__mask{height:100%;width:100%}.vkuiModalRoot__mask{-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease;background:rgba(0,0,0,.4);left:0;opacity:1;position:absolute;top:0;transition:opacity 167ms ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:calc(0px + 56px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:calc(0px + 52px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{box-sizing:border-box;height:100%;position:absolute;width:100%;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}.vkuiModalCard{align-items:flex-end;box-sizing:border-box;display:flex;height:100%;left:0;padding:8px;position:absolute;top:0;width:100%;z-index:1}.vkuiModalCard__in{margin-left:auto;margin-right:auto;-webkit-transform:translateY(calc(100% + 16px));transform:translateY(calc(100% + 16px));width:100%}.vkuiModalCard--ios .vkuiModalCard__in{max-width:414px;transition:-webkit-transform .34s cubic-bezier(.36,.66,.04,1);transition:transform .34s cubic-bezier(.36,.66,.04,1);transition:transform .34s cubic-bezier(.36,.66,.04,1),-webkit-transform .34s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .34s var(--ios-easing);transition:transform .34s var(--ios-easing);transition:transform .34s var(--ios-easing),-webkit-transform .34s var(--ios-easing)}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform .34s cubic-bezier(.4,0,.2,1);transition:transform .34s cubic-bezier(.4,0,.2,1);transition:transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .34s var(--android-easing);transition:transform .34s var(--android-easing);transition:transform .34s var(--android-easing),-webkit-transform .34s var(--android-easing)}.vkuiModalCard--android .vkuiModalCard__in{max-width:440px}.vkuiModalCard--vkcom .vkuiModalCard__in{max-width:400px}.vkuiModalCard--desktop{align-items:center}.vkuiModalCard--desktop .vkuiModalCard__in{opacity:0;-webkit-transform:unset;transform:unset;transition:opacity .34s cubic-bezier(.4,0,.2,1);transition:opacity .34s var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}.vkuiModalPage{box-sizing:border-box;height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:1}.vkuiModalPage--desktop{align-items:center;display:flex;justify-content:center}.vkuiModalPage__in-wrap{align-items:flex-end;bottom:0;display:flex;height:100%;pointer-events:auto;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .32s var(--android-easing);transition:transform .32s var(--android-easing);transition:transform .32s var(--android-easing),-webkit-transform .32s var(--android-easing);width:100%}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{background:#fff;background:var(--background_content);border-radius:12px 12px 0 0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:100%;overflow:visible;position:relative;width:416px}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;display:flex;flex-direction:column;overflow:hidden;position:relative}.vkuiModalPage__content{box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:hidden}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{-webkit-overflow-scrolling:touch;overflow-y:auto}.vkuiModalPage__content-in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);position:relative}.vkuiModalRoot__modal--collapsed .vkuiModalPage__content,.vkuiModalRoot__modal--dragging .vkuiModalPage__content{overflow:hidden;touch-action:pan-y}.vkuiModalPage__footer{background:#fff;background:var(--background_content);position:relative;z-index:10}.vkuiModalRoot--touched .vkuiModalPage__footer{transition:none}.vkuiModalPage--ios .vkuiModalPage__in-wrap{transition:-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1),-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing),-webkit-transform .4s var(--ios-easing)}.vkuiModalPage--ios .vkuiModalPage__in{border-radius:14px 14px 0 0}.vkuiModalPage--vkcom .vkuiModalPage__in{border-radius:8px 8px 0 0;width:448px}.vkuiModalPage--desktop .vkuiModalPage__in-wrap{align-items:center;height:auto;opacity:0;position:relative;-webkit-transform:none;transform:none;transition:opacity .34s cubic-bezier(.4,0,.2,1);transition:opacity .34s var(--android-easing);width:auto}.vkuiModalPage--desktop .vkuiModalPage__in{border-radius:8px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);height:auto;max-height:640px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}.vkuiModalDismissButton{box-sizing:border-box;color:#fff;color:var(--white);height:56px;justify-content:center;padding:18px;position:absolute;right:-56px;top:0;transition:opacity .15s ease-out;width:56px}.vkuiModalDismissButton:before{background-color:rgba(0,0,0,.35);border-radius:50%;bottom:14px;content:"";display:block;left:14px;position:absolute;right:14px;top:14px}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}.vkuiModalPageHeader{--safe-area-inset-top:0;position:relative;z-index:2}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--android{padding-left:6px;padding-right:6px}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--ios{padding-left:4px;padding-right:4px}.vkuiModalPageHeader .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}.vkuiButtonGroup{display:inline-flex;max-width:100%}.vkuiButtonGroup--stretched{display:flex;width:100%}.vkuiButtonGroup--mode-vertical{flex-direction:column}.vkuiButtonGroup--mode-horizontal{flex-direction:row}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space>:not(:first-child){margin-top:1px;margin-top:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:12px;margin-top:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiButtonGroup--mode-horizontal>:not(.vkuiButtonGroup){min-width:0}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space>:not(:last-child){margin-right:1px;margin-right:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:12px;margin-right:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiButtonGroup--align-left{align-items:flex-start}.vkuiButtonGroup--align-center{align-items:center}.vkuiButtonGroup--align-right{align-items:flex-end}.vkuiBadge{border-radius:50%;display:block;flex-grow:0;flex-shrink:0;height:6px;width:6px}.vkuiBadge--new{background-color:#5c9ce6;background-color:var(--blue_200,var(--vkui--color_icon_accent))}.vkuiBadge--prominent{background-color:#ff3347;background-color:var(
|
|
68
|
+
--counter_prominent_background,var(--vkui--color_icon_negative)
|
|
69
|
+
)}.vkuiIconButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:9999px;box-shadow:none;color:currentColor;display:block;height:48px;margin:0;padding:0;position:relative}.vkuiIconButton--sizeY-compact{height:44px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiIconButton--ios{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiIconButton .vkuiIcon--16{padding:16px}.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8{padding:16px 14px}.vkuiIconButton--sizeY-compact .vkuiIcon--16,.vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton .vkuiIcon--24{padding:12px}.vkuiIconButton .vkuiIcon--28,.vkuiIconButton--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}.vkuiFormField__after .vkuiIconButton,.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton{align-content:center;align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);display:flex;height:44px;height:var(--vkui--size_field_height--regular,44px);justify-content:center;width:44px;width:var(--vkui--size_field_height--regular,44px)}.vkuiFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiFormField__after .vkuiIconButton--sizeY-compact{width:36px;width:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__after .vkuiIconButton--sizeY-compact,.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact{height:36px;height:var(--vkui--size_field_height--compact,36px)}.vkuiCard{background:#f5f5f5;background:var(
|
|
70
|
+
--content_tint_background,var(--vkui--color_background_secondary)
|
|
71
|
+
);border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular,8px);position:relative}.vkuiCard__in{border-radius:inherit;position:relative;z-index:2}.vkuiCard--md-shadow{box-shadow:0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08);box-shadow:var(
|
|
72
|
+
--vkui--elevation3,0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08)
|
|
73
|
+
)}.vkuiCard--md-outline,.vkuiCard--md-shadow{background:#fff;background:var(--modal_card_background,var(--vkui--color_background_modal))}.vkuiCard--md-outline:before{border:1px solid #e1e3e6;border:var(--thin-border) solid var(--input_border,var(--vkui--color_image_border_alpha));border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiCardScroll .vkuiCard{flex-shrink:0;margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiCardScroll--s .vkuiCard{width:40%}.vkuiCardScroll--m .vkuiCard{width:62%}.vkuiCardScroll--l .vkuiCard{margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular,16px);width:calc(100% - 16px * 2);width:calc(100% - var(--vkui--size_base_padding_horizontal--regular,16px) * 2)}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard:last-of-type,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard:last-of-type{margin-right:0}.vkuiCardGrid{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.vkuiCardGrid--spaced{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiCardGrid .vkuiCard{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--l .vkuiCard{margin-right:0;width:100%}.vkuiCardGrid--l .vkuiCard:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--m .vkuiCard{width:calc((100% - 8px) / 2)}.vkuiCardGrid--m .vkuiCard:nth-child(n+3){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--m .vkuiCard:nth-child(2n){margin-right:0}.vkuiCardGrid--s .vkuiCard{width:calc((100% - 2 * 8px) / 3)}.vkuiCardGrid--s .vkuiCard:nth-child(n+4){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardGrid--s .vkuiCard:nth-child(3n){margin-right:0}.vkuiCardGrid--sizeX-compact{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiCardGrid+.vkuiCardGrid{margin-top:16px}.vkuiGroup--card .vkuiCardGrid{padding-left:8px;padding-right:8px}.vkuiGroup .vkuiCardGrid:first-child{margin-top:8px}.vkuiGroup .vkuiCardGrid:last-child{margin-bottom:8px}.vkuiCardScroll__in{align-items:stretch;display:flex}.vkuiCardScroll__gap{display:block;flex-shrink:0}.vkuiCardScroll+.vkuiCardScroll{margin-top:16px}.vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px;width:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll{margin-left:-16px;margin-right:-16px}.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px}.vkuiGroup--card .vkuiCardScroll--withSpaces{margin-left:-8px;margin-right:-8px}.vkuiGroup--card .vkuiCardScroll--withSpaces:first-child{padding-top:8px;padding-top:var(--vkui--size_cardgrid_padding_vertical--regular,8px)}.vkuiGroup--card .vkuiCardScroll--withSpaces:last-child{padding-bottom:8px;padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular,8px)}.vkuiContentCard--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiContentCard__body{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiContentCard__tappable{border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular,8px);color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:block;text-decoration:none}.vkuiContentCard__img{border-radius:8px 8px 0 0;border-radius:var(--vkui--size_card_border_radius--regular,8px) var(--vkui--size_card_border_radius--regular,8px) 0 0;display:block;object-fit:cover}.vkuiContentCard__text:not(:last-child){margin-bottom:4px}.vkuiContentCard__caption,.vkuiContentCard__subtitle{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiDiv{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiLink{background:none;border:0;border-radius:0;color:#2688eb;color:var(--accent,var(--vkui--color_text_link));cursor:pointer;display:inline;font-size:inherit;margin:0;padding:0;text-decoration:none}@media (hover:hover){.vkuiLink:hover{text-decoration:underline}}.vkuiLink--focus-visible{outline:2px solid #2688eb!important;outline:2px solid var(--accent,var(--vkui--color_stroke_accent))!important}.vkuiLink--has-visited:visited{color:#4986cc;color:var(--vkui--color_text_link_visited,#4986cc)}.vkuiLink .vkuiIcon{display:inline-block;margin-left:4px;vertical-align:middle}.vkuiHeader{align-items:baseline;display:flex;justify-content:space-between;padding:0 16px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.vkuiHeader__main{color:#000;color:var(--text_primary);min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiHeader__content{align-items:baseline;display:flex}.vkuiHeader__content-in{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiHeader__content-in--multiline{white-space:normal;word-break:break-word}.vkuiHeader--multiline{white-space:normal}.vkuiHeader__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child){margin-top:-1px}.vkuiHeader--mode-secondary .vkuiHeader__main,.vkuiHeader--mode-tertiary .vkuiHeader__main{color:#818c99;color:var(--text_secondary)}.vkuiHeader--pi .vkuiHeader__main{color:#000;color:var(--text_primary)}.vkuiHeader__indicator{color:#818c99;color:var(--text_secondary);flex-shrink:0;margin-left:6px}.vkuiHeader--mode-primary .vkuiHeader__indicator{color:#6d7885;color:var(--text_subhead)}.vkuiHeader:not(.vkuiHeader--pi) .vkuiHeader__indicator{align-self:center}.vkuiHeader--mode-secondary .vkuiHeader__indicator{margin-left:8px}.vkuiHeader__aside{margin-left:12px;white-space:nowrap}.vkuiHeader__aside>.vkuiIcon{color:#99a2ad;color:var(--icon_secondary);position:relative}.vkuiHeader__aside>.vkuiIcon--24{top:3px}.vkuiHeader__aside>.vkuiIcon--16{top:1px}.vkuiHeader--android .vkuiHeader__main{margin:15px 0 9px}.vkuiHeader--android.vkuiHeader--mode-tertiary .vkuiHeader__main{margin-top:11px}.vkuiHeader--ios{padding:0 12px}.vkuiHeader--ios .vkuiHeader__main{margin:13px 0 9px}.vkuiHeader--ios.vkuiHeader--mode-secondary .vkuiHeader__main{margin:14px 0 10px}.vkuiHeader--ios.vkuiHeader--mode-tertiary .vkuiHeader__main{margin-top:9px}.vkuiHeader--vkcom{align-items:center;height:64px}.vkuiHeader--vkcom .vkuiHeader__main{color:#000;color:var(--text_primary)}.vkuiHeader--vkcom.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child){margin-top:0}.vkuiHeader--vkcom.vkuiHeader--mode-secondary{height:56px}.vkuiHeader--vkcom.vkuiHeader--mode-tertiary{height:40px}.vkuiGroup--plain:not(:first-of-type) .vkuiGroup__inner>.vkuiHeader:first-child{margin-top:-16px}.vkuiGroup--card>.vkuiGroup__inner>.vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child{margin-top:-4px}.vkuiGroup{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiGroup__inner{padding-bottom:8px;padding-top:8px}.vkuiGroup--sizeX-regular>.vkuiGroup__inner{padding:8px}.vkuiGroup--card>.vkuiGroup__inner{background:#fff;background:var(--background_content,var(--vkui--color_background_content));border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular,12px);position:relative}.vkuiGroup--card>.vkuiGroup__inner:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #e1e3e6;box-shadow:inset 0 0 0 var(--thin-border) var(--input_border);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vkuiGroup--plain>.vkuiGroup__separator{padding-bottom:8px;padding-top:8px}.vkuiGroup--sizeX-regular.vkuiGroup--plain>.vkuiGroup__separator{padding:8px}.vkuiGroup:last-of-type>.vkuiGroup__separator{display:none}.vkuiGroup--sizeX-regular.vkuiGroup--card:last-of-type>.vkuiGroup__separator,.vkuiGroup:last-of-type>.vkuiGroup__separator--force{display:block}.vkuiGroup__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;padding:4px 16px 16px}.vkuiGroup .vkuiGroup>.vkuiGroup__inner,.vkuiGroup .vkuiGroup>.vkuiGroup__separator{padding-left:0;padding-right:0}.vkuiGroup .vkuiGroup:first-of-type>.vkuiGroup__inner{padding-top:0}.vkuiGroup .vkuiGroup:last-of-type>.vkuiGroup__inner{padding-bottom:0}.vkuiGroup--ios .vkuiGroup__description{padding:4px 12px 16px}.vkuiPanelHeader--vkcom+* .vkuiGroup--card:first-of-type,.vkuiPanelHeader--vkcom~.vkuiGroup--card:first-of-type{position:relative;top:-1px}.vkuiPanelHeader--vkcom+* .vkuiGroup--card:first-of-type .vkuiGroup__inner,.vkuiPanelHeader--vkcom~.vkuiGroup--card:first-of-type .vkuiGroup__inner{border-top-left-radius:0;border-top-right-radius:0}.vkuiGradient--md-tint.vkuiGradient--to-top{background:linear-gradient(180deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9);background:linear-gradient(to bottom,var(--vkui--gradient_tint,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%))}.vkuiGradient--md-tint.vkuiGradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9);background:linear-gradient(to top,var(--vkui--gradient_tint,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%))}.vkuiGradient--md-white.vkuiGradient--to-top{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to bottom,var(--vkui--gradient_white,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%))}.vkuiGradient--md-white.vkuiGradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to top,var(--vkui--gradient_white,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%))}.vkuiGradient--md-black.vkuiGradient--to-top{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4));background:linear-gradient(to bottom,var(--vkui--gradient_black,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%))}.vkuiGradient--md-black.vkuiGradient--to-bottom{background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4));background:linear-gradient(to top,var(--vkui--gradient_black,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%))}.vkuiSimpleCell{align-items:center;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:flex;min-height:48px;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px);text-decoration:none;white-space:nowrap}.vkuiSimpleCell--mult{white-space:normal}.vkuiSimpleCell--mult .vkuiSimpleCell__children{text-overflow:clip}.vkuiSimpleCell__main{flex-grow:1;max-width:100%;min-width:0;overflow:hidden}.vkuiSimpleCell>.vkuiIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));flex-shrink:0;padding-bottom:10px;padding-right:12px;padding-top:10px}.vkuiSimpleCell>.vkuiIcon--28{padding-right:16px}.vkuiSimpleCell__text{overflow:hidden;text-overflow:ellipsis}.vkuiSimpleCell__subtitle{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiSimpleCell .vkuiSimpleCell__content{align-content:flex-start;align-items:center;display:flex;justify-content:space-between;max-width:100%}.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content{justify-content:flex-start}.vkuiSimpleCell__children{color:inherit;display:block;overflow:hidden;text-overflow:ellipsis}.vkuiSimpleCell--mult .vkuiSimpleCell__children,.vkuiSimpleCell--mult .vkuiSimpleCell__subtitle{flex:1 1 auto}.vkuiSimpleCell__badge{color:#5c9ce6;color:var(--blue_200,var(--vkui--color_icon_accent));display:inline-block;flex-grow:0;flex-shrink:0}.vkuiSimpleCell__content>:not(:last-child){margin-right:4px}.vkuiSimpleCell__indicator{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));min-width:0;overflow:hidden;padding-left:4px;text-overflow:ellipsis;white-space:nowrap}.vkuiSimpleCell__after{align-items:center;color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));display:flex;flex-shrink:0}.vkuiSimpleCell__after>.vkuiIcon{padding-left:8px}.vkuiSimpleCell__after>.vkuiIcon:last-child{padding-right:2px}.vkuiSimpleCell__after .vkuiIconButton:last-child{margin-right:-12px}.vkuiSimpleCell--ios .vkuiSimpleCell__indicator,.vkuiSimpleCell--ios .vkuiSimpleCell__main{padding-bottom:11px;padding-top:9px}.vkuiSimpleCell--ios>.vkuiIcon--28{padding-left:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary));padding-left:12px;padding-right:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton:last-child{margin-right:-9px}.vkuiSimpleCell--android .vkuiSimpleCell__indicator,.vkuiSimpleCell--android .vkuiSimpleCell__main,.vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator,.vkuiSimpleCell--vkcom .vkuiSimpleCell__main{padding-bottom:10px;padding-top:11px}.vkuiSimpleCell--sizeY-compact{min-height:44px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main{padding-bottom:10px;padding-top:10px}.vkuiFormItem>.vkuiSimpleCell{margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiSimpleCell__main>:not(:first-child){margin-top:2px}.vkuiCell{position:relative}.vkuiList--dragging .vkuiCell:not(.vkuiCell--dragging){pointer-events:none;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.vkuiCell--dragging{background-color:#fff;background-color:var(
|
|
74
|
+
--background_content,var(--vkui--color_background_modal)
|
|
75
|
+
);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));opacity:.8;z-index:3}.vkuiCell--selectable.vkuiCell--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCell__checkbox,.vkuiCell__dragger{flex-shrink:0;margin-right:16px;position:relative}.vkuiCell__dragger{z-index:2}.vkuiCell__content{max-width:100%;min-width:0}.vkuiCell--removable .vkuiCell__content{flex-grow:1;padding-left:0;padding-right:0}.vkuiCell--ios .vkuiCell__dragger{margin-left:12px;margin-right:0}.vkuiCell--ios .vkuiCell__checkbox{margin-right:12px}.vkuiFormItem>.vkuiCell{margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiCellCheckbox__icon{color:#b8c1cc;color:var(--icon_tertiary)}.vkuiCellCheckbox__icon,.vkuiCellCheckbox__input{display:none}.vkuiCellCheckbox__icon--on{color:#2688eb;color:var(--accent)}.vkuiCellCheckbox__input:checked~.vkuiCellCheckbox__icon--on,.vkuiCellCheckbox__input:not(:checked)~.vkuiCellCheckbox__icon--off{display:block}.vkuiCellDragger{color:#99a2ad;color:var(--icon_secondary);cursor:ns-resize}.vkuiCellButton{background:transparent;border:none;box-sizing:border-box;cursor:pointer;margin:0;padding-bottom:0;padding-top:0;text-align:left;text-decoration:none;width:100%}.vkuiFormItem .vkuiCellButton{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));width:100%}.vkuiCellButton[disabled]{opacity:.4}.vkuiCellButton--centered{justify-content:center;text-align:center}.vkuiCellButton--centered .vkuiSimpleCell__main{flex-grow:0;max-width:none}.vkuiCellButton--centered>.vkuiIcon{padding-right:8px}.vkuiCellButton{color:#2688eb;color:var(--accent,var(--vkui--color_text_accent))}.vkuiCellButton>.vkuiIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiCellButton--danger{color:#e64646;color:var(--destructive,var(--vkui--color_text_negative))}.vkuiCellButton--danger>.vkuiIcon{color:#e64646;color:var(--destructive,var(--vkui--color_icon_negative))}.vkuiRichCell{box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:flex;min-height:64px;padding:8px 16px;padding:8px var(--vkui--size_base_padding_horizontal--regular,16px);text-decoration:none}.vkuiRichCell--sizeY-compact{min-height:60px}.vkuiRichCell__before{margin-right:12px}.vkuiRichCell__in{display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;min-width:0}.vkuiRichCell__content{display:flex}.vkuiRichCell__content-before{flex-grow:1;min-width:0}.vkuiRichCell__content-after{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding-left:4px}.vkuiRichCell__content-after .vkuiIcon{color:#2688eb;color:var(
|
|
76
|
+
--accent,var(--vkui--color_icon_accent)
|
|
77
|
+
)}.vkuiRichCell__after-children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell__after-caption{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);margin-top:2px}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-caption{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px)}.vkuiRichCell__caption,.vkuiRichCell__subhead{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiRichCell__caption{margin-top:1px}.vkuiRichCell__children{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiRichCell--text-ellipsis .vkuiRichCell__caption,.vkuiRichCell--text-ellipsis .vkuiRichCell__children,.vkuiRichCell--text-ellipsis .vkuiRichCell__subhead,.vkuiRichCell--text-ellipsis .vkuiRichCell__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiRichCell__bottom{margin-top:5px}.vkuiRichCell__actions{display:flex;margin-top:8px}.vkuiRichCell__after-children,.vkuiRichCell__children,.vkuiRichCell__text{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px)}.vkuiRichCell--sizeY-compact .vkuiRichCell__after-children,.vkuiRichCell--sizeY-compact .vkuiRichCell__children,.vkuiRichCell--sizeY-compact .vkuiRichCell__text{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px)}.vkuiFormItem .vkuiRichCell{margin-left:calc(-1 * 16px);margin-left:calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));margin-right:calc(-1 * 16px);margin-right:calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiHorizontalCell{display:flex}.vkuiHorizontalCell__image{display:flex;justify-content:center}.vkuiHorizontalCell__body{text-decoration:none}.vkuiHorizontalCell__content{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));text-overflow:ellipsis;word-break:break-all}.vkuiHorizontalCell__subtitle{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiHorizontalCell__content .vkuiHorizontalCell__subtitle{margin-top:2px}.vkuiHorizontalCell--s{max-width:80px}.vkuiHorizontalCell__image{padding:4px 6px}.vkuiHorizontalCell__content{padding:2px 6px 8px;text-align:left}.vkuiHorizontalCell--s .vkuiHorizontalCell__image{padding:4px 8px}.vkuiHorizontalCell--s .vkuiHorizontalCell__content{padding:2px 4px 8px;text-align:center}.vkuiHorizontalCell--m{width:100px}.vkuiHorizontalCell--l{width:auto}.vkuiHorizontalCell:first-child:before,.vkuiHorizontalCell:last-child:after{content:"";min-width:10px}.vkuiHorizontalCell--s:first-child:before,.vkuiHorizontalCell--s:last-child:after{min-width:8px}.vkuiHorizontalCell--s:first-child,.vkuiHorizontalCell--s:last-child{max-width:88px}.vkuiHorizontalCell--m:first-child,.vkuiHorizontalCell--m:last-child{width:110px}.vkuiFooter{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;margin:24px 0;padding-bottom:0;padding-top:0;text-align:center}.vkuiSpinner{align-items:center;color:#99a2ad;color:var(--icon_outline_secondary,var(--vkui--color_icon_medium));display:flex;height:100%;justify-content:center;width:100%}.vkuiSpinner__self{-webkit-animation:vkui-rotator .7s linear infinite;animation:vkui-rotator .7s linear infinite;-webkit-animation:vkui-rotator var(--duration) linear infinite;animation:vkui-rotator var(--duration) linear infinite;-webkit-transform-origin:center;transform-origin:center}.vkuiSpinner__self svg{-webkit-transform:scale(1);transform:scale(1)}.vkuiButton .vkuiSpinner,.vkuiPanelHeader .vkuiSpinner{color:currentColor}.vkuiSwitch{cursor:pointer;display:block;padding:calc((20px - 14px) / 2);padding:calc((var(--vkui--size_switch_pin--regular,20px) - var(--vkui--size_switch_height--regular,14px)) / 2);position:relative}.vkuiSwitch--sizeY-compact{padding:calc((18px - 12px) / 2);padding:calc((var(--vkui--size_switch_pin--compact,18px) - var(--vkui--size_switch_height--compact,12px)) / 2)}.vkuiSwitch--disabled{cursor:default}.vkuiSwitch__pseudo{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:block;position:relative}.vkuiSwitch__pseudo:before{background:#f2f3f5;background:var(--vkui--color_icon_contrast_secondary,#f2f3f5);border-radius:50%;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);box-sizing:border-box;content:"";height:20px;height:var(--vkui--size_switch_pin--regular,20px);left:calc((14px - 20px) / 2);left:calc((var(--vkui--size_switch_height--regular,14px) - var(--vkui--size_switch_pin--regular,20px)) / 2);position:absolute;top:calc((14px - 20px) / 2);top:calc((var(--vkui--size_switch_height--regular,14px) - var(--vkui--size_switch_pin--regular,20px)) / 2);width:20px;width:var(--vkui--size_switch_pin--regular,20px)}.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo:before{height:18px;height:var(--vkui--size_switch_pin--compact,18px);left:calc((12px - 18px) / 2);left:calc((var(--vkui--size_switch_height--compact,12px) - var(--vkui--size_switch_pin--compact,18px)) / 2);top:calc((12px - 18px) / 2);top:calc((var(--vkui--size_switch_height--compact,12px) - var(--vkui--size_switch_pin--compact,18px)) / 2);width:18px;width:var(--vkui--size_switch_pin--compact,18px)}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{background:#2688eb;background:var(--accent,var(--vkui--color_icon_accent));-webkit-transform:translateX(calc(34px - 14px));transform:translateX(calc(34px - 14px));-webkit-transform:translateX(calc(var(--vkui--size_switch_width--regular,34px) - var(--vkui--size_switch_height--regular,14px)));transform:translateX(calc(var(--vkui--size_switch_width--regular,34px) - var(--vkui--size_switch_height--regular,14px)))}.vkuiSwitch__pseudo:after{background:rgba(0,0,0,.24);background:var(--vkui--color_icon_tertiary_alpha,rgba(0,0,0,.24));border-radius:calc(34px / 2);border-radius:calc(var(--vkui--size_switch_width--regular,34px) / 2);content:"";display:block;height:14px;height:var(--vkui--size_switch_height--regular,14px);width:34px;width:var(--vkui--size_switch_width--regular,34px)}.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo:after{border-radius:calc(32px / 2);border-radius:calc(var(--vkui--size_switch_width--compact,32px) / 2);height:12px;height:var(--vkui--size_switch_height--compact,12px);width:32px;width:var(--vkui--size_switch_width--compact,32px)}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo:after{background:#2688eb;background:var(--accent,var(--vkui--color_icon_accent));opacity:.48}.vkuiSwitch--sizeY-compact .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{-webkit-transform:translateX(calc(32px - 12px));transform:translateX(calc(32px - 12px));-webkit-transform:translateX(calc(var(--vkui--size_switch_width--compact,32px) - var(--vkui--size_switch_height--compact,12px)));transform:translateX(calc(var(--vkui--size_switch_width--compact,32px) - var(--vkui--size_switch_height--compact,12px)))}.vkuiSwitch__self[disabled]+.vkuiSwitch__pseudo{opacity:.4;opacity:var(--vkui--opacity_disable,.4)}.vkuiSwitch--ios .vkuiSwitch__pseudo:before{background:#fff;background:var(--white);box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(0,0,0,.04)}.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{background:#fff;background:var(--white)}.vkuiSwitch--ios .vkuiSwitch__pseudo:after{background:rgba(0,28,61,.08);background:var(
|
|
78
|
+
--placeholder_icon_background,var(--vkui--color_track_background)
|
|
79
|
+
)}.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:after{opacity:1}@media (prefers-reduced-motion:no-preference){.vkuiSwitch__pseudo:after{transition:background-color .1s ease}.vkuiSwitch__pseudo:before{transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo:after{transition:background-color .2s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo:before{transition:-webkit-transform .2s cubic-bezier(.36,-.24,.26,1.32);transition:transform .2s cubic-bezier(.36,-.24,.26,1.32);transition:transform .2s cubic-bezier(.36,-.24,.26,1.32),-webkit-transform .2s cubic-bezier(.36,-.24,.26,1.32)}}.vkuiSimpleCell__after>.vkuiSwitch{margin-left:12px}.vkuiSimpleCell>.vkuiSwitch:first-child{margin-right:12px}.vkuiInfoRow{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.vkuiInfoRow,.vkuiInfoRow__header{overflow:hidden;text-overflow:ellipsis}.vkuiInfoRow__header{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead));display:block;margin-bottom:2px;white-space:nowrap}.vkuiAvatar{background:currentColor;background-size:cover;box-sizing:border-box;color:rgba(0,28,61,.08);color:var(--placeholder_icon_background,var(--vkui--color_background));flex-shrink:0;position:relative}.vkuiAvatar--failed .vkuiAvatar__img{visibility:hidden}.vkuiAvatar__img{border:none;border-radius:inherit;display:block;height:100%;object-fit:cover;position:relative;width:100%}.vkuiAvatar--shadow:after,.vkuiAvatar__badge--shadow:before,.vkuiAvatar__children{border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.vkuiAvatar--shadow:after{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);box-shadow:inset 0 0 0 var(--thin-border) var(--image_border,var(--vkui--color_image_border_alpha));content:""}.vkuiAvatar__overlay{align-items:center;border:none;border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:1}.vkuiAvatar__overlay--light{background-color:hsla(0,0%,100%,.85);background-color:var(--vkui--color_avatar_overlay_inverse_alpha,hsla(0,0%,100%,.85));color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiAvatar__overlay--dark{background-color:rgba(0,0,0,.6);background-color:var(--vkui--color_avatar_overlay,rgba(0,0,0,.6));color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_icon_contrast))}.vkuiAvatar__overlay--visible{opacity:1}.vkuiAvatar__overlay--focus-visible{box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent,var(--vkui--color_stroke_accent));opacity:1}.vkuiAvatar__children{align-items:center;color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));display:flex;justify-content:center}.vkuiAvatar__badge{bottom:calc(14% - 1px);position:absolute;right:calc(14% - 1px);-webkit-transform:translate(50%,50%);transform:translate(50%,50%);z-index:1}.vkuiAvatar__badge--large{bottom:14%;right:14%}.vkuiAvatar__badge--shadow:before{border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06));content:""}.vkuiAvatar__badge-online{border-radius:50%}.vkuiAvatar__badge-online,.vkuiAvatar__badge-online-mobile{background-color:#fff;background-color:var(
|
|
80
|
+
--background_content,var(--vkui--color_background_content)
|
|
81
|
+
);color:#4bb34b;color:var(--button_commerce_background,var(--vkui--color_accent_green))}.vkuiAvatar__badge-online-mobile{border-radius:3px;padding:2px}.vkuiCellButton>.vkuiAvatar .vkuiIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiCellButton--danger>.vkuiAvatar .vkuiIcon{color:#e64646;color:var(--destructive,var(--vkui--color_icon_negative))}.vkuiPanelHeader__before .vkuiAvatar{margin-left:8px}.vkuiPanelHeader__after .vkuiAvatar{margin-right:8px}.vkuiSimpleCell>.vkuiAvatar{margin-right:12px}.vkuiSimpleCell>.vkuiAvatar--sz-28,.vkuiSimpleCell>.vkuiAvatar--sz-32{margin-bottom:10px;margin-top:10px}.vkuiSimpleCell>.vkuiAvatar--sz-40{margin-bottom:4px;margin-top:4px}.vkuiSimpleCell>.vkuiAvatar--sz-48,.vkuiSimpleCell>.vkuiAvatar--sz-72{margin-bottom:6px;margin-top:6px}.vkuiSimpleCell--ios>.vkuiAvatar--sz-28,.vkuiSimpleCell--ios>.vkuiAvatar--sz-32{margin-left:4px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32{margin-bottom:8px;margin-top:8px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-40{margin-bottom:2px;margin-top:2px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-48{margin-bottom:4px;margin-top:4px}.vkuiInitialsAvatar{background-color:#99a2ad;background-image:linear-gradient(135deg,#b1b6bd,#99a2ad)}.vkuiInitialsAvatar--color-red{background-color:#e52e40;background-image:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiInitialsAvatar--color-pink{background-color:#e62e6b;background-image:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiInitialsAvatar--color-orange{background-color:#e66b2e;background-image:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiInitialsAvatar--color-yellow{background-color:#e7a902;background-image:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiInitialsAvatar--color-green{background-color:#6cd97e;background-image:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiInitialsAvatar--color-l-blue{background-color:#2bb4d6;background-image:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiInitialsAvatar--color-blue{background-color:#3f8ae0;background-image:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiInitialsAvatar--color-violet{background-color:#8f3fe0;background-image:linear-gradient(135deg,#d3a6ff,#8f3fe0)}.vkuiInitialsAvatar__text{color:#fff;color:var(--white,var(--vkui--color_text_contrast));font-family:VK Sans Display,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:600;text-align:center;text-transform:uppercase}.vkuiGridAvatar__in{--grid-avatar-image-offset:2px;border-radius:inherit;display:flex;flex-flow:column wrap;height:100%;overflow:hidden;width:100%}.vkuiGridAvatar__item{background-position:50%;background-size:cover;height:calc(50% - var(--grid-avatar-image-offset) / 2);margin-right:var(--grid-avatar-image-offset);width:calc(50% - var(--grid-avatar-image-offset) / 2)}.vkuiGridAvatar__item:only-child{width:100%}.vkuiGridAvatar__item:first-child:not(:nth-last-child(4)),.vkuiGridAvatar__item:nth-child(2):last-child{height:100%}.vkuiGridAvatar__item:nth-last-child(4),.vkuiGridAvatar__item:nth-last-child(n+3)~.vkuiGridAvatar__item:nth-last-child(2){margin-bottom:var(--grid-avatar-image-offset)}.vkuiGallery{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiGallery__viewport{height:100%;margin:0;position:relative}.vkuiGallery--center .vkuiGallery__viewport{margin:0 auto}.vkuiGallery__layer{align-items:stretch;cursor:-webkit-grab;cursor:grab;display:flex;height:100%;min-height:100px;width:100%}.vkuiGallery__layer:empty{min-height:0}.vkuiGallery__slide{flex:0 0 auto;max-width:100%;overflow:hidden;width:100%}.vkuiGallery--custom-width .vkuiGallery__slide{width:auto}.vkuiGallery__slide>*{min-height:100%;width:100%}.vkuiGallery__bullets{align-items:center;bottom:10px;display:flex;height:6px;justify-content:center;left:0;position:absolute;width:100%}.vkuiGallery__bullets--dark .vkuiGallery__bullet{background-color:#2c2d2e;background-color:var(--vkui--color_icon_primary_invariably,#2c2d2e)}.vkuiGallery__bullets--light .vkuiGallery__bullet{background-color:#fff;background-color:var(--vkui--color_icon_contrast,#fff)}.vkuiGallery__bullet{border-radius:50%;height:6px;margin:0 3px;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64);width:6px}.vkuiGallery__bullet--active{opacity:1}.vkuiProgress{background:#e1e3e6;background:var(--loader_track_fill,var(--vkui--color_track_background));border-radius:1px;height:2px}.vkuiProgress__in{background:#2688eb;background:var(--accent,var(--vkui--color_stroke_accent));border-radius:inherit;height:100%;transition:width .2s ease}.vkuiSearch{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);font-weight:400;line-height:normal;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.vkuiSearch__in{position:relative}.vkuiSearch__width{color:transparent;height:36px;height:var(--search_default_height);white-space:nowrap;width:10000px}.vkuiSearch__control{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:flex-start;left:0;position:absolute;top:0;width:calc(100% - 1px)}.vkuiSearch__input{-webkit-appearance:none;background-color:initial;border:none;border-radius:10px;box-sizing:border-box;flex-grow:1;font-size:17px;height:36px;height:var(--search_default_height);margin:0;max-width:100%;min-width:0;padding:0 22px 0 36px;position:relative;z-index:2}.vkuiSearch__input::-webkit-search-cancel-button,.vkuiSearch__input::-webkit-search-decoration,.vkuiSearch__input::-webkit-search-results-button,.vkuiSearch__input::-webkit-search-results-decoration{display:none}.vkuiSearch--has-after .vkuiSearch__input{border-radius:10px 0 0 10px}.vkuiSearch--has-icon .vkuiSearch__input,.vkuiSearch--has-icon .vkuiSearch__placeholder,.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:40px}.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:80px}.vkuiSearch__after-width{flex-shrink:0;font-size:17px;line-height:36px;line-height:var(--search_default_height);padding-right:4px}.vkuiSearch__after-width,.vkuiSearch__placeholder{cursor:text;height:36px;height:var(--search_default_height);padding-left:12px;pointer-events:none}.vkuiSearch__placeholder{box-sizing:border-box;display:flex;font-size:0;left:0;padding-right:22px;position:absolute;text-align:left;width:100%;z-index:1}.vkuiSearch__placeholder-in{align-items:center;display:flex;flex-grow:1;height:36px;height:var(--search_default_height);max-width:100%;overflow:hidden}.vkuiSearch__placeholder-text{margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSearch--has-value .vkuiSearch__placeholder-text{opacity:0}.vkuiSearch__icons{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_secondary));position:absolute;right:100%;top:0}.vkuiSearch__icon,.vkuiSearch__icons{align-items:center;display:flex;justify-content:center}.vkuiSearch__icon{cursor:pointer;height:36px;height:var(--search_default_height);width:40px}.vkuiSearch__after{cursor:default;left:100%;line-height:36px;line-height:var(--search_default_height);position:absolute;top:0;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);z-index:2}.vkuiSearch--focused .vkuiSearch__after,.vkuiSearch--has-value .vkuiSearch__after{-webkit-transform:translate(-100%);transform:translate(-100%)}.vkuiSearch__after:before{content:"";display:block;height:100%;pointer-events:none;position:absolute;right:calc(100% - 1px);width:10px}.vkuiSearch__after-in{cursor:pointer;font-size:17px;padding-left:12px;padding-right:4px;position:relative;z-index:2}.vkuiSearch__after:after{border-radius:0 10px 10px 0;content:"";cursor:text;display:block;height:100%;pointer-events:none;position:absolute;right:100%;top:0;width:10px}.vkuiGroup--plain .vkuiSearch{padding-top:4px}.vkuiSearch{background:#fff;background:var(--search_bar_background)}.vkuiSearch__control{background-color:#ebedf0;background-color:var(--search_bar_field_background)}.vkuiSearch__input{color:#000;color:var(--text_primary)}.vkuiSearch__placeholder{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_medium))}.vkuiSearch__after-width{background:#ebedf0;background:var(--search_bar_field_background);color:#ebedf0;color:var(--search_bar_field_background)}.vkuiSearch__after{background:#fff;background:var(--search_bar_background);color:#2688eb;color:var(--accent)}.vkuiSearch__after:after{background-color:#ebedf0;background-color:var(--search_bar_field_background)}.vkuiSearch__after:before{background-color:#fff;background-color:var(--search_bar_background)}.vkuiPanelHeader .vkuiSearch{background:#fff;background:var(--header_background)}.vkuiPanelHeader .vkuiSearch__control{background-color:#ebedf0;background-color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__input{color:#000;color:var(--text_primary)}.vkuiPanelHeader .vkuiSearch__placeholder{color:#818c99;color:var(--header_search_field_tint)}.vkuiPanelHeader .vkuiSearch__after-width{background:#ebedf0;background:var(--header_search_field_background);color:#ebedf0;color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__after{background:#fff;background:var(--header_background);color:#2688eb;color:var(--header_tint)}.vkuiPanelHeader .vkuiSearch__after:after{background-color:#ebedf0;background-color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__after:before{background-color:#fff;background-color:var(--header_background)}.vkuiSearch--ios{padding:8px 12px}.vkuiSearch--android{padding:8px 16px}.vkuiPanelHeader--vkcom .vkuiSearch,.vkuiSearch--vkcom{background:transparent}.vkuiSearch--vkcom .vkuiSearch__in{padding-bottom:6px;padding-top:6px}.vkuiSearch--vkcom .vkuiSearch__input{font-size:15px;line-height:20px;padding-left:40px}.vkuiSearch--vkcom .vkuiSearch__placeholder{color:#99a2ad;color:var(--vkui--color_icon_secondary,#99a2ad);padding-left:16px}.vkuiSearch--vkcom .vkuiSearch__icons{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_medium));right:calc(100% + 8px);top:4px}.vkuiSearch--vkcom.vkuiSearch--has-value .vkuiSearch__input{padding-right:56px}.vkuiSearch--vkcom.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input{padding-right:92px}.vkuiSearch--vkcom .vkuiSearch__icon{height:40px;opacity:.8;width:40px}.vkuiSearch--vkcom .vkuiSearch__icon:hover{background-color:rgba(0,0,0,.04);background-color:var(--background_hover);border-radius:50%}.vkuiSearch--vkcom .vkuiSearch__control{background-color:initial}.vkuiPanelHeader--vkcom .vkuiSearch__separator{display:none}.vkuiSearch--vkcom .vkuiSearch__separator{color:#e1e3e6;color:var(--input_border)}.vkuiGroup--card .vkuiSearch--vkcom{margin:0 -8px}.vkuiGroup--card .vkuiSearch--vkcom:first-child{margin-top:-8px}.vkuiGroup--card .vkuiSearch--vkcom:not(:last-child){margin-bottom:8px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__placeholder{padding-left:20px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__input{padding-left:44px}.vkuiTabs__in{align-items:stretch;display:flex}.vkuiTabs--withGaps{justify-content:flex-start}.vkuiTabs--ios.vkuiTabs--segmented{padding:4px 12px 8px}.vkuiPanelHeader .vkuiTabs{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);overflow:hidden}.vkuiPanelHeader .vkuiTabs:after{content:"";display:block;width:1000px}.vkuiGroup--plain .vkuiGroup__inner>.vkuiTabs--default:first-child{margin-top:-8px}.vkuiGroup--card>.vkuiGroup__inner>.vkuiTabs--default:first-child{margin-top:-4px}.vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiTabs:after{background:#fff;background:var(--background_content,var(--vkui--color_background_content));content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiSeparator,.vkuiFixedLayout--ios.vkuiFixedLayout--bottom .vkuiTabs__in{position:relative;z-index:2}.vkuiTabsItem{align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;display:flex;justify-content:center;max-width:100%;min-height:32px;min-width:0;padding:4px 8px;transition:background-color .15s ease-out}.vkuiTabsItem--withGaps{margin-bottom:8px;margin-left:6px;margin-top:8px}.vkuiTabsItem--sizeY-compact{min-height:28px;padding-bottom:2px;padding-top:2px}.vkuiTabsItem[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiTabsItem--default{flex-basis:0;flex-grow:1;flex-shrink:0;min-height:48px;padding:12px 16px;position:relative}.vkuiTabsItem--sizeY-compact.vkuiTabsItem--default{min-height:44px;padding-bottom:10px;padding-top:10px}.vkuiTabsItem--hover.vkuiTabsItem--default{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover,rgba(0,16,61,.04))}.vkuiTabsItem--accent{transition:background-color .15s ease-out,box-shadow .15s ease-out}.vkuiTabsItem--selected.vkuiTabsItem--accent{background-color:#fff;background-color:var(
|
|
82
|
+
--header_alternate_background,var(--vkui--color_background_modal)
|
|
83
|
+
);box-shadow:0 4px 8px rgba(0,0,0,.04),0 0 4px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation2,0 4px 8px rgba(0,0,0,.04),0 0 4px rgba(0,0,0,.06))}.vkuiTabsItem--hover.vkuiTabsItem--accent{background-color:#ebedf0;background-color:var(
|
|
84
|
+
--control_background,var(--vkui--color_background_secondary)
|
|
85
|
+
)}.vkuiTabsItem--accent:before{border:1px solid transparent;border:var(--thin-border) solid transparent;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.vkuiTabsItem--selected.vkuiTabsItem--accent:before{border-color:#d7d8d9;border-color:var(--separator_common,var(--vkui--color_separator_primary))}.vkuiTabsItem--selected.vkuiTabsItem--secondary{background-color:rgba(0,0,0,.04);background-color:var(--vkui--color_background_secondary_alpha,rgba(0,0,0,.04))}.vkuiTabsItem--hover.vkuiTabsItem--secondary{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover,rgba(0,0,0,.08))}.vkuiTabsItem__before{color:#818c99;color:var(--icon_outline_medium,var(--vkui--color_icon_medium));margin-right:6px;transition:color .15s ease-out}.vkuiTabsItem--selected .vkuiTabsItem__before{color:#000;color:var(--text_primary,var(--vkui--color_icon_primary))}.vkuiTabsItem--selected.vkuiTabsItem--accent .vkuiTabsItem__before{color:#2688eb;color:var(--header_tint_alternate,var(--vkui--color_icon_accent_themed))}.vkuiTabsItem--selected.vkuiTabsItem--secondary .vkuiTabsItem__before{opacity:.72}.vkuiTabsItem__label{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease-out;white-space:nowrap}.vkuiTabsItem--selected .vkuiTabsItem__label{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiTabsItem--selected.vkuiTabsItem--accent .vkuiTabsItem__label{color:#2688eb;color:var(--header_tint_alternate,var(--vkui--color_text_accent_themed))}.vkuiTabsItem--selected.vkuiTabsItem--secondary .vkuiTabsItem__label{opacity:.72}.vkuiTabsItem__status{margin-left:6px}.vkuiTabsItem__status--count{color:#99a2ad;color:var(--text_tertiary,var(--vkui--color_text_tertiary))}.vkuiTabsItem__after{color:#2688eb;color:var(--header_tint_alternate,var(--vkui--color_icon_accent_themed));margin-left:6px}.vkuiTabsItem__underline{background-color:#2688eb;background-color:var(--accent,var(--vkui--color_background_accent));border-radius:2px;bottom:5px;height:2px;left:16px;opacity:0;pointer-events:none;position:absolute;right:16px;transition:opacity .15s ease-out}.vkuiTabsItem--sizeY-compact .vkuiTabsItem__underline{bottom:3px}.vkuiTabsItem__underline[data-selected=true]{opacity:1}.vkuiTabs--vkcom .vkuiTabsItem{flex-grow:0;min-width:auto;padding-left:10px;padding-right:10px}.vkuiTabs--vkcom .vkuiTabsItem__underline{bottom:0;left:2px;right:2px}.vkuiHorizontalScroll .vkuiTabsItem{flex-basis:auto;flex-grow:1;flex-shrink:0;min-width:64px}.vkuiTabsItem--ios.vkuiTabsItem--segmented{border:1px solid #99a2ad;border:1px solid var(--segmented_control_tint);border-radius:0;flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;padding:7px 12px}.vkuiTabsItem--ios.vkuiTabsItem--segmented:not(:first-child){border-left:none}.vkuiTabsItem--ios.vkuiTabsItem--segmented:first-child{border-bottom-left-radius:10px;border-top-left-radius:10px}.vkuiTabsItem--ios.vkuiTabsItem--segmented:last-child{border-bottom-right-radius:10px;border-top-right-radius:10px}.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected{background-color:#99a2ad;background-color:var(--segmented_control_tint);color:#fff;color:var(--background_content)}.vkuiTabsItem--ios.vkuiTabsItem--segmented:not(.vkuiTabsItem--selected).vkuiTabsItem--active{background-color:#d7d8d9;background-color:var(--separator_common)}.vkuiTabs--header .vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected{background-color:#2688eb;background-color:var(--header_tint_alternate);color:#fff;color:var(--header_background)}.vkuiTabsItem--ios.vkuiTabsItem--segmented .vkuiTabsItem__label{color:#99a2ad;color:var(--segmented_control_tint)}.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected .vkuiTabsItem__label{color:#fff;color:var(--background_content)}.vkuiPanelHeader--ios .vkuiTabsItem--segmented:not(.vkuiTabsItem--selected).vkuiTabsItem--active .vkuiTabsItem__label{opacity:.7}.vkuiPanelHeader--ios .vkuiTabsItem--segmented{border-color:#2688eb;border-color:var(--header_tint_alternate);color:#2688eb;color:var(--header_tint_alternate)}.vkuiTooltip{height:100%;left:0;top:0;white-space:normal;width:100%;z-index:2}.vkuiTooltip,.vkuiTooltip__container{position:absolute}.vkuiTooltip__content{background-color:#fff;background-color:var(--vkui--color_background_modal,#fff);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));color:#000;color:var(--vkui--color_text_primary,#000);max-width:220px;padding:9px 12px 10px}.vkuiTooltip__arrow{color:#fff;color:var(--vkui--color_background_modal,#fff)}.vkuiTooltip--accent .vkuiTooltip__content{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint,#5a9eff);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiTooltip--accent .vkuiTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint,#5a9eff)}.vkuiTooltip--white .vkuiTooltip__content{background-color:#fff;background-color:var(--vkui--color_background_contrast,#fff);color:#000;color:var(--vkui--color_text_primary_invariably,#000)}.vkuiTooltip--white .vkuiTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast,#fff)}.vkuiTooltip--black .vkuiTooltip__content{background-color:#2d2d2e;background-color:var(--vkui--color_background_contrast_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiTooltip--black .vkuiTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_contrast_inverse,#2d2d2e)}.vkuiTooltip--inversion .vkuiTooltip__content{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse,#2d2d2e);color:#fff;color:var(--vkui--color_text_contrast_themed,#fff)}.vkuiTooltip--inversion .vkuiTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse,#2d2d2e)}.vkuiPullToRefresh{flex-grow:1}.vkuiPullToRefresh--refreshing{pointer-events:none;touch-action:none}.vkuiPullToRefresh__controls{pointer-events:none;width:100%;z-index:9}.vkuiPullToRefresh--ios .vkuiPullToRefresh__controls{z-index:0}.vkuiPullToRefresh__spinner{align-items:center;background:#fff;background:var(
|
|
86
|
+
--background_suggestions,var(--vkui--color_background_modal)
|
|
87
|
+
);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);box-sizing:border-box;color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));display:flex;height:40px;justify-content:center;margin:auto;opacity:0;transition:opacity .22s ease-out,-webkit-transform .3s cubic-bezier(.1,0,.25,1);transition:transform .3s cubic-bezier(.1,0,.25,1),opacity .22s ease-out;transition:transform .3s cubic-bezier(.1,0,.25,1),opacity .22s ease-out,-webkit-transform .3s cubic-bezier(.1,0,.25,1);width:40px}.vkuiPullToRefresh--ios .vkuiPullToRefresh__spinner{background:none;border-radius:0;box-shadow:none;color:#99a2ad;color:var(--icon_outline_secondary,var(--vkui--color_icon_medium))}.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner{transition:opacity .22s ease-out}.vkuiPullToRefresh__spinner-self{stroke:currentColor}.vkuiPullToRefresh--ios.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-self{-webkit-animation:vkui-PullToRefreshToRefreshing .38s ease-out;animation:vkui-PullToRefreshToRefreshing .38s ease-out}.vkuiPullToRefresh__spinner-path{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;transform-origin:center center;transition:stroke-dashoffset 167ms ease-out}.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-path,.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner-path{transition:none}.vkuiPullToRefresh__spinner--on .vkuiPullToRefresh__spinner-path{-webkit-animation:vkui-rotator .7s linear infinite;animation:vkui-rotator .7s linear infinite;-webkit-animation:vkui-rotator var(--duration) linear infinite;animation:vkui-rotator var(--duration) linear infinite}.vkuiPullToRefresh__content{overflow:hidden;transition:-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1),-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing),-webkit-transform .4s var(--ios-easing)}.vkuiPullToRefresh--watching .vkuiPullToRefresh__content{transition:none}@-webkit-keyframes vkui-PullToRefreshToRefreshing{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(.6);transform:scale(.6)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-PullToRefreshToRefreshing{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(.6);transform:scale(.6)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.vkuiCounter{align-items:center;display:flex;justify-content:center}.vkuiCounter__in{box-sizing:border-box;display:block;padding-left:5px;padding-right:5px;text-align:center;width:100%}.vkuiCounter--primary{background:#2688eb;background:var(
|
|
88
|
+
--counter_primary_background,var(--vkui--color_background_accent)
|
|
89
|
+
);color:#fff;color:var(--counter_primary_text,var(--vkui--color_text_contrast))}.vkuiCounter--secondary{background:#aeb7c2;background:var(
|
|
90
|
+
--counter_secondary_background,var(--vkui--color_icon_tertiary)
|
|
91
|
+
);color:#fff;color:var(--counter_secondary_text,var(--vkui--color_text_contrast))}.vkuiCounter--prominent{background:#ff3347;background:var(
|
|
92
|
+
--counter_prominent_background,var(--vkui--color_background_negative)
|
|
93
|
+
);color:#fff;color:var(--counter_prominent_text,var(--vkui--color_text_contrast))}.vkuiCounter--contrast{background:#fff;background:var(--vkui--color_background_contrast,#fff);color:#2688eb;color:var(--vkui--color_text_accent,#2688eb)}.vkuiCounter--s-m{border-radius:12px;height:24px;min-width:24px}.vkuiCounter--s-s{border-radius:9px;height:18px;min-width:18px}.vkuiButton--lvl-primary.vkuiButton--clr-accent .vkuiCounter,.vkuiButton--lvl-secondary.vkuiButton--clr-neutral .vkuiCounter,.vkuiButton--lvl-tertiary.vkuiButton--clr-neutral .vkuiCounter{background-color:#fff;background-color:var(
|
|
94
|
+
--button_primary_foreground,var(--vkui--color_background_contrast)
|
|
95
|
+
);color:#2d81e0;color:var(--button_primary_background,var(--vkui--color_text_contrast))}.vkuiButton--lvl-secondary.vkuiButton--clr-accent .vkuiCounter{background-color:#2688eb;background-color:var(
|
|
96
|
+
--button_secondary_foreground,var(--vkui--color_background_accent)
|
|
97
|
+
);color:#fff;color:var(--background_content,var(--vkui--color_text_contrast_themed))}.vkuiButton--lvl-tertiary.vkuiButton--clr-accent .vkuiCounter{background-color:#2d81e0;background-color:var(
|
|
98
|
+
--button_tertiary_foreground,var(--vkui--color_background_accent)
|
|
99
|
+
);color:#fff;color:var(--background_content,var(--vkui--color_text_contrast_themed))}.vkuiButton--lvl-outline.vkuiButton--clr-accent .vkuiCounter{background-color:#2688eb;background-color:var(
|
|
100
|
+
--button_outline_foreground,var(--vkui--color_background_accent)
|
|
101
|
+
);color:#fff;color:var(--background_content,var(--vkui--color_text_contrast_themed))}.vkuiButton--lvl-primary.vkuiButton--clr-positive .vkuiCounter{background-color:#fff;background-color:var(
|
|
102
|
+
--button_commerce_foreground,var(--vkui--color_background_contrast)
|
|
103
|
+
);color:#4bb34b;color:var(--button_commerce_background,var(--vkui--color_text_positive))}.vkuiButton--lvl-outline.vkuiButton--clr-positive .vkuiCounter,.vkuiButton--lvl-secondary.vkuiButton--clr-positive .vkuiCounter,.vkuiButton--lvl-tertiary.vkuiButton--clr-positive .vkuiCounter{background-color:#4bb34b;background-color:var(
|
|
104
|
+
--button_commerce_background,var(--vkui--color_background_positive)
|
|
105
|
+
);color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-negative .vkuiCounter{background-color:#fff;background-color:var(--white,var(--vkui--color_background_contrast));color:#e64646;color:var(--destructive,var(--vkui--color_text_negative))}.vkuiButton--lvl-outline.vkuiButton--clr-negative .vkuiCounter,.vkuiButton--lvl-secondary.vkuiButton--clr-negative .vkuiCounter,.vkuiButton--lvl-tertiary.vkuiButton--clr-negative .vkuiCounter{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative));color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-neutral .vkuiCounter{background-color:#fff;background-color:var(
|
|
106
|
+
--media_overlay_button_background,var(--vkui--color_background_contrast)
|
|
107
|
+
);color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiButton--lvl-primary.vkuiButton--clr-overlay .vkuiCounter{background-color:#2c2d2e;background-color:var(
|
|
108
|
+
--media_overlay_button_foreground,var(--vkui--color_icon_primary_invariably)
|
|
109
|
+
);color:#fff;color:var(
|
|
110
|
+
--media_overlay_button_background,var(--vkui--color_text_contrast)
|
|
111
|
+
)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay .vkuiCounter,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay .vkuiCounter,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay .vkuiCounter{background-color:#fff;background-color:var(
|
|
112
|
+
--media_overlay_button_background,var(--vkui--color_background_contrast)
|
|
113
|
+
);color:#2c2d2e;color:var(
|
|
114
|
+
--media_overlay_button_foreground,var(--vkui--color_text_primary_invariably)
|
|
115
|
+
)}.vkuiWriteBarIcon .vkuiCounter{background:#4bb34b;background:var(
|
|
116
|
+
--button_commerce_background,var(--vkui--color_background_positive)
|
|
117
|
+
);color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_text_contrast))}.vkuiTabsItem .vkuiCounter--secondary{background-color:#76787a;background-color:var(--panel_tab_inactive_text);color:#fff;color:var(--white)}.vkuiTabsItem--selected .vkuiCounter--secondary{background-color:#5d5f61;background-color:var(--panel_tab_active_text);color:#ebedf0;color:var(--panel_tab_active_background)}.vkuiTabsItem--ios.vkuiTabsItem--segmented .vkuiCounter--secondary{background-color:#99a2ad;background-color:var(--segmented_control_tint);color:#fff;color:var(--background_content)}.vkuiTabsItem--ios.vkuiTabsItem--segmented.vkuiTabsItem--selected .vkuiCounter--secondary{background-color:#fff;background-color:var(--background_content);color:#99a2ad;color:var(--segmented_control_tint)}.vkuiUsersStack{align-items:center;color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:flex}.vkuiUsersStack__photos{display:flex}.vkuiUsersStack__fill{fill:rgba(0,28,61,.08);fill:var(
|
|
118
|
+
--placeholder_icon_background,var(--vkui--color_image_placeholder_alpha)
|
|
119
|
+
)}.vkuiUsersStack__photo--others{align-items:center;background:#99a2ad;background:var(
|
|
120
|
+
--content_placeholder_icon,var(--vkui--color_icon_secondary)
|
|
121
|
+
);border-radius:50%;color:#f2f3f5;color:var(--vkui--color_icon_contrast_secondary,#f2f3f5);display:flex;justify-content:center}.vkuiUsersStack--size-xs .vkuiUsersStack__photo{height:16px;width:16px}.vkuiUsersStack--size-s .vkuiUsersStack__photo{height:24px;width:24px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{height:32px;width:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{flex:1;margin:0 0 0 8px;min-width:0}.vkuiUsersStack--l-vertical{flex-direction:column;justify-content:center}.vkuiUsersStack--l-vertical .vkuiUsersStack__text{margin:8px 0 0;text-align:center}.vkuiModalCardBase .vkuiUsersStack{margin-top:20px}.vkuiSeparator{color:#d7d8d9;color:var(--separator_common,var(--vkui--color_separator_primary))}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiSeparator{color:#d7d8d9;color:var(--separator_common,var(--vkui--color_separator_primary2x))}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiSeparator{color:#d7d8d9;color:var(--separator_common,var(--vkui--color_separator_primary3x))}}.vkuiSeparator__in:not(.vkuiSeparator__in--expanded){background:currentColor;height:1px;height:var(--thin-border);-webkit-transform-origin:center top;transform-origin:center top}.vkuiSeparator__in--expanded{background:transparent;height:16px}.vkuiSeparator--padded .vkuiSeparator__in{margin-left:16px;margin-left:var(--vkui--size_base_padding_horizontal--regular,16px);margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiModalPage--sizeX-regular .vkuiSeparator--padded{padding-left:8px;padding-right:8px}.vkuiSpacing{box-sizing:border-box;color:#d7d8d9;color:var(--separator_common,var(--vkui--color_separator_primary));display:flex;flex-flow:column;justify-content:center;position:relative}.vkuiSpacing--separator{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiSpacing--separator-center{justify-content:center}.vkuiSpacing--separator-bottom{flex-direction:column-reverse}.vkuiSpacing--separator:after{background:currentColor;content:"";display:block;height:1px;-webkit-transform-origin:center top;transform-origin:center top}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiSpacing--separator:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiSpacing--separator:after{-webkit-transform:scaleY(.32);transform:scaleY(.32)}}.vkuiPlaceholder{align-items:center;display:flex;justify-content:center}.vkuiPlaceholder--stretched{bottom:0;left:0;padding-bottom:inherit;padding-top:inherit;position:absolute;right:0;top:0;z-index:1}.vkuiPlaceholder__in{box-sizing:border-box;max-width:100%;padding:48px 32px;text-align:center}.vkuiPlaceholder__icon{color:#aeb7c2;color:var(
|
|
122
|
+
--placeholder_icon_foreground_secondary,var(--vkui--color_icon_secondary)
|
|
123
|
+
);display:inline-block;margin-bottom:12px;vertical-align:top}.vkuiPlaceholder__header{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiPlaceholder__text{color:#818c99;color:var(--text_placeholder,var(--vkui--color_text_secondary))}.vkuiPlaceholder__header+.vkuiPlaceholder__text{margin-top:8px}.vkuiPlaceholder__action:not(:first-child){margin-top:16px}.vkuiBanner{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));margin:12px 0;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiBanner__in{align-items:stretch;background-color:#f5f5f5;background-color:var(
|
|
124
|
+
--content_tint_background,var(--vkui--color_background_secondary)
|
|
125
|
+
);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);display:flex;flex-flow:row nowrap;overflow:hidden;padding:12px 12px 12px 16px;position:relative}.vkuiBanner__in:before{border:1px solid rgba(0,0,0,.08);border:var(--thin-border) solid var(--image_border,var(--vkui--color_image_border_alpha));border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.vkuiBanner__before{margin-right:12px;position:relative;z-index:2}.vkuiBanner__content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0;position:relative;z-index:2}.vkuiBanner__header{display:block}.vkuiBanner__subheader{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead));display:block}.vkuiBanner__text{color:#6d7885;color:var(--vkui--color_text_subhead,#6d7885)}.vkuiBanner__bg{left:0;position:absolute;top:0;z-index:1}.vkuiBanner__bg,.vkuiBanner__bg>*{height:100%;width:100%}.vkuiBanner__aside{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary));justify-content:flex-end;width:28px}.vkuiBanner__aside,.vkuiBanner__dismiss{align-content:center;align-items:center;display:flex;flex-flow:row nowrap}.vkuiBanner__dismiss{color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));justify-content:center;position:absolute;right:2px;top:2px;z-index:3}.vkuiBanner__actions{margin-bottom:-6px}.vkuiBanner__subheader:not(:first-child),.vkuiBanner__text:not(:first-child){margin-top:2px}.vkuiBanner--md-image .vkuiBanner__in{background-color:#f5f5f5;background-color:var(
|
|
126
|
+
--content_tint_background,var(--vkui--color_background_secondary)
|
|
127
|
+
)}.vkuiBanner--inverted,.vkuiBanner--inverted .vkuiBanner__subheader,.vkuiBanner--md-image .vkuiBanner__dismiss{color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiBanner--inverted .vkuiBanner__subheader{opacity:.72}.vkuiBanner--sz-s .vkuiBanner__before{margin-left:-4px}.vkuiBanner--sz-m .vkuiBanner__in{padding:16px}.vkuiBanner--sz-m .vkuiBanner__subheader:not(:first-child),.vkuiBanner--sz-m .vkuiBanner__text:not(:first-child){margin-top:4px}.vkuiBanner--ios .vkuiBanner__dismiss,.vkuiBanner--ios.vkuiBanner--md-image .vkuiBanner__dismiss{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary))}.vkuiMiniInfoCell{display:flex;padding:6px 16px;padding:6px var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiMiniInfoCell--lvl-primary{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiMiniInfoCell--lvl-secondary{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead))}.vkuiMiniInfoCell__icon{color:#99a2ad;color:var(--icon_outline_secondary,var(--vkui--color_icon_secondary));margin-right:12px}.vkuiMiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiMiniInfoCell--wr-short .vkuiMiniInfoCell__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:60px;white-space:normal}.vkuiMiniInfoCell--wr-full .vkuiMiniInfoCell__content{overflow:inherit;white-space:normal}.vkuiMiniInfoCell__after{margin-bottom:-2px;margin-left:12px;margin-top:-2px}.vkuiMiniInfoCell--md-add{color:#2688eb;color:var(--accent,var(--vkui--color_text_link))}.vkuiMiniInfoCell--md-add .vkuiMiniInfoCell__icon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more{color:#2d81e0;color:var(--link_alternate,var(--vkui--color_text_link))}.vkuiMiniInfoCell--md-more .vkuiMiniInfoCell__icon{color:#2d81e0;color:var(--link_alternate,var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more{padding-bottom:10px;padding-top:10px}.vkuiWriteBar{background:#fff;background:var(--background_content,var(--vkui--color_background_modal))}.vkuiWriteBar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08))}.vkuiWriteBar__after,.vkuiWriteBar__before,.vkuiWriteBar__form{align-items:flex-end;display:flex}.vkuiWriteBar__form{min-height:52px}.vkuiWriteBar__formIn{display:flex;flex:1;min-width:0;position:relative}.vkuiWriteBar__textarea{-webkit-appearance:none;background:transparent;border:none;box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));flex:1;margin:0;max-height:120px;min-width:0;resize:none;width:100%}.vkuiWriteBar__textarea::-webkit-input-placeholder{color:#818c99;color:var(--text_placeholder,var(--vkui--color_text_subhead));opacity:1}.vkuiWriteBar__textarea::-moz-placeholder{color:#818c99;color:var(--text_placeholder,var(--vkui--color_text_subhead));opacity:1}.vkuiWriteBar__textarea::-ms-input-placeholder{color:#818c99;color:var(--text_placeholder,var(--vkui--color_text_subhead));opacity:1}.vkuiWriteBar__textarea::placeholder{color:#818c99;color:var(--text_placeholder,var(--vkui--color_text_subhead));opacity:1}.vkuiWriteBar__inlineAfter{align-items:flex-end;display:flex}.vkuiWriteBar__before{padding-left:4px}.vkuiWriteBar__after{padding-right:4px}.vkuiWriteBar__textarea{height:52px;padding:16px 12px}.vkuiWriteBar--ios .vkuiWriteBar__after,.vkuiWriteBar--ios .vkuiWriteBar__before{padding:0 4px}.vkuiWriteBar--ios .vkuiWriteBar__formIn{background-color:#f2f3f5;background-color:var(
|
|
128
|
+
--input_background,var(--vkui--color_field_background)
|
|
129
|
+
);border:1px solid #e1e3e6;border:var(--thin-border) solid var(--input_border,var(--vkui--color_field_border_alpha));border-radius:18px;box-sizing:border-box;margin:8px 0}.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child{margin-left:12px}.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter{margin-bottom:-9px;margin-right:-1px;margin-top:-9px}.vkuiWriteBar--ios .vkuiWriteBar__textarea{font-size:17px;height:34px;line-height:22px;padding:6px 11px}.vkuiWriteBarIcon{background:none;border:0;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));cursor:pointer;height:52px;position:relative;width:44px}.vkuiWriteBarIcon__in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vkuiWriteBarIcon:disabled{opacity:.4;pointer-events:none}.vkuiWriteBarIcon__active{opacity:.6}.vkuiWriteBarIcon__counter{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--background_content,var(--vkui--color_background_modal));position:absolute;right:2px;top:6px}.vkuiWriteBarIcon.vkuiWriteBarIcon--done,.vkuiWriteBarIcon.vkuiWriteBarIcon--send{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiWriteBarIcon--ios{color:#2688eb;color:var(--writebar_icon,var(--vkui--color_icon_accent))}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send{width:48px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done:first-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send:first-child{margin-left:-4px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--done:last-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--send:last-child{margin-right:-4px}.vkuiSubnavigationBar__in{margin:-8px 0}.vkuiSubnavigationBar__scrollIn{display:flex;padding:20px 0}.vkuiSubnavigationBar__scrollIn:after,.vkuiSubnavigationBar__scrollIn:before{content:"";min-width:16px}.vkuiSubnavigationBar .vkuiSubnavigationButton+.vkuiSubnavigationButton{margin-left:8px}.vkuiSubnavigationBar--fixed .vkuiSubnavigationButton{flex:1;min-width:0}.vkuiSubnavigationBar--ios .vkuiSubnavigationBar__scrollIn:after,.vkuiSubnavigationBar--ios .vkuiSubnavigationBar__scrollIn:before{min-width:12px}.vkuiSubnavigationButton{background-color:#fff;background-color:var(--modal_card_background);box-shadow:0 0 2px rgba(0,0,0,.08),0 2px 24px rgba(0,0,0,.08);color:#000;color:var(--text_primary);display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiSubnavigationButton__in{align-items:center;display:flex;justify-content:center}.vkuiSubnavigationButton__before{color:#2688eb;color:var(--accent);margin-right:8px}.vkuiSubnavigationButton__before .vkuiIcon--24{margin-left:-4px}.vkuiSubnavigationButton__label{flex-grow:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSubnavigationButton__after{margin-left:8px}.vkuiSubnavigationButton__expandableIcon{color:#99a2ad;color:var(--icon_secondary);margin-left:8px;margin-top:1px}.vkuiSubnavigationButton--selected{background-color:#2d81e0;background-color:var(--button_primary_background);color:#fff;color:var(--button_primary_foreground)}.vkuiSubnavigationButton--selected .vkuiSubnavigationButton__before{color:inherit}.vkuiSubnavigationButton--selected .vkuiCounter{background-color:#fff;background-color:var(--button_primary_foreground);color:#2d81e0;color:var(--button_primary_background)}.vkuiSubnavigationButton--selected .vkuiSubnavigationButton__expandableIcon{color:inherit}.vkuiSubnavigationButton--m .vkuiSubnavigationButton__in{height:36px;padding:0 14px}.vkuiSubnavigationButton--l .vkuiSubnavigationButton__in{height:44px;padding:0 14px}.vkuiSubnavigationButton--ios{border-radius:10px}.vkuiSubnavigationButton--android{border-radius:8px}.vkuiSubnavigationButton--vkcom{border-radius:4px}.vkuiPagination__list{display:flex;list-style-type:none;margin:0;padding:0}.vkuiPagination__prevButtonContainer{margin-right:8px}.vkuiPagination__nextButtonContainer{margin-left:8px}.vkuiPagination__page{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;color:#818c99;color:var(--vkui--color_text_secondary,#818c99);min-width:40px;padding-left:8px;padding-right:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.vkuiPagination__page--state-hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover,rgba(0,16,61,.04))}.vkuiPagination__page--current,.vkuiPagination__page--state-active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active,rgba(0,16,61,.08));color:#000;color:var(--vkui--color_text_primary,#000)}.vkuiPagination__page--disabled{opacity:.4;opacity:var(--vkui--opacity_disable,.4)}.vkuiPagination__page--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);height:36px;height:var(--vkui--size_button_large_height--compact,36px);line-height:36px;line-height:var(--vkui--size_button_large_height--compact,36px)}.vkuiPagination__page--sizeY-regular{font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);height:44px;height:var(--vkui--size_button_large_height--regular,44px);line-height:44px;line-height:var(--vkui--size_button_large_height--regular,44px)}.vkuiPagination__page--type-ellipsis{min-width:16px;padding-left:0;padding-right:0}.vkuiFormLayout{position:relative}.vkuiFormLayout__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:0;left:0;padding:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}.vkuiFormItem{display:block;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;overflow:hidden;padding:0}.vkuiFormItem__top{color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead));overflow:hidden;padding-bottom:8px;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border,var(--vkui--color_text_negative))}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border,var(--vkui--color_text_positive))}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;padding:0}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop{margin-top:calc(-2px - 18px - 8px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--regular,18px) - 8px)}.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact .vkuiFormItem__removable,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop.vkuiFormItem--sizeY-compact{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact,16px) - 6px)}.vkuiFormLayoutGroup--horizontal{display:flex;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular,12px) var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormLayoutGroup__removable{flex-grow:1;max-width:100%;min-width:0}.vkuiFormLayoutGroup--ios{--formitem_padding:12px}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}.vkuiFormStatus{background:#f2f3f5;background:var(--field_background);border-radius:10px;color:#6d7885;color:var(--text_subhead);padding:12px}.vkuiFormStatus b:first-child,.vkuiFormStatus__header{color:#000;color:var(--text_primary)}.vkuiFormStatus b:first-child,.vkuiFormStatus__header:not(:last-child){margin-bottom:2px}.vkuiFormStatus--error{background:#faebeb;background:var(--field_error_background);color:#e64646;color:var(--field_error_border)}.vkuiFormStatus--error .vkuiFormStatus b:first-child,.vkuiFormStatus--error .vkuiFormStatus__header{color:currentColor}.vkuiFormStatus b:first-child{display:block;font-size:16px;font-weight:500;line-height:20px}.vkuiSlider{height:28px;padding:0 14px;position:relative;z-index:0}.vkuiSlider:before{background-color:rgba(0,28,61,.08);background-color:var(
|
|
130
|
+
--placeholder_icon_background,var(--vkui--color_track_background)
|
|
131
|
+
);border-radius:1px;content:"";height:2px;left:0;position:absolute;top:13px;width:100%;z-index:-1}.vkuiSlider__in{height:100%;position:relative}.vkuiSlider__dragger{height:0;left:0;position:absolute;top:13px;width:0}.vkuiSlider__dragger:before{background:#2688eb;background:var(--accent,var(--vkui--color_background_accent));border-radius:1px;content:"";height:2px;left:-14px;position:absolute;top:0;width:calc(100% + 28px)}.vkuiSlider__thumb{background:#fff;background:var(--vkui--color_background_contrast,#fff);border:.5px solid rgba(0,0,0,.12);border:.5px solid var(--vkui--color_separator_primary_alpha,rgba(0,0,0,.12));border-radius:14px;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));height:28px;position:absolute;top:-13px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;width:28px}.vkuiSlider__thumb--start{left:-14px}.vkuiSlider__thumb--end{right:-14px}.vkuiSlider--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiSlider--sizeY-compact{height:24px;padding:0 12px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger,.vkuiSlider--sizeY-compact:before{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger:before{left:-12px;width:calc(100% + 24px)}.vkuiSlider--sizeY-compact .vkuiSlider__thumb{height:24px;top:-11px;width:24px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--start{left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--end{right:-12px}.vkuiFormField{align-items:center;box-sizing:border-box;display:flex;min-height:44px;min-height:var(--vkui--size_field_height--regular,44px);position:relative}.vkuiFormField--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__after,.vkuiFormField__before{align-content:center;align-items:center;color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));display:flex;flex-shrink:0;height:100%;justify-content:center;min-width:44px;min-width:var(--vkui--size_field_height--regular,44px);position:relative;z-index:2}.vkuiFormField--sizeY-compact .vkuiFormField__after,.vkuiFormField--sizeY-compact .vkuiFormField__before{height:36px;height:var(--vkui--size_field_height--compact,36px);min-width:36px;min-width:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__before{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiFormField__after{color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary))}.vkuiFormField__border{border:1px solid transparent;border:var(--thin-border) solid transparent;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:left top;transform-origin:left top;width:100%;z-index:1}.vkuiFormField--default .vkuiFormField__border{background-color:#f2f3f5;background-color:var(
|
|
132
|
+
--field_background,var(--vkui--color_field_background)
|
|
133
|
+
);border-color:rgba(0,0,0,.12);border-color:var(--field_border,var(--vkui--color_field_border_alpha))}.vkuiFormItem--error .vkuiFormField__border{background-color:#faebeb;background-color:var(
|
|
134
|
+
--field_error_background,var(--vkui--color_background_negative_tint)
|
|
135
|
+
);border-color:#e64646;border-color:var(--field_error_border,var(--vkui--color_stroke_negative))}.vkuiFormItem--valid .vkuiFormField__border{border-color:#4bb34b;border-color:var(--field_valid_border,var(--vkui--color_stroke_positive))}.vkuiFormField--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64);pointer-events:none}.vkuiFormField--hover .vkuiFormField__border{background-color:#f2f3f5;background-color:var(
|
|
136
|
+
--field_background,var(--vkui--color_field_background)
|
|
137
|
+
)}.vkuiFormField--default.vkuiFormField--hover .vkuiFormField__border{border-color:rgba(0,0,0,.24);border-color:var(
|
|
138
|
+
--icon_tertiary_alpha,var(--vkui--color_field_border_alpha--hover)
|
|
139
|
+
)}.vkuiChipsInput--focused .vkuiFormField__border,.vkuiFormField :focus~.vkuiFormField__border,.vkuiFormField:focus-within .vkuiFormField__border{border-color:#2688eb;border-color:var(--accent,var(--vkui--color_stroke_accent))}.vkuiModalCardBase__header+.vkuiFormField,.vkuiModalCardBase__subheader+.vkuiFormField{margin-top:16px}.vkuiSelect--pop-down .vkuiFormField__border{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiSelect--pop-up .vkuiFormField__border{border-top-left-radius:0;border-top-right-radius:0}.vkuiCalendarHeader__picker .vkuiFormField__after{min-width:12px;padding-right:8px}.vkuiChipsInput .vkuiFormField__after{z-index:3}.vkuiRadio{display:block;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem .vkuiRadio{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));width:100%}.vkuiRadio__container{align-items:center;display:flex;justify-content:flex-start}.vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiRadio__icon{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary));flex-shrink:0;height:22px;margin-right:14px;transition:color .15s cubic-bezier(.36,.66,.04,1);transition:color .15s var(--ios-easing);width:22px}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiRadio__icon .vkuiRadio__pin{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:12px 12px;transform-origin:12px 12px;transition:-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1),-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing),-webkit-transform .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon .vkuiRadio__pin{-webkit-transform:none;transform:none}.vkuiRadio__content{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:block;flex-grow:1;max-width:100%}.vkuiRadio__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;margin-bottom:12px;margin-top:2px}.vkuiRadio__children{margin-top:12px}.vkuiRadio__children:last-child{margin-bottom:12px}.vkuiRadio--sizeY-compact .vkuiRadio__children{margin-top:8px}.vkuiRadio--sizeY-compact .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--sizeY-compact .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-compact .vkuiRadio__icon{height:18px;width:18px}.vkuiRadio--sizeY-compact .vkuiRadio__icon:after{height:12px;width:12px}.vkuiRadioGroup .vkuiRadio{box-sizing:border-box;flex:1;margin:0}.vkuiRadioGroup--horizontal{display:flex}.vkuiFormItem .vkuiRadioGroup{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiCheckbox{align-items:center;display:flex;justify-content:flex-start;min-height:44px;min-height:var(--vkui--size_field_height--regular,44px);min-width:44px;min-width:var(--vkui--size_field_height--regular,44px);padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem .vkuiCheckbox{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));width:100%}.vkuiCheckbox__icon{flex-shrink:0;margin-right:12px}.vkuiCheckbox__icon--indeterminate,.vkuiCheckbox__icon--on{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));display:none}.vkuiCheckbox__icon--off{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary))}.vkuiCheckbox__content{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));flex-grow:1;word-break:break-word}.vkuiCheckbox__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;margin-bottom:12px;margin-top:2px}.vkuiCheckbox__children{margin-top:12px}.vkuiCheckbox__children:last-child{margin-bottom:12px}.vkuiCheckbox__input:checked~.vkuiCheckbox__icon--on{display:flex}.vkuiCheckbox__input:checked~.vkuiCheckbox__icon--off,.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--indeterminate{display:none}.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--indeterminate{display:flex}.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--off,.vkuiCheckbox__input:indeterminate~.vkuiCheckbox__icon--on{display:none}.vkuiCheckbox__input[disabled]~*{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCheckbox--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact,36px);min-width:36px;min-width:var(--vkui--size_field_height--compact,36px)}.vkuiCheckbox--sizeY-compact .vkuiCheckbox__children{margin-top:8px}.vkuiCheckbox--sizeY-compact .vkuiCheckbox__children:last-child,.vkuiCheckbox--sizeY-compact .vkuiCheckbox__description{margin-bottom:8px}.vkuiCheckbox--simple{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:0}.vkuiCheckbox--simple .vkuiCheckbox__content{display:none}.vkuiCheckbox--simple .vkuiCheckbox__icon{margin:0}.vkuiInput{font-size:16px;line-height:20px;position:relative}.vkuiInput--center .vkuiInput__el{text-align:center}.vkuiInput--right .vkuiInput__el{text-align:right}.vkuiInput__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none;box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:block;font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);margin:0;padding-left:12px;padding-right:12px;position:relative;text-overflow:ellipsis;width:100%;z-index:2}.vkuiInput--sizeY-compact .vkuiInput__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiInput--hasBefore .vkuiInput__el{padding-left:0}.vkuiInput--hasAfter .vkuiInput__el{padding-right:0}.vkuiInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiInput__el::-webkit-input-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiInput__el::-moz-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiInput__el::-ms-input-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiInput__el::placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiInput__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::-moz-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiInput__el:disabled::placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiChipsInput{max-width:100%}.vkuiChipsInput__container{display:flex;flex-grow:1;flex-shrink:1;flex-wrap:wrap;max-width:100%;overflow:hidden;padding:3px;position:relative;z-index:2}.vkuiChipsInput__chip{margin:2px;max-width:100%}.vkuiChipsInput__input-container{display:flex;flex:1;flex-direction:column;margin:2px 2px 2px 10px}.vkuiChipsInput__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));font-size:15px;line-height:26px;margin-bottom:2px;padding:0;position:relative;width:100%;z-index:2}.vkuiChipsInput__el:focus{min-width:64px}.vkuiChipsInput__el::-ms-clear{display:none}.vkuiChipsInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiChipsInput__el::-webkit-input-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiChipsInput__el::-moz-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiChipsInput__el::-ms-input-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiChipsInput__el::placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiChipsInput__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiChipsInput__el:disabled::-moz-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiChipsInput__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiChipsInput__el:disabled::placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiChipsInput--sizeY-compact .vkuiChipsInput__container{padding:1px}.vkuiChip{background:#fff;background:var(--background_content,var(--vkui--color_background_content));border:1px solid rgba(0,0,0,.08);border:var(--thin-border) solid var(--image_border,var(--vkui--color_image_border_alpha));border-radius:6px;box-sizing:border-box;display:inline-block;height:32px}.vkuiChip__in{align-items:center;display:flex;height:100%;padding:0 8px;position:relative}.vkuiChip--removable .vkuiChip__in{padding-right:0}.vkuiChip__content{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiChip__remove{align-content:center;align-items:center;background:transparent;border:none;border-radius:2px;box-sizing:border-box;color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));display:flex;flex-grow:0;flex-shrink:0;height:28px;justify-content:center;margin:-1px;padding:6px;position:relative;-webkit-transform:translateX(-1px);transform:translateX(-1px);width:28px}.vkuiChip__before{margin-right:6px}.vkuiChip__after{margin-left:6px}.vkuiChip--sizeY-compact{height:28px}.vkuiSelect{box-sizing:border-box;cursor:pointer;position:relative}.vkuiSelect__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:block;font-size:16px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:3}.vkuiSelect__container{box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));flex-grow:1;flex-shrink:1;overflow:hidden;padding-left:12px;padding-right:12px;position:relative;z-index:2}.vkuiSelect--hasBefore .vkuiSelect__container{padding-left:0}.vkuiSelect--hasAfter .vkuiSelect__container{padding-right:0}.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:12px;padding-top:12px}.vkuiSelect--sizeY-compact.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:8px;padding-top:8px}.vkuiSelect__title{display:block}.vkuiSelect:not(.vkuiSelect--multiline) .vkuiSelect__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSelect--empty .vkuiSelect__title{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary))}.vkuiSelect--align-right .vkuiSelect__title{text-align:right}.vkuiSelect--align-center .vkuiSelect__title{text-align:center}.vkuiCalendarHeader__picker .vkuiSelect__container{padding-right:4px}.vkuiTextarea{position:relative}.vkuiTextarea__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:block;font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);margin:0;max-height:204px;padding:12px;position:relative;resize:none;width:100%;z-index:2}.vkuiTextarea__el[cols]{width:auto}.vkuiTextarea--sizeY-compact .vkuiTextarea__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px);max-height:196px}.vkuiTextarea__el::-webkit-input-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiTextarea__el::-moz-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiTextarea__el::-ms-input-placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiTextarea__el::placeholder{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary));opacity:1}.vkuiTextarea__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiTextarea__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiTextarea__el:disabled::-moz-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiTextarea__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiTextarea__el:disabled::placeholder{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary))}.vkuiCustomScrollView{height:100%;overflow:hidden;position:relative;width:100%}.vkuiCustomScrollView__box{height:100%;max-height:inherit;overflow-x:hidden;overflow-y:scroll;padding-right:100px;position:relative;scrollbar-width:none;width:100%;z-index:0}.vkuiCustomScrollView__box::-webkit-scrollbar{display:none}.vkuiCustomScrollView__barY:active+.vkuiCustomScrollView__box{pointer-events:none}.vkuiCustomScrollView__barY{height:100%;position:absolute;right:0;top:0;width:10px;z-index:1}.vkuiCustomScrollView__trackerY{box-sizing:border-box;left:0;padding:4px 4px 4px 0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:10px}.vkuiCustomScrollView__trackerY--hidden{opacity:0;transition:opacity .2s}.vkuiCustomScrollView__trackerY:before{background-color:#818c99;background-color:var(--icon_medium,var(--vkui--color_icon_medium));border-radius:12px;content:"";display:block;height:100%;opacity:.48;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s;width:100%}.vkuiCustomScrollView__trackerY:active:before,.vkuiCustomScrollView__trackerY:hover:before{opacity:.8;-webkit-transform:scaleX(1.3333);transform:scaleX(1.3333)}.vkuiCustomSelectDropdown .vkuiCustomScrollView__box{padding-right:8px}.vkuiCustomSelectDropdown--wide .vkuiCustomScrollView__box{padding-right:0}.vkuiCustomSelect{display:block;position:relative;width:100%}.vkuiCustomSelect__control{display:none}.vkuiCustomSelect__empty{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));padding:12px 0;text-align:center}.vkuiCustomSelect__fetching{align-items:center;display:flex;justify-content:center}.vkuiCustomSelectOption{align-items:center;box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));cursor:pointer;display:flex;padding:8px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.vkuiCustomSelectOption--hierarchy{--custom-select-option-hierarchy-level:0;padding-left:calc(var(--custom-select-option-hierarchy-level) * var(--vkui--size_option_hierarchy--regular,32px))}.vkuiCustomSelectOption--sizeY-regular{min-height:44px}.vkuiCustomSelectOption--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCustomSelectOption--hover{background-color:#f2f3f5;background-color:var(
|
|
140
|
+
--button_muted_background,var(--vkui--color_transparent--hover)
|
|
141
|
+
)}.vkuiCustomSelectOption__before{flex-shrink:0;margin-right:7px}.vkuiCustomSelectOption__main{flex-grow:1;max-width:100%;min-width:0}.vkuiCustomSelectOption__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiCustomSelectOption__after{align-items:center;display:flex;flex-shrink:0;margin-left:8px}.vkuiCustomSelectOption__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));overflow:hidden;text-overflow:ellipsis}.vkuiCustomSelectOption__selectedIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiCustomSelectOption__selectedIcon:not(:first-child){margin-left:8px}.vkuiDatePicker{border:0;margin:0;padding:0}.vkuiDatePicker__container{display:flex;flex-direction:row;width:100%}.vkuiDatePicker__day{min-width:72px}.vkuiDatePicker__month{display:flex;flex:1 0 0;min-width:0;padding:0 8px}.vkuiDatePicker__year{min-width:92px}.vkuiDatePicker__monthSelect{width:100%}.vkuiSliderSwitch{background-color:#f2f3f5;background-color:var(--field_background);border-radius:8px;box-sizing:border-box;display:flex;height:44px;position:relative;transition:all .1s ease-out;width:100%}.vkuiSliderSwitch__button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;background:transparent;border:0;box-sizing:border-box;color:#6d7885;color:var(--text_subhead);cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;padding:0;transition:color .1s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:50%;z-index:1}.vkuiSliderSwitch__button--focus{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--accent)}.vkuiSliderSwitch__button--ios{border-radius:10px}.vkuiSliderSwitch__button--android,.vkuiSliderSwitch__button--vkcom{border-radius:8px}.vkuiSliderSwitch__button--hover{color:#99a2ad;color:var(--text_tertiary)}.vkuiSliderSwitch__border{background-color:#b8c1cc;background-color:var(--toolbar_attach_background_from);height:28px;left:50%;opacity:.5;position:absolute;top:8px;width:1px}.vkuiSliderSwitch__button--active{color:#000;color:var(--text_primary);transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.vkuiSliderSwitch__button--activeHover{color:#000;color:var(--header_alternate_tab_active_text)}.vkuiSliderSwitch__slider{border-radius:6px;height:40px;left:0;margin:2px;position:absolute;top:0;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:calc(50% - 4px)}.vkuiSliderSwitch--firstActive{margin-left:2px}.vkuiSliderSwitch--firstActive,.vkuiSliderSwitch--secondActive{background-color:#fff;background-color:var(--background_content)}.vkuiSliderSwitch--secondActive{-webkit-transform:translateX(calc(100% + 4px));transform:translateX(calc(100% + 4px))}.vkuiPopper{z-index:100}.vkuiCustomSelectDropdown{background-color:#fff;background-color:var(
|
|
142
|
+
--modal_card_background,var(--vkui--color_background_content)
|
|
143
|
+
);border:1px solid rgba(0,0,0,.12);border:var(--thin-border) solid var(--field_border,var(--vkui--color_separator_primary_alpha));border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06));box-sizing:border-box;overflow:hidden}.vkuiCustomSelectDropdown--wide{width:100%}.vkuiCustomSelectDropdown--bottom{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.vkuiCustomSelectDropdown--top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:100%;box-shadow:0 0 2px rgba(0,0,0,.03),0 -2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1_invert_y,0 0 2px rgba(0,0,0,.03),0 -2px 2px rgba(0,0,0,.06))}.vkuiCustomSelectDropdown__fetching{padding:12px 0}.vkuiCustomSelectDropdown__in{max-height:160px}.vkuiCalendarHeader__pickers .vkuiCustomSelectDropdown__in{max-height:184px}.vkuiSegmentedControl{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary,#f5f5f5);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;height:30px;padding:2px}.vkuiSegmentedControl--l{height:36px}.vkuiSegmentedControl__in{border-radius:inherit;display:flex;height:100%;position:relative;transition:all .1s ease-out;width:100%}.vkuiSegmentedControl__slider{background-color:#fff;background-color:var(--vkui--color_segmented_control,#fff);border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);box-shadow:inset 0 0 0 .5px var(--vkui--color_image_border_alpha,rgba(0,0,0,.08)),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);left:0;position:absolute;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.vkuiSegmentedControl__option{display:block;flex:1;margin:0;padding:0;position:relative;z-index:1}.vkuiSegmentedControl--sizeY-regular{height:36px}.vkuiSegmentedControl--sizeY-regular.vkuiSegmentedControl--l{height:44px}.vkuiSegmentedControlOption{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:inherit;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary,#000);cursor:pointer;height:100%;transition:color .1s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiSegmentedControlOption .vkuiIcon{color:#2c2d2e;color:var(--vkui--color_icon_primary,#2c2d2e)}.vkuiSegmentedControlOption:not(.vkuiSegmentedControlOption--checked):hover{opacity:.5}.vkuiSegmentedControlOption__content{align-content:center;align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;width:100%}.vkuiVisuallyHiddenInput{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}.vkuiCalendar{background:#fff;background:var(--vkui--color_background_modal,#fff);border:.5px solid #d7d8d9;border:.5px solid var(--vkui--color_separator_primary,#d7d8d9);border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06));box-sizing:border-box;display:flex;flex-direction:column;padding:12px;width:305px}.vkuiCalendar__time{border-top:1px solid #d7d8d9;border-top:1px solid var(--vkui--color_separator_primary,#d7d8d9);margin:12px -12px 0;padding:12px 12px 0}.vkuiCalendar__header{margin-bottom:4px;z-index:1}.vkuiCalendar--size-s{padding:8px;width:220px}.vkuiCalendar--size-s .vkuiCalendar__header{margin-bottom:0}.vkuiCalendarDay{border-radius:0;color:#000;color:var(--vkui--color_text_primary,#000);font-size:14px}.vkuiCalendarDay,.vkuiCalendarDay__hidden{flex-basis:calc(100% / 7);flex-grow:0;height:36px}.vkuiCalendarDay--size-s,.vkuiCalendarDay__hidden--size-s{height:34px}.vkuiCalendarDay--disabled,.vkuiCalendarDay--not-same-month{color:#99a2ad;color:var(--vkui--color_text_tertiary,#99a2ad)}.vkuiCalendarDay--selected{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary,#f5f5f5)}.vkuiCalendarDay--selection-start.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-start{border-bottom-left-radius:8px;border-top-left-radius:8px}.vkuiCalendarDay--selection-end.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-end{border-bottom-right-radius:8px;border-top-right-radius:8px}.vkuiCalendarDay__day-number{text-align:center}.vkuiCalendarDay--today{font-weight:600}.vkuiCalendarDay--today .vkuiCalendarDay__day-number:after{border-bottom:2px solid #2688eb;border-bottom:2px solid var(--vkui--color_stroke_accent,#2688eb);content:"";display:block;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:16px}.vkuiCalendarDay--today .vkuiCalendarDay__inner--active .vkuiCalendarDay__day-number:after{border-bottom-color:#fff;border-bottom-color:var(--vkui--color_stroke_contrast,#fff)}.vkuiCalendarDay__hinted,.vkuiCalendarDay__inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vkuiCalendarDay__inner{border-radius:8px}.vkuiCalendarDay--hover :not(.vkuiCalendarDay__hinted--active) .vkuiCalendarDay__inner,.vkuiCalendarDay__hinted--active{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover,rgba(0,0,0,.08))}.vkuiCalendarDay__inner--active{background-color:#2688eb;background-color:var(--vkui--color_background_accent,#2688eb);color:#fff;color:var(--vkui--color_text_contrast,#fff)}.vkuiCalendarDays{display:flex;flex-direction:column;flex-grow:1;justify-content:space-around}.vkuiCalendarDays__row{display:flex;flex-grow:1;justify-content:center}.vkuiCalendarDays__row:not(:last-child){margin-bottom:4px}.vkuiCalendarDays__row--size-s:not(:last-child){margin-bottom:0}.vkuiCalendarDays__weekday{color:#6d7885;color:var(--vkui--color_text_subhead,#6d7885);flex-basis:calc(100% / 7);flex-grow:0;height:32px;text-transform:capitalize}.vkuiCalendarDays__weekday,.vkuiCalendarHeader{align-items:center;display:flex;justify-content:center}.vkuiCalendarHeader{min-height:36px;position:relative}.vkuiCalendarHeader__pickers{display:flex;position:absolute}.vkuiCalendarHeader__picker+.vkuiCalendarHeader__picker{margin-left:4px}.vkuiCalendarHeader__nav-icon{align-items:center;display:flex;justify-content:center;padding:3px;position:absolute}.vkuiCalendarHeader__nav-icon--accent{color:#2688eb;color:var(--vkui--color_icon_accent,#2688eb)}.vkuiCalendarHeader__nav-icon-next{right:0}.vkuiCalendarHeader__nav-icon-prev{left:0}.vkuiCalendarHeader__month{text-transform:capitalize}.vkuiCalendarRange{background:#fff;background:var(--vkui--color_background_modal,#fff);border:.5px solid #d7d8d9;border:.5px solid var(--vkui--color_separator_primary,#d7d8d9);border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06));box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-around;padding:12px;width:610px}.vkuiCalendarRange__inner{display:flex;flex-direction:column;flex-grow:1}.vkuiCalendarRange__inner:not(:last-child){margin-right:24px}.vkuiCalendarRange__header{margin-bottom:4px;z-index:1}.vkuiCalendarTime{align-items:center;display:flex}.vkuiCalendarTime__picker{width:77px}.vkuiCalendarTime__divider{color:#000;color:var(--vkui--color_text_primary,#000);margin-left:6px;margin-right:6px}.vkuiCalendarTime__button{margin-left:auto}.vkuiInputLike__mask{position:relative}.vkuiInputLike__mask:after{border-bottom:1px solid #818c99;border-bottom:1px solid var(--vkui--color_text_secondary,#818c99);bottom:0;content:"";height:1px;left:0;position:absolute;width:calc(100% - .1em)}.vkuiInputLike__mask:last-child{margin-right:1px}.vkuiInputLike__last_character{letter-spacing:1px!important}.vkuiInputLike--full+.vkuiInputLikeDivider{color:#000;color:var(--vkui--color_text_primary,#000)}.vkuiInputLikeDivider{color:#818c99;color:var(--vkui--color_text_secondary,#818c99);letter-spacing:1px!important}.vkuiDateInput__input{cursor:text;flex-grow:1;font-size:16px;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:2}.vkuiDateInput__input-time-divider{letter-spacing:6px!important}.vkuiDateInput--sizeY-compact .vkuiDateInput__input{font-size:15px;margin-right:22px}.vkuiDateRangeInput__input{cursor:text;flex-grow:1;font-size:16px;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:2}.vkuiDateRangeInput--sizeY-compact .vkuiDateRangeInput__input{font-size:15px;margin-right:22px}.vkuiPromoBanner{background:#fff;background:var(--background_content);box-sizing:border-box;color:#000;color:var(--text_primary);outline:1px solid rgba(0,0,0,.12);outline:1px solid var(--separator_alpha);padding-bottom:10px;position:relative;width:100%}.vkuiPromoBanner__head{color:#818c99;color:var(--text_secondary);display:flex;padding-bottom:10px;padding-top:14px}.vkuiPromoBanner__age{margin-left:6px}.vkuiPromoBanner__close{align-items:center;color:#99a2ad;color:var(--placeholder_icon_foreground_primary);display:flex;height:48px;justify-content:center;position:absolute;right:0;top:0;width:48px}.vkuiPromoBanner__close:active{opacity:.7}.vkuiPromoBanner__pixels{display:none}.vkuiPromoBanner--ios .vkuiPromoBanner__head{padding-left:12px;padding-right:12px}.vkuiPromoBanner--android .vkuiPromoBanner__head,.vkuiPromoBanner--vkcom .vkuiPromoBanner__head{padding-left:16px;padding-right:16px}.vkui>body{overflow-x:hidden}.vkui,.vkui>body,.vkui__root{height:100%;margin:0;padding:0}.vkui,.vkui>body,.vkui__portal-root,.vkui__root{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;color:#000;color:var(--text_primary);font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common)}.vkui__portal-root button,.vkui__portal-root input,.vkui__portal-root select,.vkui__portal-root textarea,.vkui__root button,.vkui__root input,.vkui__root select,.vkui__root textarea{font-family:inherit}.vkui__portal-root :focus,.vkui__root :focus{outline:none}
|