@vkontakte/vkui 4.33.3 → 4.34.1
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/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.cache/.tsbuildinfo +547 -481
- package/.cache/ts/src/components/ActionSheet/ActionSheet.d.ts +1 -1
- package/.cache/ts/src/components/ActionSheet/ActionSheetDropdown.d.ts +2 -2
- package/.cache/ts/src/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +2 -2
- package/.cache/ts/src/components/AdaptivityProvider/AdaptivityProvider.d.ts +3 -1
- package/.cache/ts/src/components/Alert/Alert.d.ts +1 -1
- package/.cache/ts/src/components/AppRoot/AppRoot.d.ts +7 -1
- package/.cache/ts/src/components/AppRoot/AppRootContext.d.ts +1 -0
- package/.cache/ts/src/components/AppRoot/AppRootPortal.d.ts +4 -2
- package/.cache/ts/src/components/AppRoot/ScrollContext.d.ts +7 -6
- package/.cache/ts/src/components/AppearanceProvider/AppearanceProvider.d.ts +2 -1
- package/.cache/ts/src/components/Avatar/Avatar.d.ts +1 -1
- package/.cache/ts/src/components/Badge/Badge.d.ts +1 -1
- package/.cache/ts/src/components/BaseGallery/helpers.d.ts +2 -2
- package/.cache/ts/src/components/BaseGallery/types.d.ts +1 -1
- package/.cache/ts/src/components/ButtonGroup/ButtonGroup.d.ts +3 -3
- package/.cache/ts/src/components/Calendar/Calendar.d.ts +1 -1
- package/.cache/ts/src/components/CalendarDay/CalendarDay.d.ts +1 -1
- package/.cache/ts/src/components/CalendarDays/CalendarDays.d.ts +1 -1
- package/.cache/ts/src/components/CalendarHeader/CalendarHeader.d.ts +1 -1
- package/.cache/ts/src/components/CalendarRange/CalendarRange.d.ts +1 -1
- package/.cache/ts/src/components/CalendarTime/CalendarTime.d.ts +2 -2
- package/.cache/ts/src/components/Card/Card.d.ts +1 -1
- package/.cache/ts/src/components/CardGrid/CardGrid.d.ts +8 -2
- package/.cache/ts/src/components/CardScroll/CardScroll.d.ts +1 -1
- package/.cache/ts/src/components/Cell/Cell.d.ts +2 -2
- package/.cache/ts/src/components/Cell/CellCheckbox/CellCheckbox.d.ts +1 -1
- package/.cache/ts/src/components/Cell/CellDragger/CellDragger.d.ts +1 -1
- package/.cache/ts/src/components/CellButton/CellButton.d.ts +2 -2
- package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/.cache/ts/src/components/Chip/Chip.d.ts +1 -1
- package/.cache/ts/src/components/ChipsSelect/ChipsSelect.d.ts +1 -1
- package/.cache/ts/src/components/ClickPopper/ClickPopper.d.ts +1 -1
- package/.cache/ts/src/components/ConfigProvider/ConfigProvider.d.ts +2 -1
- package/.cache/ts/src/components/CustomScrollView/CustomScrollView.d.ts +4 -3
- package/.cache/ts/src/components/CustomScrollView/useTrackerVisibility.d.ts +43 -0
- package/.cache/ts/src/components/CustomSelect/CustomSelect.d.ts +4 -3
- package/.cache/ts/src/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +4 -2
- package/.cache/ts/src/components/CustomSelectOption/CustomSelectOption.d.ts +1 -1
- package/.cache/ts/src/components/DateInput/DateInput.d.ts +1 -1
- package/.cache/ts/src/components/DateRangeInput/DateRangeInput.d.ts +1 -1
- package/.cache/ts/src/components/Div/Div.d.ts +1 -1
- package/.cache/ts/src/components/Dropdown/Dropdown.d.ts +2 -2
- package/.cache/ts/src/components/DropdownIcon/DropdownIcon.d.ts +1 -1
- package/.cache/ts/src/components/Epic/Epic.d.ts +1 -1
- package/.cache/ts/src/components/Epic/ScrollSaver.d.ts +2 -1
- package/.cache/ts/src/components/File/File.d.ts +1 -1
- package/.cache/ts/src/components/FixedLayout/FixedLayout.d.ts +1 -1
- package/.cache/ts/src/components/FocusTrap/FocusTrap.d.ts +1 -1
- package/.cache/ts/src/components/Footer/Footer.d.ts +1 -1
- package/.cache/ts/src/components/FormField/FormField.d.ts +3 -3
- package/.cache/ts/src/components/FormItem/FormItem.d.ts +1 -1
- package/.cache/ts/src/components/FormLayout/FormLayout.d.ts +1 -1
- package/.cache/ts/src/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -1
- package/.cache/ts/src/components/FormStatus/FormStatus.d.ts +1 -1
- package/.cache/ts/src/components/Gradient/Gradient.d.ts +7 -1
- package/.cache/ts/src/components/Group/Group.d.ts +1 -0
- package/.cache/ts/src/components/Header/Header.d.ts +1 -1
- package/.cache/ts/src/components/HorizontalCell/HorizontalCell.d.ts +1 -1
- package/.cache/ts/src/components/HorizontalScroll/HorizontalScroll.d.ts +2 -1
- package/.cache/ts/src/components/HorizontalScroll/HorizontalScrollArrow.d.ts +4 -4
- package/.cache/ts/src/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/.cache/ts/src/components/InfoRow/InfoRow.d.ts +1 -1
- package/.cache/ts/src/components/InputLike/InputLike.d.ts +4 -1
- package/.cache/ts/src/components/InputLike/InputLikeDivider.d.ts +1 -1
- package/.cache/ts/src/components/Link/Link.d.ts +8 -3
- package/.cache/ts/src/components/List/List.d.ts +1 -1
- package/.cache/ts/src/components/MiniInfoCell/MiniInfoCell.d.ts +1 -1
- package/.cache/ts/src/components/ModalDismissButton/ModalDismissButton.d.ts +1 -1
- package/.cache/ts/src/components/ModalRoot/ModalRoot.d.ts +2 -1
- package/.cache/ts/src/components/ModalRoot/ModalRootAdaptive.d.ts +2 -1
- package/.cache/ts/src/components/ModalRoot/ModalRootDesktop.d.ts +2 -1
- package/.cache/ts/src/components/ModalRoot/useModalManager.d.ts +2 -1
- package/.cache/ts/src/components/NavTransitionContext/NavTransitionContext.d.ts +1 -1
- package/.cache/ts/src/components/Pagination/Pagination.d.ts +1 -1
- package/.cache/ts/src/components/PanelHeaderBack/PanelHeaderBack.d.ts +2 -2
- package/.cache/ts/src/components/PanelHeaderButton/PanelHeaderButton.d.ts +1 -1
- package/.cache/ts/src/components/PanelHeaderClose/PanelHeaderClose.d.ts +2 -2
- package/.cache/ts/src/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -1
- package/.cache/ts/src/components/PanelHeaderContext/PanelHeaderContext.d.ts +1 -1
- package/.cache/ts/src/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +2 -2
- package/.cache/ts/src/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +2 -2
- package/.cache/ts/src/components/Placeholder/Placeholder.d.ts +1 -1
- package/.cache/ts/src/components/PopoutRoot/PopoutRoot.d.ts +4 -1
- package/.cache/ts/src/components/PopoutWrapper/PopoutWrapper.d.ts +1 -1
- package/.cache/ts/src/components/Popper/Popper.d.ts +1 -1
- package/.cache/ts/src/components/Progress/Progress.d.ts +1 -1
- package/.cache/ts/src/components/PromoBanner/PromoBanner.d.ts +1 -1
- package/.cache/ts/src/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/.cache/ts/src/components/RangeSlider/RangeSlider.d.ts +2 -2
- package/.cache/ts/src/components/Removable/Removable.d.ts +1 -1
- package/.cache/ts/src/components/RichCell/RichCell.d.ts +18 -9
- package/.cache/ts/src/components/RichTooltip/RichTooltip.d.ts +2 -2
- package/.cache/ts/src/components/Root/Root.d.ts +1 -1
- package/.cache/ts/src/components/ScreenSpinner/Icon48CancelCircle.d.ts +3 -0
- package/.cache/ts/src/components/ScreenSpinner/Icon48DoneOutline.d.ts +3 -0
- package/.cache/ts/src/components/ScreenSpinner/ScreenSpinner.d.ts +5 -3
- package/.cache/ts/src/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/.cache/ts/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +2 -2
- package/.cache/ts/src/components/Select/Select.d.ts +2 -2
- package/.cache/ts/src/components/Separator/Separator.d.ts +2 -2
- package/.cache/ts/src/components/SimpleCheckbox/SimpleCheckbox.d.ts +2 -2
- package/.cache/ts/src/components/SliderSwitch/SliderSwitch.d.ts +1 -1
- package/.cache/ts/src/components/SliderSwitch/SliderSwitchButton.d.ts +1 -1
- package/.cache/ts/src/components/Snackbar/Snackbar.d.ts +1 -1
- package/.cache/ts/src/components/Spacing/Spacing.d.ts +1 -1
- package/.cache/ts/src/components/SplitCol/SplitCol.d.ts +1 -1
- package/.cache/ts/src/components/SplitLayout/SplitLayout.d.ts +1 -1
- package/.cache/ts/src/components/SubnavigationBar/SubnavigationBar.d.ts +1 -1
- package/.cache/ts/src/components/SubnavigationButton/SubnavigationButton.d.ts +1 -1
- package/.cache/ts/src/components/Switch/Switch.d.ts +2 -2
- package/.cache/ts/src/components/Tabbar/Tabbar.d.ts +1 -1
- package/.cache/ts/src/components/TabbarItem/TabbarItem.d.ts +1 -1
- package/.cache/ts/src/components/TabsItem/TabsItem.d.ts +1 -1
- package/.cache/ts/src/components/TextTooltip/TextTooltip.d.ts +1 -1
- package/.cache/ts/src/components/Tooltip/Tooltip.d.ts +3 -2
- package/.cache/ts/src/components/Touch/Touch.d.ts +1 -1
- package/.cache/ts/src/components/Typography/Caption/Caption.d.ts +1 -1
- package/.cache/ts/src/components/Typography/Headline/Headline.d.ts +1 -1
- package/.cache/ts/src/components/Typography/Paragraph/Paragraph.d.ts +1 -1
- package/.cache/ts/src/components/Typography/Subhead/Subhead.d.ts +1 -1
- package/.cache/ts/src/components/Typography/Text/Text.d.ts +1 -1
- package/.cache/ts/src/components/Typography/Title/Title.d.ts +1 -1
- package/.cache/ts/src/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +1 -1
- package/.cache/ts/src/components/WriteBar/WriteBar.d.ts +1 -1
- package/.cache/ts/src/components/WriteBarIcon/WriteBarIcon.d.ts +1 -1
- package/.cache/ts/src/helpers/getScheme.d.ts +1 -1
- package/.cache/ts/src/hoc/withInsets.d.ts +1 -1
- package/.cache/ts/src/hooks/useEnsuredControl.d.ts +2 -1
- package/.cache/ts/src/index.d.ts +1 -1
- package/.cache/ts/src/lib/SSR.d.ts +2 -1
- package/.cache/ts/src/testing/utils.d.ts +3 -2
- package/.cache/ts/src/tokenized/index.d.ts +28 -0
- package/.cache/ts/src/types.d.ts +3 -0
- package/.eslintignore +1 -0
- package/.eslintrc.json +4 -1
- package/.prettierignore +1 -1
- package/README.md +3 -4
- package/dist/cjs/components/ActionSheet/ActionSheet.js +4 -4
- package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRoot.js +39 -23
- package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRootPortal.js +3 -2
- package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/BaseGallery/BaseGallery.js +9 -9
- package/dist/cjs/components/BaseGallery/BaseGallery.js.map +1 -1
- package/dist/cjs/components/BaseGallery/helpers.js +8 -8
- package/dist/cjs/components/BaseGallery/helpers.js.map +1 -1
- package/dist/cjs/components/Button/Button.js +27 -27
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js +4 -2
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/cjs/components/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/cjs/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/cjs/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/cjs/components/CalendarTime/CalendarTime.js.map +1 -1
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/CardGrid/CardGrid.js +15 -19
- package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cjs/components/Cell/Cell.js +3 -11
- package/dist/cjs/components/Cell/Cell.js.map +1 -1
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/cjs/components/Cell/CellDragger/CellDragger.js.map +1 -1
- package/dist/cjs/components/CellButton/CellButton.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js +4 -0
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cjs/components/ClickPopper/ClickPopper.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js +24 -22
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cjs/components/CustomScrollView/CustomScrollView.js +36 -5
- package/dist/cjs/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/cjs/components/CustomScrollView/useTrackerVisibility.js +90 -0
- package/dist/cjs/components/CustomScrollView/useTrackerVisibility.js.map +1 -0
- package/dist/cjs/components/CustomSelect/CustomSelect.js +8 -3
- package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js +76 -34
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cjs/components/DateInput/DateInput.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cjs/components/Div/Div.js.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.js +1 -6
- package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/DropdownIcon/DropdownIcon.js.map +1 -1
- package/dist/cjs/components/Epic/Epic.js +12 -10
- package/dist/cjs/components/Epic/Epic.js.map +1 -1
- package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cjs/components/File/File.js.map +1 -1
- package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/cjs/components/Footer/Footer.js.map +1 -1
- package/dist/cjs/components/FormField/FormField.js +4 -10
- package/dist/cjs/components/FormField/FormField.js.map +1 -1
- package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
- package/dist/cjs/components/FormLayout/FormLayout.js +8 -8
- package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cjs/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/cjs/components/Gallery/Gallery.js.map +1 -1
- package/dist/cjs/components/Gradient/Gradient.js.map +1 -1
- package/dist/cjs/components/Group/Group.js +28 -19
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +12 -9
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +33 -11
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cjs/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/cjs/components/Input/Input.js +2 -6
- package/dist/cjs/components/Input/Input.js.map +1 -1
- package/dist/cjs/components/InputLike/InputLike.js.map +1 -1
- package/dist/cjs/components/InputLike/InputLikeDivider.js.map +1 -1
- package/dist/cjs/components/Link/Link.js +8 -10
- package/dist/cjs/components/Link/Link.js.map +1 -1
- package/dist/cjs/components/List/List.js +1 -9
- package/dist/cjs/components/List/List.js.map +1 -1
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js +14 -26
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cjs/components/ModalCard/ModalCard.js +2 -5
- package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/cjs/components/ModalCardBase/ModalCardBase.js +4 -13
- package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
- package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cjs/components/Placeholder/Placeholder.js +10 -13
- package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cjs/components/PopoutRoot/PopoutRoot.js +9 -9
- package/dist/cjs/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cjs/components/Popper/Popper.js.map +1 -1
- package/dist/cjs/components/Progress/Progress.js.map +1 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.js +9 -8
- package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.js +8 -8
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/cjs/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/cjs/components/Removable/Removable.js +2 -4
- package/dist/cjs/components/Removable/Removable.js.map +1 -1
- package/dist/cjs/components/RichCell/RichCell.js +25 -25
- package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
- package/dist/cjs/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/cjs/components/Root/Root.js.map +1 -1
- package/dist/cjs/components/ScreenSpinner/Icon48CancelCircle.js +31 -0
- package/dist/cjs/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -0
- package/dist/cjs/components/ScreenSpinner/Icon48DoneOutline.js +32 -0
- package/dist/cjs/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -0
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js +28 -8
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/cjs/components/Search/Search.js.map +1 -1
- package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js +3 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cjs/components/Separator/Separator.js +2 -1
- package/dist/cjs/components/Separator/Separator.js.map +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js +10 -10
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/cjs/components/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitch.js +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js +6 -6
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cjs/components/Snackbar/Snackbar.js +13 -16
- package/dist/cjs/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
- package/dist/cjs/components/SplitCol/SplitCol.js +11 -11
- package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cjs/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +11 -13
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cjs/components/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/Tabbar/Tabbar.js +3 -6
- package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Touch/Touch.js.map +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
- package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/cjs/components/WriteBar/WriteBar.js +12 -12
- package/dist/cjs/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cjs/helpers/getScheme.js +1 -1
- package/dist/cjs/helpers/getScheme.js.map +1 -1
- package/dist/cjs/helpers/scheme.js +5 -5
- package/dist/cjs/helpers/scheme.js.map +1 -1
- package/dist/cjs/hoc/withAdaptivity.js.map +1 -1
- package/dist/cjs/hoc/withInsets.js.map +1 -1
- package/dist/cjs/hooks/useEnsuredControl.js.map +1 -1
- package/dist/cjs/hooks/useEventListener.js.map +1 -1
- package/dist/cjs/index.js +2 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/SSR.js +4 -4
- package/dist/cjs/lib/SSR.js.map +1 -1
- package/dist/cjs/lib/classScopingMode.js +1 -0
- package/dist/cjs/lib/classScopingMode.js.map +1 -1
- package/dist/cjs/lib/dom.js.map +1 -1
- package/dist/cjs/tokenized/index.js +112 -0
- package/dist/cjs/tokenized/index.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheet.d.ts +1 -1
- package/dist/components/ActionSheet/ActionSheet.js +4 -4
- package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetDropdown.d.ts +2 -2
- package/dist/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +2 -2
- package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts +3 -1
- package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/components/Alert/Alert.d.ts +1 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AppRoot/AppRoot.d.ts +7 -1
- package/dist/components/AppRoot/AppRoot.js +38 -23
- package/dist/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/components/AppRoot/AppRootContext.d.ts +1 -0
- package/dist/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/components/AppRoot/AppRootPortal.d.ts +4 -2
- package/dist/components/AppRoot/AppRootPortal.js +3 -2
- package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/components/AppRoot/ScrollContext.d.ts +7 -6
- package/dist/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/components/AppearanceProvider/AppearanceProvider.d.ts +2 -1
- package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Badge/Badge.d.ts +1 -1
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/BaseGallery/BaseGallery.js +7 -7
- package/dist/components/BaseGallery/BaseGallery.js.map +1 -1
- package/dist/components/BaseGallery/helpers.d.ts +2 -2
- package/dist/components/BaseGallery/helpers.js +8 -8
- package/dist/components/BaseGallery/helpers.js.map +1 -1
- package/dist/components/BaseGallery/types.d.ts +1 -1
- package/dist/components/Button/Button.js +27 -27
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +3 -3
- package/dist/components/ButtonGroup/ButtonGroup.js +4 -2
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/Calendar/Calendar.d.ts +1 -1
- package/dist/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/CalendarDay/CalendarDay.d.ts +1 -1
- package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/components/CalendarDays/CalendarDays.d.ts +1 -1
- package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/components/CalendarHeader/CalendarHeader.d.ts +1 -1
- package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/components/CalendarRange/CalendarRange.d.ts +1 -1
- package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/components/CalendarTime/CalendarTime.d.ts +2 -2
- package/dist/components/CalendarTime/CalendarTime.js.map +1 -1
- package/dist/components/Card/Card.d.ts +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardGrid/CardGrid.d.ts +8 -2
- package/dist/components/CardGrid/CardGrid.js +13 -14
- package/dist/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/components/CardScroll/CardScroll.d.ts +1 -1
- package/dist/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/components/Cell/Cell.d.ts +2 -2
- package/dist/components/Cell/Cell.js +4 -11
- package/dist/components/Cell/Cell.js.map +1 -1
- package/dist/components/Cell/CellCheckbox/CellCheckbox.d.ts +1 -1
- package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/components/Cell/CellDragger/CellDragger.d.ts +1 -1
- package/dist/components/Cell/CellDragger/CellDragger.js.map +1 -1
- package/dist/components/CellButton/CellButton.d.ts +2 -2
- package/dist/components/CellButton/CellButton.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Chip/Chip.d.ts +1 -1
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/ChipsSelect/ChipsSelect.d.ts +1 -1
- package/dist/components/ChipsSelect/ChipsSelect.js +4 -0
- package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/components/ClickPopper/ClickPopper.d.ts +1 -1
- package/dist/components/ClickPopper/ClickPopper.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.d.ts +2 -1
- package/dist/components/ConfigProvider/ConfigProvider.js +25 -21
- package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/components/CustomScrollView/CustomScrollView.d.ts +4 -3
- package/dist/components/CustomScrollView/CustomScrollView.js +33 -4
- package/dist/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/components/CustomScrollView/useTrackerVisibility.d.ts +43 -0
- package/dist/components/CustomScrollView/useTrackerVisibility.js +75 -0
- package/dist/components/CustomScrollView/useTrackerVisibility.js.map +1 -0
- package/dist/components/CustomSelect/CustomSelect.d.ts +4 -3
- package/dist/components/CustomSelect/CustomSelect.js +8 -3
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +4 -2
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js +74 -34
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.d.ts +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/components/DateInput/DateInput.d.ts +1 -1
- package/dist/components/DateInput/DateInput.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.d.ts +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/components/Div/Div.d.ts +1 -1
- package/dist/components/Div/Div.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +2 -2
- package/dist/components/Dropdown/Dropdown.js +1 -4
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/DropdownIcon/DropdownIcon.d.ts +1 -1
- package/dist/components/DropdownIcon/DropdownIcon.js.map +1 -1
- package/dist/components/Epic/Epic.d.ts +1 -1
- package/dist/components/Epic/Epic.js +12 -11
- package/dist/components/Epic/Epic.js.map +1 -1
- package/dist/components/Epic/ScrollSaver.d.ts +2 -1
- package/dist/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/components/File/File.d.ts +1 -1
- package/dist/components/File/File.js.map +1 -1
- package/dist/components/FixedLayout/FixedLayout.d.ts +1 -1
- package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/components/FocusTrap/FocusTrap.d.ts +1 -1
- package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/components/Footer/Footer.d.ts +1 -1
- package/dist/components/Footer/Footer.js.map +1 -1
- package/dist/components/FormField/FormField.d.ts +3 -3
- package/dist/components/FormField/FormField.js +4 -8
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormItem/FormItem.d.ts +1 -1
- package/dist/components/FormItem/FormItem.js.map +1 -1
- package/dist/components/FormLayout/FormLayout.d.ts +1 -1
- package/dist/components/FormLayout/FormLayout.js +8 -8
- package/dist/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/components/FormStatus/FormStatus.d.ts +1 -1
- package/dist/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/components/Gallery/Gallery.js.map +1 -1
- package/dist/components/Gradient/Gradient.d.ts +7 -1
- package/dist/components/Gradient/Gradient.js.map +1 -1
- package/dist/components/Group/Group.d.ts +1 -0
- package/dist/components/Group/Group.js +27 -19
- package/dist/components/Group/Group.js.map +1 -1
- package/dist/components/Header/Header.d.ts +1 -1
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/HorizontalCell/HorizontalCell.d.ts +1 -1
- package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.d.ts +2 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js +9 -5
- package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.d.ts +4 -4
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +26 -12
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/dist/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/components/InfoRow/InfoRow.d.ts +1 -1
- package/dist/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/components/Input/Input.js +2 -4
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/InputLike/InputLike.d.ts +4 -1
- package/dist/components/InputLike/InputLike.js.map +1 -1
- package/dist/components/InputLike/InputLikeDivider.d.ts +1 -1
- package/dist/components/InputLike/InputLikeDivider.js.map +1 -1
- package/dist/components/Link/Link.d.ts +8 -3
- package/dist/components/Link/Link.js +8 -9
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/List/List.d.ts +1 -1
- package/dist/components/List/List.js +1 -8
- package/dist/components/List/List.js.map +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.d.ts +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.js +13 -23
- package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/components/ModalCard/ModalCard.js +2 -5
- package/dist/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/components/ModalCardBase/ModalCardBase.js +5 -14
- package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/components/ModalDismissButton/ModalDismissButton.d.ts +1 -1
- package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/components/ModalRoot/ModalRoot.d.ts +2 -1
- package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootAdaptive.d.ts +2 -1
- package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.d.ts +2 -1
- package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/components/ModalRoot/useModalManager.d.ts +2 -1
- package/dist/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/components/NavTransitionContext/NavTransitionContext.d.ts +1 -1
- package/dist/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts +2 -2
- package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.d.ts +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/components/PanelHeaderClose/PanelHeaderClose.d.ts +2 -2
- package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/components/PanelHeaderContext/PanelHeaderContext.d.ts +1 -1
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +2 -2
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +2 -2
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/components/Placeholder/Placeholder.d.ts +1 -1
- package/dist/components/Placeholder/Placeholder.js +10 -13
- package/dist/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/components/PopoutRoot/PopoutRoot.d.ts +4 -1
- package/dist/components/PopoutRoot/PopoutRoot.js +9 -9
- package/dist/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/components/PopoutWrapper/PopoutWrapper.d.ts +1 -1
- package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/components/Popper/Popper.d.ts +1 -1
- package/dist/components/Popper/Popper.js.map +1 -1
- package/dist/components/Progress/Progress.d.ts +1 -1
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/PromoBanner/PromoBanner.d.ts +1 -1
- package/dist/components/PromoBanner/PromoBanner.js +10 -10
- package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/components/Radio/Radio.js +8 -8
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/components/RangeSlider/RangeSlider.d.ts +2 -2
- package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/components/Removable/Removable.d.ts +1 -1
- package/dist/components/Removable/Removable.js +3 -4
- package/dist/components/Removable/Removable.js.map +1 -1
- package/dist/components/RichCell/RichCell.d.ts +18 -9
- package/dist/components/RichCell/RichCell.js +25 -21
- package/dist/components/RichCell/RichCell.js.map +1 -1
- package/dist/components/RichTooltip/RichTooltip.d.ts +2 -2
- package/dist/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/components/Root/Root.d.ts +1 -1
- package/dist/components/Root/Root.js.map +1 -1
- package/dist/components/ScreenSpinner/Icon48CancelCircle.d.ts +3 -0
- package/dist/components/ScreenSpinner/Icon48CancelCircle.js +18 -0
- package/dist/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -0
- package/dist/components/ScreenSpinner/Icon48DoneOutline.d.ts +3 -0
- package/dist/components/ScreenSpinner/Icon48DoneOutline.js +19 -0
- package/dist/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -0
- package/dist/components/ScreenSpinner/ScreenSpinner.d.ts +5 -3
- package/dist/components/ScreenSpinner/ScreenSpinner.js +25 -7
- package/dist/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +2 -2
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/components/Select/Select.d.ts +2 -2
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/SelectMimicry/SelectMimicry.js +3 -1
- package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/components/Separator/Separator.d.ts +2 -2
- package/dist/components/Separator/Separator.js +2 -1
- package/dist/components/Separator/Separator.js.map +1 -1
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/SimpleCheckbox/SimpleCheckbox.d.ts +2 -2
- package/dist/components/SimpleCheckbox/SimpleCheckbox.js +10 -10
- package/dist/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitch.d.ts +1 -1
- package/dist/components/SliderSwitch/SliderSwitch.js +1 -1
- package/dist/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitchButton.d.ts +1 -1
- package/dist/components/SliderSwitch/SliderSwitchButton.js +6 -6
- package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +13 -16
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Spacing/Spacing.d.ts +1 -1
- package/dist/components/Spacing/Spacing.js.map +1 -1
- package/dist/components/SplitCol/SplitCol.d.ts +1 -1
- package/dist/components/SplitCol/SplitCol.js +11 -11
- package/dist/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/components/SplitLayout/SplitLayout.d.ts +1 -1
- package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/components/SubnavigationBar/SubnavigationBar.d.ts +1 -1
- package/dist/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.d.ts +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.js +12 -15
- package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +2 -2
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Tabbar/Tabbar.d.ts +1 -1
- package/dist/components/Tabbar/Tabbar.js +2 -5
- package/dist/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/components/TabbarItem/TabbarItem.d.ts +1 -1
- package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/TabsItem/TabsItem.d.ts +1 -1
- package/dist/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/components/TextTooltip/TextTooltip.d.ts +1 -1
- package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +3 -2
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Touch/Touch.d.ts +1 -1
- package/dist/components/Touch/Touch.js.map +1 -1
- package/dist/components/Typography/Caption/Caption.d.ts +1 -1
- package/dist/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/components/Typography/Headline/Headline.d.ts +1 -1
- package/dist/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/components/Typography/Paragraph/Paragraph.d.ts +1 -1
- package/dist/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Typography/Subhead/Subhead.d.ts +1 -1
- package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/components/Typography/Text/Text.d.ts +1 -1
- package/dist/components/Typography/Text/Text.js.map +1 -1
- package/dist/components/Typography/Title/Title.d.ts +1 -1
- package/dist/components/Typography/Title/Title.js.map +1 -1
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +1 -1
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/components/WriteBar/WriteBar.d.ts +1 -1
- package/dist/components/WriteBar/WriteBar.js +13 -14
- package/dist/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.d.ts +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/components.css +22 -15
- package/dist/components.css.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.d.ts +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.js +4 -4
- package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheetDropdown.d.ts +2 -2
- package/dist/cssm/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +2 -2
- package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +3 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.d.ts +1 -1
- package/dist/cssm/components/Alert/Alert.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRoot.d.ts +7 -1
- package/dist/cssm/components/AppRoot/AppRoot.js +38 -23
- package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRootContext.d.ts +1 -0
- package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRootPortal.d.ts +4 -2
- package/dist/cssm/components/AppRoot/AppRootPortal.js +3 -2
- package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cssm/components/AppRoot/ScrollContext.d.ts +7 -6
- package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cssm/components/AppearanceProvider/AppearanceProvider.d.ts +2 -1
- package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/cssm/components/Avatar/Avatar.css +2 -2
- package/dist/cssm/components/Avatar/Avatar.d.ts +1 -1
- package/dist/cssm/components/Avatar/Avatar.js.map +1 -1
- package/dist/cssm/components/Badge/Badge.d.ts +1 -1
- package/dist/cssm/components/Badge/Badge.js.map +1 -1
- package/dist/cssm/components/Banner/Banner.js.map +1 -1
- package/dist/cssm/components/BaseGallery/BaseGallery.js +7 -7
- package/dist/cssm/components/BaseGallery/BaseGallery.js.map +1 -1
- package/dist/cssm/components/BaseGallery/helpers.d.ts +2 -2
- package/dist/cssm/components/BaseGallery/helpers.js +8 -8
- package/dist/cssm/components/BaseGallery/helpers.js.map +1 -1
- package/dist/cssm/components/BaseGallery/types.d.ts +1 -1
- package/dist/cssm/components/Button/Button.css +2 -2
- package/dist/cssm/components/Button/Button.js +27 -27
- package/dist/cssm/components/Button/Button.js.map +1 -1
- package/dist/cssm/components/ButtonGroup/ButtonGroup.css +1 -1
- package/dist/cssm/components/ButtonGroup/ButtonGroup.d.ts +3 -3
- package/dist/cssm/components/ButtonGroup/ButtonGroup.js +4 -2
- package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/cssm/components/Calendar/Calendar.css +1 -1
- package/dist/cssm/components/Calendar/Calendar.d.ts +1 -1
- package/dist/cssm/components/Calendar/Calendar.js.map +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.d.ts +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.d.ts +1 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.d.ts +1 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/cssm/components/CalendarRange/CalendarRange.d.ts +1 -1
- package/dist/cssm/components/CalendarRange/CalendarRange.js.map +1 -1
- package/dist/cssm/components/CalendarTime/CalendarTime.d.ts +2 -2
- package/dist/cssm/components/CalendarTime/CalendarTime.js.map +1 -1
- package/dist/cssm/components/Card/Card.d.ts +1 -1
- package/dist/cssm/components/Card/Card.js.map +1 -1
- package/dist/cssm/components/CardGrid/CardGrid.css +1 -1
- package/dist/cssm/components/CardGrid/CardGrid.d.ts +8 -2
- package/dist/cssm/components/CardGrid/CardGrid.js +13 -14
- package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cssm/components/CardScroll/CardScroll.d.ts +1 -1
- package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cssm/components/Cell/Cell.css +3 -1
- package/dist/cssm/components/Cell/Cell.d.ts +2 -2
- package/dist/cssm/components/Cell/Cell.js +4 -11
- package/dist/cssm/components/Cell/Cell.js.map +1 -1
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts +1 -1
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/cssm/components/Cell/CellDragger/CellDragger.d.ts +1 -1
- package/dist/cssm/components/Cell/CellDragger/CellDragger.js.map +1 -1
- package/dist/cssm/components/CellButton/CellButton.d.ts +2 -2
- package/dist/cssm/components/CellButton/CellButton.js.map +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cssm/components/Chip/Chip.d.ts +1 -1
- package/dist/cssm/components/Chip/Chip.js.map +1 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +1 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js +4 -0
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cssm/components/ClickPopper/ClickPopper.d.ts +1 -1
- package/dist/cssm/components/ClickPopper/ClickPopper.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProvider.d.ts +2 -1
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js +25 -21
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cssm/components/CustomScrollView/CustomScrollView.css +1 -1
- package/dist/cssm/components/CustomScrollView/CustomScrollView.d.ts +4 -3
- package/dist/cssm/components/CustomScrollView/CustomScrollView.js +33 -4
- package/dist/cssm/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/cssm/components/CustomScrollView/useTrackerVisibility.d.ts +43 -0
- package/dist/cssm/components/CustomScrollView/useTrackerVisibility.js +75 -0
- package/dist/cssm/components/CustomScrollView/useTrackerVisibility.js.map +1 -0
- package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +4 -3
- package/dist/cssm/components/CustomSelect/CustomSelect.js +8 -3
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +4 -2
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js +74 -34
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.d.ts +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cssm/components/DateInput/DateInput.d.ts +1 -1
- package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
- package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.d.ts +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cssm/components/Div/Div.d.ts +1 -1
- package/dist/cssm/components/Div/Div.js.map +1 -1
- package/dist/cssm/components/Dropdown/Dropdown.css +1 -1
- package/dist/cssm/components/Dropdown/Dropdown.d.ts +2 -2
- package/dist/cssm/components/Dropdown/Dropdown.js +1 -4
- package/dist/cssm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cssm/components/DropdownIcon/DropdownIcon.d.ts +1 -1
- package/dist/cssm/components/DropdownIcon/DropdownIcon.js.map +1 -1
- package/dist/cssm/components/Epic/Epic.d.ts +1 -1
- package/dist/cssm/components/Epic/Epic.js +12 -11
- package/dist/cssm/components/Epic/Epic.js.map +1 -1
- package/dist/cssm/components/Epic/ScrollSaver.d.ts +2 -1
- package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cssm/components/File/File.d.ts +1 -1
- package/dist/cssm/components/File/File.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.d.ts +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cssm/components/FocusTrap/FocusTrap.d.ts +1 -1
- package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/cssm/components/Footer/Footer.d.ts +1 -1
- package/dist/cssm/components/Footer/Footer.js.map +1 -1
- package/dist/cssm/components/FormField/FormField.css +2 -2
- package/dist/cssm/components/FormField/FormField.d.ts +3 -3
- package/dist/cssm/components/FormField/FormField.js +4 -8
- package/dist/cssm/components/FormField/FormField.js.map +1 -1
- package/dist/cssm/components/FormItem/FormItem.d.ts +1 -1
- package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
- package/dist/cssm/components/FormLayout/FormLayout.d.ts +1 -1
- package/dist/cssm/components/FormLayout/FormLayout.js +8 -8
- package/dist/cssm/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cssm/components/FormStatus/FormStatus.d.ts +1 -1
- package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
- package/dist/cssm/components/Gradient/Gradient.css +1 -1
- package/dist/cssm/components/Gradient/Gradient.d.ts +7 -1
- package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
- package/dist/cssm/components/Group/Group.css +1 -1
- package/dist/cssm/components/Group/Group.d.ts +1 -0
- package/dist/cssm/components/Group/Group.js +27 -19
- package/dist/cssm/components/Group/Group.js.map +1 -1
- package/dist/cssm/components/Header/Header.d.ts +1 -1
- package/dist/cssm/components/Header/Header.js.map +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.css +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.d.ts +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.css +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.d.ts +2 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +9 -5
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.css +2 -5
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.d.ts +4 -4
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +26 -12
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/dist/cssm/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cssm/components/IconButton/IconButton.css +1 -1
- package/dist/cssm/components/InfoRow/InfoRow.d.ts +1 -1
- package/dist/cssm/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/cssm/components/Input/Input.css +1 -1
- package/dist/cssm/components/Input/Input.js +2 -4
- package/dist/cssm/components/Input/Input.js.map +1 -1
- package/dist/cssm/components/InputLike/InputLike.d.ts +4 -1
- package/dist/cssm/components/InputLike/InputLike.js.map +1 -1
- package/dist/cssm/components/InputLike/InputLikeDivider.d.ts +1 -1
- package/dist/cssm/components/InputLike/InputLikeDivider.js.map +1 -1
- package/dist/cssm/components/Link/Link.css +1 -1
- package/dist/cssm/components/Link/Link.d.ts +8 -3
- package/dist/cssm/components/Link/Link.js +8 -9
- package/dist/cssm/components/Link/Link.js.map +1 -1
- package/dist/cssm/components/List/List.d.ts +1 -1
- package/dist/cssm/components/List/List.js +1 -8
- package/dist/cssm/components/List/List.js.map +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.css +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.d.ts +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js +13 -23
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cssm/components/ModalCard/ModalCard.js +2 -5
- package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.css +3 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.js +5 -14
- package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.d.ts +1 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.d.ts +2 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts +2 -1
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts +2 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cssm/components/ModalRoot/useModalManager.d.ts +2 -1
- package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cssm/components/NavTransitionContext/NavTransitionContext.d.ts +1 -1
- package/dist/cssm/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
- package/dist/cssm/components/Pagination/Pagination.d.ts +1 -1
- package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.d.ts +2 -2
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.d.ts +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.d.ts +2 -2
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.d.ts +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.d.ts +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +2 -2
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +2 -2
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cssm/components/Placeholder/Placeholder.css +3 -1
- package/dist/cssm/components/Placeholder/Placeholder.d.ts +1 -1
- package/dist/cssm/components/Placeholder/Placeholder.js +10 -13
- package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cssm/components/PopoutRoot/PopoutRoot.d.ts +4 -1
- package/dist/cssm/components/PopoutRoot/PopoutRoot.js +9 -9
- package/dist/cssm/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.d.ts +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cssm/components/Popper/Popper.d.ts +1 -1
- package/dist/cssm/components/Popper/Popper.js.map +1 -1
- package/dist/cssm/components/Progress/Progress.d.ts +1 -1
- package/dist/cssm/components/Progress/Progress.js.map +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.d.ts +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.js +10 -10
- package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cssm/components/Radio/Radio.js +8 -8
- package/dist/cssm/components/Radio/Radio.js.map +1 -1
- package/dist/cssm/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/cssm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/cssm/components/RangeSlider/RangeSlider.d.ts +2 -2
- package/dist/cssm/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/cssm/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/cssm/components/Removable/Removable.css +1 -1
- package/dist/cssm/components/Removable/Removable.d.ts +1 -1
- package/dist/cssm/components/Removable/Removable.js +3 -4
- package/dist/cssm/components/Removable/Removable.js.map +1 -1
- package/dist/cssm/components/RichCell/RichCell.css +3 -1
- package/dist/cssm/components/RichCell/RichCell.d.ts +18 -9
- package/dist/cssm/components/RichCell/RichCell.js +25 -21
- package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
- package/dist/cssm/components/RichTooltip/RichTooltip.d.ts +2 -2
- package/dist/cssm/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/cssm/components/Root/Root.d.ts +1 -1
- package/dist/cssm/components/Root/Root.js.map +1 -1
- package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.d.ts +3 -0
- package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js +18 -0
- package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -0
- package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.d.ts +3 -0
- package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js +19 -0
- package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -0
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.css +1 -1
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.d.ts +5 -3
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js +25 -7
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/cssm/components/Search/Search.css +1 -1
- package/dist/cssm/components/Search/Search.js.map +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControl.css +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +2 -2
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/cssm/components/Select/Select.css +1 -1
- package/dist/cssm/components/Select/Select.d.ts +2 -2
- package/dist/cssm/components/Select/Select.js.map +1 -1
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js +3 -1
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cssm/components/Separator/Separator.css +1 -1
- package/dist/cssm/components/Separator/Separator.d.ts +2 -2
- package/dist/cssm/components/Separator/Separator.js +2 -1
- package/dist/cssm/components/Separator/Separator.js.map +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.d.ts +2 -2
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js +10 -10
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/cssm/components/Slider/Slider.js.map +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitch.d.ts +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitch.js +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.d.ts +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js +6 -6
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.d.ts +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.js +13 -16
- package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cssm/components/Spacing/Spacing.d.ts +1 -1
- package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.css +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.d.ts +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.js +11 -11
- package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.d.ts +1 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
- package/dist/cssm/components/SubnavigationBar/SubnavigationBar.d.ts +1 -1
- package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +12 -15
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cssm/components/Switch/Switch.css +1 -1
- package/dist/cssm/components/Switch/Switch.d.ts +2 -2
- package/dist/cssm/components/Switch/Switch.js.map +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.css +3 -1
- package/dist/cssm/components/Tabbar/Tabbar.d.ts +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.js +2 -5
- package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.d.ts +1 -1
- 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.js.map +1 -1
- package/dist/cssm/components/TabsItem/TabsItem.d.ts +1 -1
- package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cssm/components/TextTooltip/TextTooltip.d.ts +1 -1
- package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cssm/components/Textarea/Textarea.css +1 -1
- package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
- package/dist/cssm/components/Tooltip/Tooltip.d.ts +3 -2
- package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cssm/components/Touch/Touch.d.ts +1 -1
- package/dist/cssm/components/Touch/Touch.js.map +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.d.ts +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.d.ts +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts +1 -1
- package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cssm/components/Typography/Text/Text.d.ts +1 -1
- package/dist/cssm/components/Typography/Text/Text.js.map +1 -1
- package/dist/cssm/components/Typography/Title/Title.d.ts +1 -1
- package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
- package/dist/cssm/components/UsersStack/UsersStack.css +1 -1
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +1 -1
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/cssm/components/WriteBar/WriteBar.d.ts +1 -1
- package/dist/cssm/components/WriteBar/WriteBar.js +13 -14
- package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.d.ts +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cssm/helpers/getScheme.d.ts +1 -1
- package/dist/cssm/helpers/getScheme.js +1 -1
- package/dist/cssm/helpers/getScheme.js.map +1 -1
- package/dist/cssm/helpers/scheme.js +5 -5
- package/dist/cssm/helpers/scheme.js.map +1 -1
- package/dist/cssm/hoc/withAdaptivity.js.map +1 -1
- package/dist/cssm/hoc/withInsets.d.ts +1 -1
- package/dist/cssm/hoc/withInsets.js.map +1 -1
- package/dist/cssm/hooks/useEnsuredControl.d.ts +2 -1
- package/dist/cssm/hooks/useEnsuredControl.js.map +1 -1
- package/dist/cssm/hooks/useEventListener.js.map +1 -1
- package/dist/cssm/index.d.ts +1 -1
- package/dist/cssm/index.js +1 -1
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/lib/SSR.d.ts +2 -1
- package/dist/cssm/lib/SSR.js +4 -4
- package/dist/cssm/lib/SSR.js.map +1 -1
- package/dist/cssm/lib/classScopingMode.js +1 -0
- package/dist/cssm/lib/classScopingMode.js.map +1 -1
- package/dist/cssm/lib/dom.js.map +1 -1
- package/dist/cssm/styles/components.css +22 -15
- package/dist/cssm/styles/themes.css +1 -1
- package/dist/cssm/styles/unstable.css +1 -1
- package/dist/cssm/tokenized/index.d.ts +28 -0
- package/dist/cssm/tokenized/index.js +14 -0
- package/dist/cssm/tokenized/index.js.map +1 -1
- package/dist/cssm/types.d.ts +3 -0
- package/dist/helpers/getScheme.d.ts +1 -1
- package/dist/helpers/getScheme.js +1 -1
- package/dist/helpers/getScheme.js.map +1 -1
- package/dist/helpers/scheme.js +5 -5
- package/dist/helpers/scheme.js.map +1 -1
- package/dist/hoc/withAdaptivity.js.map +1 -1
- package/dist/hoc/withInsets.d.ts +1 -1
- package/dist/hoc/withInsets.js.map +1 -1
- package/dist/hooks/useEnsuredControl.d.ts +2 -1
- package/dist/hooks/useEnsuredControl.js.map +1 -1
- package/dist/hooks/useEventListener.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/lib/SSR.d.ts +2 -1
- package/dist/lib/SSR.js +4 -4
- package/dist/lib/SSR.js.map +1 -1
- package/dist/lib/classScopingMode.js +1 -0
- package/dist/lib/classScopingMode.js.map +1 -1
- package/dist/lib/dom.js.map +1 -1
- package/dist/tokenized/index.d.ts +28 -0
- package/dist/tokenized/index.js +14 -0
- package/dist/tokenized/index.js.map +1 -1
- package/dist/types.d.ts +3 -0
- package/dist/unstable.css +1 -1
- package/dist/unstable.css.map +1 -1
- package/dist/vkui.css +23 -16
- package/dist/vkui.css.map +1 -1
- package/package.json +16 -15
- package/src/components/ActionSheet/ActionSheet.tsx +4 -6
- package/src/components/ActionSheet/ActionSheetDropdown.tsx +2 -2
- package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +6 -3
- package/src/components/ActionSheet/Readme.md +1 -1
- package/src/components/ActionSheetItem/ActionSheetItem.tsx +1 -1
- package/src/components/AdaptivityProvider/AdaptivityProvider.tsx +3 -1
- package/src/components/Alert/Alert.tsx +7 -6
- package/src/components/Alert/Readme.md +1 -1
- package/src/components/AppRoot/AppRoot.tsx +40 -17
- package/src/components/AppRoot/AppRootContext.ts +1 -0
- package/src/components/AppRoot/AppRootPortal.tsx +13 -5
- package/src/components/AppRoot/Readme.md +1 -1
- package/src/components/AppRoot/ScrollContext.tsx +8 -9
- package/src/components/AppearanceProvider/AppearanceProvider.tsx +3 -2
- package/src/components/Avatar/Avatar.css +1 -14
- package/src/components/Avatar/Avatar.tsx +1 -1
- package/src/components/Badge/Badge.tsx +1 -1
- package/src/components/Banner/Banner.tsx +5 -6
- package/src/components/BaseGallery/BaseGallery.tsx +7 -7
- package/src/components/BaseGallery/helpers.ts +7 -7
- package/src/components/BaseGallery/types.ts +1 -1
- package/src/components/Button/Button.css +0 -8
- package/src/components/Button/Button.tsx +8 -6
- package/src/components/ButtonGroup/ButtonGroup.css +12 -1
- package/src/components/ButtonGroup/ButtonGroup.tsx +8 -5
- package/src/components/ButtonGroup/Readme.md +15 -1
- package/src/components/Calendar/Calendar.css +2 -2
- package/src/components/Calendar/Calendar.tsx +2 -2
- package/src/components/CalendarDay/CalendarDay.tsx +2 -2
- package/src/components/CalendarDays/CalendarDays.tsx +2 -2
- package/src/components/CalendarHeader/CalendarHeader.tsx +2 -2
- package/src/components/CalendarRange/CalendarRange.tsx +2 -2
- package/src/components/CalendarTime/CalendarTime.tsx +2 -2
- package/src/components/Card/Card.tsx +1 -1
- package/src/components/CardGrid/CardGrid.css +12 -20
- package/src/components/CardGrid/CardGrid.tsx +15 -16
- package/src/components/CardGrid/Readme.md +5 -0
- package/src/components/CardScroll/CardScroll.tsx +1 -1
- package/src/components/Cell/Cell.css +10 -3
- package/src/components/Cell/Cell.tsx +11 -11
- package/src/components/Cell/CellCheckbox/CellCheckbox.tsx +2 -2
- package/src/components/Cell/CellDragger/CellDragger.tsx +2 -2
- package/src/components/CellButton/CellButton.tsx +1 -2
- package/src/components/Checkbox/Checkbox.tsx +2 -2
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/ChipsSelect/ChipsSelect.tsx +10 -4
- package/src/components/ChipsSelect/Readme.md +1 -1
- package/src/components/ClickPopper/ClickPopper.tsx +1 -1
- package/src/components/ConfigProvider/ConfigProvider.tsx +22 -15
- package/src/components/ConfigProvider/Readme.md +1 -1
- package/src/components/CustomScrollView/CustomScrollView.css +5 -0
- package/src/components/CustomScrollView/CustomScrollView.tsx +38 -4
- package/src/components/CustomScrollView/useTrackerVisibility.ts +109 -0
- package/src/components/CustomSelect/CustomSelect.tsx +10 -3
- package/src/components/CustomSelect/Readme.md +228 -170
- package/src/components/CustomSelectDropdown/CustomSelectDropdown.tsx +54 -25
- package/src/components/CustomSelectOption/CustomSelectOption.tsx +1 -1
- package/src/components/DateInput/DateInput.tsx +2 -2
- package/src/components/DatePicker/DatePicker.tsx +6 -10
- package/src/components/DateRangeInput/DateRangeInput.tsx +2 -2
- package/src/components/Div/Div.tsx +1 -5
- package/src/components/Dropdown/Dropdown.css +3 -16
- package/src/components/Dropdown/Dropdown.tsx +2 -11
- package/src/components/Dropdown/Readme.md +1 -1
- package/src/components/DropdownIcon/DropdownIcon.tsx +1 -3
- package/src/components/Epic/Epic.tsx +9 -5
- package/src/components/Epic/ScrollSaver.tsx +3 -2
- package/src/components/File/File.tsx +2 -2
- package/src/components/FixedLayout/FixedLayout.tsx +1 -1
- package/src/components/FocusTrap/FocusTrap.tsx +2 -2
- package/src/components/Footer/Footer.tsx +1 -4
- package/src/components/FormField/FormField.css +31 -22
- package/src/components/FormField/FormField.tsx +7 -11
- package/src/components/FormField/Readme.md +10 -83
- package/src/components/FormItem/FormItem.tsx +1 -1
- package/src/components/FormLayout/FormLayout.tsx +7 -11
- package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +1 -1
- package/src/components/FormStatus/FormStatus.tsx +1 -1
- package/src/components/Gallery/Gallery.tsx +1 -1
- package/src/components/Gradient/Gradient.css +14 -76
- package/src/components/Gradient/Gradient.tsx +8 -2
- package/src/components/Gradient/Readme.md +53 -15
- package/src/components/Group/Group.css +10 -14
- package/src/components/Group/Group.tsx +32 -23
- package/src/components/Header/Header.tsx +3 -3
- package/src/components/HorizontalCell/HorizontalCell.css +2 -2
- package/src/components/HorizontalCell/HorizontalCell.tsx +2 -2
- package/src/components/HorizontalScroll/HorizontalScroll.css +14 -5
- package/src/components/HorizontalScroll/HorizontalScroll.tsx +21 -9
- package/src/components/HorizontalScroll/HorizontalScrollArrow.css +28 -24
- package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +28 -9
- package/src/components/HorizontalScroll/Readme.md +1 -0
- package/src/components/HoverPopper/HoverPopper.tsx +1 -1
- package/src/components/IconButton/IconButton.css +46 -25
- package/src/components/InfoRow/InfoRow.tsx +1 -5
- package/src/components/InitialsAvatar/Readme.md +1 -1
- package/src/components/Input/Input.css +18 -9
- package/src/components/Input/Input.tsx +5 -6
- package/src/components/Input/Readme.md +128 -24
- package/src/components/InputLike/InputLike.tsx +2 -2
- package/src/components/InputLike/InputLikeDivider.tsx +4 -3
- package/src/components/Link/Link.css +21 -1
- package/src/components/Link/Link.tsx +12 -14
- package/src/components/Link/Readme.md +36 -4
- package/src/components/List/List.tsx +5 -10
- package/src/components/MiniInfoCell/MiniInfoCell.css +6 -14
- package/src/components/MiniInfoCell/MiniInfoCell.tsx +13 -22
- package/src/components/ModalCard/ModalCard.tsx +6 -8
- package/src/components/ModalCardBase/ModalCardBase.css +13 -9
- package/src/components/ModalCardBase/ModalCardBase.tsx +15 -19
- package/src/components/ModalCardBase/Readme.md +1 -1
- package/src/components/ModalDismissButton/ModalDismissButton.tsx +1 -1
- package/src/components/ModalPage/ModalPage.tsx +2 -4
- package/src/components/ModalRoot/ModalRoot.tsx +1 -0
- package/src/components/ModalRoot/ModalRootAdaptive.tsx +4 -3
- package/src/components/ModalRoot/ModalRootDesktop.tsx +1 -0
- package/src/components/ModalRoot/Readme.md +1 -1
- package/src/components/ModalRoot/useModalManager.tsx +5 -2
- package/src/components/NativeSelect/NativeSelect.tsx +2 -4
- package/src/components/NavTransitionContext/NavTransitionContext.tsx +2 -2
- package/src/components/Pagination/Pagination.tsx +2 -2
- package/src/components/PanelHeader/PanelHeader.tsx +2 -2
- package/src/components/PanelHeader/Readme.md +1 -1
- package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +1 -3
- package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +2 -5
- package/src/components/PanelHeaderButton/Readme.md +1 -1
- package/src/components/PanelHeaderClose/PanelHeaderClose.tsx +4 -4
- package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +4 -5
- package/src/components/PanelHeaderContext/PanelHeaderContext.tsx +2 -2
- package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +1 -2
- package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx +4 -4
- package/src/components/Placeholder/Placeholder.css +7 -8
- package/src/components/Placeholder/Placeholder.tsx +31 -40
- package/src/components/Placeholder/Readme.md +77 -90
- package/src/components/PopoutRoot/PopoutRoot.tsx +10 -13
- package/src/components/PopoutWrapper/PopoutWrapper.tsx +1 -1
- package/src/components/PopoutWrapper/Readme.md +1 -1
- package/src/components/Popper/Popper.tsx +1 -1
- package/src/components/Popper/Readme.md +2 -2
- package/src/components/Progress/Progress.tsx +1 -1
- package/src/components/PromoBanner/PromoBanner.tsx +8 -4
- package/src/components/Radio/Radio.tsx +9 -10
- package/src/components/RadioGroup/RadioGroup.tsx +2 -2
- package/src/components/RangeSlider/RangeSlider.tsx +3 -2
- package/src/components/RangeSlider/UniversalSlider.tsx +2 -2
- package/src/components/Removable/Removable.css +2 -2
- package/src/components/Removable/Removable.tsx +8 -7
- package/src/components/RichCell/Readme.md +78 -19
- package/src/components/RichCell/RichCell.css +76 -59
- package/src/components/RichCell/RichCell.tsx +49 -43
- package/src/components/RichTooltip/Readme.md +2 -2
- package/src/components/RichTooltip/RichTooltip.tsx +1 -2
- package/src/components/Root/Root.tsx +1 -1
- package/src/components/ScreenSpinner/Icon48CancelCircle.tsx +18 -0
- package/src/components/ScreenSpinner/Icon48DoneOutline.tsx +19 -0
- package/src/components/ScreenSpinner/Readme.md +57 -36
- package/src/components/ScreenSpinner/ScreenSpinner.css +44 -9
- package/src/components/ScreenSpinner/ScreenSpinner.tsx +27 -9
- package/src/components/Search/Search.css +6 -2
- package/src/components/Search/Search.tsx +7 -5
- package/src/components/SegmentedControl/SegmentedControl.css +1 -1
- package/src/components/SegmentedControl/SegmentedControl.tsx +2 -2
- package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css +1 -1
- package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx +2 -3
- package/src/components/Select/Select.css +23 -9
- package/src/components/Select/Select.tsx +7 -5
- package/src/components/SelectMimicry/SelectMimicry.tsx +6 -4
- package/src/components/Separator/Separator.css +11 -11
- package/src/components/Separator/Separator.tsx +3 -6
- package/src/components/SimpleCell/SimpleCell.tsx +2 -4
- package/src/components/SimpleCheckbox/Readme.md +2 -2
- package/src/components/SimpleCheckbox/SimpleCheckbox.tsx +12 -15
- package/src/components/Slider/Slider.tsx +2 -1
- package/src/components/SliderSwitch/Readme.md +1 -1
- package/src/components/SliderSwitch/SliderSwitch.tsx +1 -1
- package/src/components/SliderSwitch/SliderSwitchButton.tsx +7 -4
- package/src/components/Snackbar/Snackbar.tsx +13 -22
- package/src/components/Spacing/Spacing.tsx +1 -1
- package/src/components/SplitCol/SplitCol.css +1 -1
- package/src/components/SplitCol/SplitCol.tsx +11 -12
- package/src/components/SplitLayout/SplitLayout.tsx +1 -1
- package/src/components/SubnavigationBar/SubnavigationBar.tsx +1 -1
- package/src/components/SubnavigationButton/Readme.md +1 -1
- package/src/components/SubnavigationButton/SubnavigationButton.tsx +14 -21
- package/src/components/Switch/Switch.css +3 -3
- package/src/components/Switch/Switch.tsx +1 -2
- package/src/components/Tabbar/Tabbar.css +12 -10
- package/src/components/Tabbar/Tabbar.tsx +5 -7
- package/src/components/TabbarItem/TabbarItem.tsx +1 -1
- package/src/components/Tabs/Tabs.css +12 -0
- package/src/components/Tabs/Tabs.tsx +1 -1
- package/src/components/TabsItem/TabsItem.tsx +1 -1
- package/src/components/Tappable/Readme.md +1 -1
- package/src/components/TextTooltip/Readme.md +1 -1
- package/src/components/TextTooltip/TextTooltip.tsx +1 -1
- package/src/components/Textarea/Textarea.css +5 -3
- package/src/components/Textarea/Textarea.tsx +1 -1
- package/src/components/Tooltip/Readme.md +1 -1
- package/src/components/Tooltip/Tooltip.css +2 -2
- package/src/components/Tooltip/Tooltip.tsx +6 -3
- package/src/components/Touch/Touch.tsx +1 -1
- package/src/components/Typography/Caption/Caption.tsx +1 -1
- package/src/components/Typography/Headline/Headline.tsx +1 -1
- package/src/components/Typography/Paragraph/Paragraph.tsx +2 -2
- package/src/components/Typography/Subhead/Subhead.tsx +2 -2
- package/src/components/Typography/Text/Text.tsx +1 -1
- package/src/components/Typography/Title/Title.tsx +2 -2
- package/src/components/UsersStack/UsersStack.css +0 -8
- package/src/components/View/Readme.md +1 -1
- package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx +2 -2
- package/src/components/WriteBar/WriteBar.css +1 -0
- package/src/components/WriteBar/WriteBar.tsx +13 -17
- package/src/components/WriteBarIcon/WriteBarIcon.tsx +1 -1
- package/src/helpers/getScheme.ts +2 -2
- package/src/helpers/scheme.ts +5 -4
- package/src/hoc/withAdaptivity.tsx +3 -3
- package/src/hoc/withInsets.tsx +1 -1
- package/src/hooks/useEnsuredControl.ts +2 -2
- package/src/hooks/useEventListener.ts +4 -1
- package/src/index.ts +1 -1
- package/src/lib/SSR.tsx +6 -3
- package/src/lib/classScopingMode.ts +1 -0
- package/src/lib/dom.tsx +1 -1
- package/src/lib/jsxRuntime.d.ts +2 -2
- package/src/testing/setup.ts +3 -0
- package/src/testing/utils.tsx +3 -5
- package/src/tokenized/index.ts +42 -0
- package/src/types.ts +4 -0
- package/stylelint.config.js +22 -1
- package/tasks/{styleint-atomic.js → stylelint-atomic.js} +1 -1
- package/tasks/stylelint-bad-multiplication.js +69 -0
- package/CONTRIBUTING.md +0 -66
- package/CSS_GUIDE.md +0 -145
- package/TESTING.md +0 -58
- package/VKUI_TOKENS_MIGRATION_GUIDE.md +0 -76
- package/dist/cjs/appearance/constants.d.ts +0 -1
- package/dist/cjs/components/ActionSheet/ActionSheet.d.ts +0 -29
- package/dist/cjs/components/ActionSheet/ActionSheetContext.d.ts +0 -8
- package/dist/cjs/components/ActionSheet/ActionSheetDropdown.d.ts +0 -4
- package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +0 -4
- package/dist/cjs/components/ActionSheet/types.d.ts +0 -9
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.d.ts +0 -23
- package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.d.ts +0 -46
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.d.ts +0 -13
- package/dist/cjs/components/Alert/Alert.d.ts +0 -25
- package/dist/cjs/components/AppRoot/AppRoot.d.ts +0 -17
- package/dist/cjs/components/AppRoot/AppRootContext.d.ts +0 -9
- package/dist/cjs/components/AppRoot/AppRootPortal.d.ts +0 -5
- package/dist/cjs/components/AppRoot/ScrollContext.d.ts +0 -26
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.d.ts +0 -10
- package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.d.ts +0 -3
- package/dist/cjs/components/Avatar/Avatar.d.ts +0 -24
- package/dist/cjs/components/Badge/Badge.d.ts +0 -9
- package/dist/cjs/components/Banner/Banner.d.ts +0 -67
- package/dist/cjs/components/BaseGallery/BaseGallery.d.ts +0 -4
- package/dist/cjs/components/BaseGallery/helpers.d.ts +0 -12
- package/dist/cjs/components/BaseGallery/types.d.ts +0 -43
- package/dist/cjs/components/Button/Button.d.ts +0 -22
- package/dist/cjs/components/ButtonGroup/ButtonGroup.d.ts +0 -23
- package/dist/cjs/components/Calendar/Calendar.d.ts +0 -33
- package/dist/cjs/components/CalendarDay/CalendarDay.d.ts +0 -22
- package/dist/cjs/components/CalendarDays/CalendarDays.d.ts +0 -22
- package/dist/cjs/components/CalendarHeader/CalendarHeader.d.ts +0 -24
- package/dist/cjs/components/CalendarRange/CalendarRange.d.ts +0 -19
- package/dist/cjs/components/CalendarTime/CalendarTime.d.ts +0 -11
- package/dist/cjs/components/Card/Card.d.ts +0 -10
- package/dist/cjs/components/CardGrid/CardGrid.d.ts +0 -8
- package/dist/cjs/components/CardScroll/CardScroll.d.ts +0 -15
- package/dist/cjs/components/Cell/Cell.d.ts +0 -50
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.d.ts +0 -5
- package/dist/cjs/components/Cell/CellDragger/CellDragger.d.ts +0 -6
- package/dist/cjs/components/Cell/useDraggable.d.ts +0 -15
- package/dist/cjs/components/CellButton/CellButton.d.ts +0 -11
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +0 -15
- package/dist/cjs/components/Chip/Chip.d.ts +0 -19
- package/dist/cjs/components/ChipsInput/ChipsInput.d.ts +0 -32
- package/dist/cjs/components/ChipsInput/useChipsInput.d.ts +0 -14
- package/dist/cjs/components/ChipsSelect/ChipsSelect.d.ts +0 -43
- package/dist/cjs/components/ChipsSelect/useChipsSelect.d.ts +0 -22
- package/dist/cjs/components/ClickPopper/ClickPopper.d.ts +0 -21
- package/dist/cjs/components/ConfigProvider/ConfigProvider.d.ts +0 -18
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.d.ts +0 -36
- package/dist/cjs/components/ContentCard/ContentCard.d.ts +0 -36
- package/dist/cjs/components/Counter/Counter.d.ts +0 -13
- package/dist/cjs/components/CustomScrollView/CustomScrollView.d.ts +0 -10
- package/dist/cjs/components/CustomSelect/CustomSelect.d.ts +0 -61
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +0 -15
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.d.ts +0 -47
- package/dist/cjs/components/DateInput/DateInput.d.ts +0 -15
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +0 -23
- package/dist/cjs/components/DateRangeInput/DateRangeInput.d.ts +0 -21
- package/dist/cjs/components/Div/Div.d.ts +0 -9
- package/dist/cjs/components/Dropdown/Dropdown.d.ts +0 -11
- package/dist/cjs/components/DropdownIcon/DropdownIcon.d.ts +0 -3
- package/dist/cjs/components/Epic/Epic.d.ts +0 -11
- package/dist/cjs/components/Epic/ScrollSaver.d.ts +0 -9
- package/dist/cjs/components/File/File.d.ts +0 -13
- package/dist/cjs/components/FixedLayout/FixedLayout.d.ts +0 -21
- package/dist/cjs/components/FocusTrap/FocusTrap.d.ts +0 -11
- package/dist/cjs/components/FocusVisible/FocusVisible.d.ts +0 -10
- package/dist/cjs/components/Footer/Footer.d.ts +0 -8
- package/dist/cjs/components/FormField/FormField.d.ts +0 -36
- package/dist/cjs/components/FormItem/FormItem.d.ts +0 -17
- package/dist/cjs/components/FormLayout/FormLayout.d.ts +0 -8
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts +0 -15
- package/dist/cjs/components/FormStatus/FormStatus.d.ts +0 -10
- package/dist/cjs/components/Gallery/Gallery.d.ts +0 -10
- package/dist/cjs/components/Gradient/Gradient.d.ts +0 -10
- package/dist/cjs/components/GridAvatar/GridAvatar.d.ts +0 -15
- package/dist/cjs/components/Group/Group.d.ts +0 -25
- package/dist/cjs/components/Header/Header.d.ts +0 -20
- package/dist/cjs/components/HorizontalCell/HorizontalCell.d.ts +0 -13
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.d.ts +0 -21
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.d.ts +0 -8
- package/dist/cjs/components/HoverPopper/HoverPopper.d.ts +0 -29
- package/dist/cjs/components/IconButton/IconButton.d.ts +0 -14
- package/dist/cjs/components/InfoRow/InfoRow.d.ts +0 -9
- package/dist/cjs/components/InitialsAvatar/InitialsAvatar.d.ts +0 -35
- package/dist/cjs/components/Input/Input.d.ts +0 -11
- package/dist/cjs/components/InputLike/InputLike.d.ts +0 -10
- package/dist/cjs/components/InputLike/InputLikeDivider.d.ts +0 -3
- package/dist/cjs/components/Link/Link.d.ts +0 -8
- package/dist/cjs/components/List/List.d.ts +0 -6
- package/dist/cjs/components/List/ListContext.d.ts +0 -4
- package/dist/cjs/components/LocaleProviderContext/LocaleProviderContext.d.ts +0 -2
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.d.ts +0 -42
- package/dist/cjs/components/ModalCard/ModalCard.d.ts +0 -12
- package/dist/cjs/components/ModalCardBase/ModalCardBase.d.ts +0 -39
- package/dist/cjs/components/ModalDismissButton/ModalDismissButton.d.ts +0 -7
- package/dist/cjs/components/ModalPage/ModalPage.d.ts +0 -39
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.d.ts +0 -10
- package/dist/cjs/components/ModalRoot/ModalRoot.d.ts +0 -28
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.d.ts +0 -25
- package/dist/cjs/components/ModalRoot/ModalRootContext.d.ts +0 -20
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.d.ts +0 -28
- package/dist/cjs/components/ModalRoot/constants.d.ts +0 -3
- package/dist/cjs/components/ModalRoot/types.d.ts +0 -60
- package/dist/cjs/components/ModalRoot/useModalManager.d.ts +0 -38
- package/dist/cjs/components/ModalRoot/withModalRootContext.d.ts +0 -5
- package/dist/cjs/components/NativeSelect/NativeSelect.d.ts +0 -19
- package/dist/cjs/components/NavTransitionContext/NavTransitionContext.d.ts +0 -6
- package/dist/cjs/components/Pagination/Pagination.d.ts +0 -45
- package/dist/cjs/components/Panel/Panel.d.ts +0 -12
- package/dist/cjs/components/PanelHeader/PanelHeader.d.ts +0 -31
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.d.ts +0 -12
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.d.ts +0 -11
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.d.ts +0 -6
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.d.ts +0 -11
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.d.ts +0 -10
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +0 -20
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +0 -6
- package/dist/cjs/components/PanelSpinner/PanelSpinner.d.ts +0 -9
- package/dist/cjs/components/Placeholder/Placeholder.d.ts +0 -25
- package/dist/cjs/components/PopoutRoot/PopoutRoot.d.ts +0 -10
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.d.ts +0 -13
- package/dist/cjs/components/Popper/Popper.d.ts +0 -40
- package/dist/cjs/components/Progress/Progress.d.ts +0 -10
- package/dist/cjs/components/PromoBanner/PromoBanner.d.ts +0 -43
- package/dist/cjs/components/PullToRefresh/PullToRefresh.d.ts +0 -22
- package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.d.ts +0 -10
- package/dist/cjs/components/Radio/Radio.d.ts +0 -11
- package/dist/cjs/components/RadioGroup/RadioGroup.d.ts +0 -9
- package/dist/cjs/components/RangeSlider/RangeSlider.d.ts +0 -8
- package/dist/cjs/components/RangeSlider/UniversalSlider.d.ts +0 -16
- package/dist/cjs/components/Removable/Removable.d.ts +0 -24
- package/dist/cjs/components/RichCell/RichCell.d.ts +0 -47
- package/dist/cjs/components/RichTooltip/RichTooltip.d.ts +0 -8
- package/dist/cjs/components/Root/Root.d.ts +0 -33
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.d.ts +0 -8
- package/dist/cjs/components/Search/Search.d.ts +0 -16
- package/dist/cjs/components/SegmentedControl/SegmentedControl.d.ts +0 -20
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +0 -7
- package/dist/cjs/components/Select/Select.d.ts +0 -18
- package/dist/cjs/components/SelectMimicry/SelectMimicry.d.ts +0 -15
- package/dist/cjs/components/Separator/Separator.d.ts +0 -16
- package/dist/cjs/components/SimpleCell/SimpleCell.d.ts +0 -41
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.d.ts +0 -12
- package/dist/cjs/components/Slider/Slider.d.ts +0 -7
- package/dist/cjs/components/SliderSwitch/SliderSwitch.d.ts +0 -48
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.d.ts +0 -11
- package/dist/cjs/components/Snackbar/Snackbar.d.ts +0 -38
- package/dist/cjs/components/Spacing/Spacing.d.ts +0 -23
- package/dist/cjs/components/Spinner/Spinner.d.ts +0 -9
- package/dist/cjs/components/SplitCol/SplitCol.d.ts +0 -25
- package/dist/cjs/components/SplitLayout/SplitLayout.d.ts +0 -18
- package/dist/cjs/components/SubnavigationBar/SubnavigationBar.d.ts +0 -10
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.d.ts +0 -24
- package/dist/cjs/components/Switch/Switch.d.ts +0 -10
- package/dist/cjs/components/Tabbar/Tabbar.d.ts +0 -13
- package/dist/cjs/components/TabbarItem/TabbarItem.d.ts +0 -23
- package/dist/cjs/components/Tabs/Tabs.d.ts +0 -12
- package/dist/cjs/components/TabsItem/TabsItem.d.ts +0 -10
- package/dist/cjs/components/Tappable/Tappable.d.ts +0 -45
- package/dist/cjs/components/TextTooltip/TextTooltip.d.ts +0 -17
- package/dist/cjs/components/Textarea/Textarea.d.ts +0 -10
- package/dist/cjs/components/Tooltip/Tooltip.d.ts +0 -57
- package/dist/cjs/components/Tooltip/TooltipContainer.d.ts +0 -5
- package/dist/cjs/components/Touch/Touch.d.ts +0 -52
- package/dist/cjs/components/Touch/TouchContext.d.ts +0 -7
- package/dist/cjs/components/Typography/Caption/Caption.d.ts +0 -17
- package/dist/cjs/components/Typography/Footnote/Footnote.d.ts +0 -14
- package/dist/cjs/components/Typography/Headline/Headline.d.ts +0 -16
- package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts +0 -13
- package/dist/cjs/components/Typography/Subhead/Subhead.d.ts +0 -15
- package/dist/cjs/components/Typography/Text/Text.d.ts +0 -15
- package/dist/cjs/components/Typography/Title/Title.d.ts +0 -16
- package/dist/cjs/components/UsersStack/UsersStack.d.ts +0 -25
- package/dist/cjs/components/UsersStack/masks.d.ts +0 -1
- package/dist/cjs/components/View/View.d.ts +0 -83
- package/dist/cjs/components/View/ViewInfinite.d.ts +0 -66
- package/dist/cjs/components/View/utils.d.ts +0 -2
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +0 -12
- package/dist/cjs/components/WriteBar/WriteBar.d.ts +0 -26
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.d.ts +0 -21
- package/dist/cjs/helpers/avatar.d.ts +0 -5
- package/dist/cjs/helpers/getClassName.d.ts +0 -2
- package/dist/cjs/helpers/getScheme.d.ts +0 -8
- package/dist/cjs/helpers/math.d.ts +0 -5
- package/dist/cjs/helpers/scheme.d.ts +0 -34
- package/dist/cjs/hoc/withAdaptivity.d.ts +0 -13
- package/dist/cjs/hoc/withContext.d.ts +0 -2
- package/dist/cjs/hoc/withInsets.d.ts +0 -3
- package/dist/cjs/hoc/withPlatform.d.ts +0 -3
- package/dist/cjs/hooks/useAdaptivity.d.ts +0 -4
- package/dist/cjs/hooks/useAppearance.d.ts +0 -1
- package/dist/cjs/hooks/useBooleanState.d.ts +0 -6
- package/dist/cjs/hooks/useBridgeAdaptivity.d.ts +0 -6
- package/dist/cjs/hooks/useBrowserInfo.d.ts +0 -2
- package/dist/cjs/hooks/useCalendar.d.ts +0 -19
- package/dist/cjs/hooks/useDateInput.d.ts +0 -30
- package/dist/cjs/hooks/useEffectDev.d.ts +0 -2
- package/dist/cjs/hooks/useEnsuredControl.d.ts +0 -6
- package/dist/cjs/hooks/useEventListener.d.ts +0 -7
- package/dist/cjs/hooks/useExternRef.d.ts +0 -2
- package/dist/cjs/hooks/useFocusVisible.d.ts +0 -6
- package/dist/cjs/hooks/useGlobalEventListener.d.ts +0 -2
- package/dist/cjs/hooks/useInsets.d.ts +0 -8
- package/dist/cjs/hooks/useKeyboard.d.ts +0 -10
- package/dist/cjs/hooks/useKeyboardInputTracker.d.ts +0 -3
- package/dist/cjs/hooks/useObjectMemo.d.ts +0 -2
- package/dist/cjs/hooks/useOrientationChange.d.ts +0 -7
- package/dist/cjs/hooks/usePagination.d.ts +0 -34
- package/dist/cjs/hooks/usePatchChildrenRef.d.ts +0 -6
- package/dist/cjs/hooks/usePlatform.d.ts +0 -2
- package/dist/cjs/hooks/usePrevious.d.ts +0 -1
- package/dist/cjs/hooks/useTimeout.d.ts +0 -4
- package/dist/cjs/hooks/useWaitTransitionFinish.d.ts +0 -3
- package/dist/cjs/index.d.ts +0 -305
- package/dist/cjs/lib/SSR.d.ts +0 -17
- package/dist/cjs/lib/accessibility.d.ts +0 -10
- package/dist/cjs/lib/animate.d.ts +0 -15
- package/dist/cjs/lib/browser.d.ts +0 -11
- package/dist/cjs/lib/calendar.d.ts +0 -14
- package/dist/cjs/lib/callMultiple.d.ts +0 -1
- package/dist/cjs/lib/classNames.d.ts +0 -6
- package/dist/cjs/lib/classScopingMode.d.ts +0 -8
- package/dist/cjs/lib/date.d.ts +0 -29
- package/dist/cjs/lib/dom.d.ts +0 -21
- package/dist/cjs/lib/fx.d.ts +0 -5
- package/dist/cjs/lib/getNavId.d.ts +0 -7
- package/dist/cjs/lib/is.d.ts +0 -1
- package/dist/cjs/lib/isRefObject.d.ts +0 -2
- package/dist/cjs/lib/jsxRuntime.d.ts +0 -8
- package/dist/cjs/lib/offset.d.ts +0 -7
- package/dist/cjs/lib/platform.d.ts +0 -19
- package/dist/cjs/lib/polyfills.d.ts +0 -6
- package/dist/cjs/lib/prefixClass.d.ts +0 -1
- package/dist/cjs/lib/removeObjectKeys.d.ts +0 -1
- package/dist/cjs/lib/select.d.ts +0 -9
- package/dist/cjs/lib/styles.d.ts +0 -1
- package/dist/cjs/lib/supportEvents.d.ts +0 -9
- package/dist/cjs/lib/taptic.d.ts +0 -2
- package/dist/cjs/lib/testing.d.ts +0 -1
- package/dist/cjs/lib/touch.d.ts +0 -9
- package/dist/cjs/lib/useIsomorphicLayoutEffect.d.ts +0 -2
- package/dist/cjs/lib/utils.d.ts +0 -16
- package/dist/cjs/lib/warnOnce.d.ts +0 -2
- package/dist/cjs/tokenized/index.d.ts +0 -126
- package/dist/cjs/types.d.ts +0 -34
- package/dist/cjs/unstable/index.d.ts +0 -17
package/dist/components.css
CHANGED
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__before{padding-left:8px;padding-left:var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular,8px
|
|
28
28
|
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__before{padding-left:8px;padding-left:var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular,8px
|
|
29
29
|
)}.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__before{padding-left:12px;padding-left:var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular,12px
|
|
30
|
-
)}.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--singleIcon .vkuiButton__before,.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__before{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.
|
|
30
|
+
)}.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--singleIcon .vkuiButton__before,.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__before{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.vkuiButton__spinner{position:absolute;left:0;top:0;right:0;bottom:0}.vkuiButton__spinner+.vkuiButton__in{visibility:hidden}.vkuiButton--lvl-primary.vkuiButton--clr-accent{background-color:#2d81e0;background-color:var(--button_primary_background,
|
|
31
31
|
var(--vkui--color_background_accent)
|
|
32
32
|
)}.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(--button_commerce_background,
|
|
33
33
|
var(--vkui--color_background_positive)
|
|
@@ -45,25 +45,30 @@
|
|
|
45
45
|
)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{background-color:rgba(255,255,255,.28);background-color:var(--vkui--color_background_contrast_secondary_alpha--active,rgba(255, 255, 255, 0.28)
|
|
46
46
|
)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay{color:#2c2d2e;color:var(--media_overlay_button_foreground,
|
|
47
47
|
var(--vkui--color_text_primary_invariably)
|
|
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-l .vkuiButton__in{justify-content:center}.vkuiButton:not(.vkuiButton--sz-s) .vkuiButton__content{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.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);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);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{padding:0 16px;padding: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)}.vkuiTabbar__in{display:flex;justify-content:center;overflow:hidden}.vkuiTabbar--ios.vkuiTabbar--shadow::before{position:absolute;bottom:100%;left:0;width:100%;height:1px;background:#d7d8d9;background:var(--separator_common);-webkit-transform-origin:center bottom;transform-origin:center bottom;content:""}@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)}}.vkuiTabbar--android.vkuiTabbar--shadow,.vkuiTabbar--vkcom.vkuiTabbar--shadow{box-shadow:0-2px 4px 0 rgba(0,0,0,.06),0 0 2px 0 rgba(0,0,0,.08)}.vkuiTabbarItem{display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--tabbar_inactive_icon);text-decoration:none;border:0;outline:0;padding:0;background:0 0;height:48px;height:var(--tabbar_height);position:relative}.vkuiTabbar .vkuiTabbarItem{flex-shrink:0;max-width:100%;min-width:0;flex-grow:1;flex-basis:0}.vkuiTabbarItem--selected{color:#2975cc;color:var(--tabbar_active_icon)}.vkuiTabbarItem__tappable{position:absolute}.vkuiTabbarItem__in{display:flex;padding:0 2px;align-items:center;justify-content:center;pointer-events:none;height:100%;width:100%;overflow:hidden}.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{position:relative}.vkuiTabbarItem__label .vkuiCounter{position:absolute;top:-2px;right:-9px}.vkuiTabbarItem__label .vkuiBadge{position:absolute;top:-2px;right:-4px}.vkuiTabbarItem__text{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.vkuiTabbar--l-vertical .vkuiTabbarItem__text{font-size:10px;line-height:12px;font-weight:500;margin-top:2px}.vkuiTabbar--l-horizontal .vkuiTabbarItem__text{font-size:13px;font-weight:500;margin-left:8px}.vkuiTabbarItem--android .vkuiTabbarItem__tappable{width:calc(100% + 16px);padding-bottom:calc(100% + 16px);border-radius:50%}.vkuiTabbarItem--android:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.vkuiTabbarItem--android:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable{width:100%;height:100%;top:0;left:0}.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{position:relative;overflow:hidden}.vkuiHorizontalScroll__in{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;margin-bottom:-20px}.vkuiHorizontalScroll__in::-webkit-scrollbar{display:none}.vkuiHorizontalScroll__in-wrapper{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.vkuiHorizontalScrollArrow--left:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(8px);transform:translateX(8px)}.vkuiHorizontalScrollArrow--right:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.vkuiHorizontalScrollArrow{position:absolute;cursor:pointer;-webkit-user-select:auto;user-select:auto;top:0;height:100%;padding:0;opacity:0;z-index:3;border:0;background-color:transparent;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);display:flex;flex-direction:column;justify-content:center}.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow,.vkuiGallery:hover .vkuiHorizontalScrollArrow{opacity:.72}.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover,.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow{opacity:1}.vkuiHorizontalScrollArrow__icon{background-color:#fff;background-color:var(--modal_card_background,
|
|
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-l .vkuiButton__in{justify-content:center}.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
|
+
var(--vkui--color_background_tertiary)
|
|
50
|
+
)}.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,0px 0px 2px rgba(0, 0, 0, 0.08) , 0px 4px 16px rgba(0, 0, 0, 0.08))}.vkuiTabbar--ios.vkuiTabbar--shadow{box-shadow:none}.vkuiTabbar--ios.vkuiTabbar--shadow::before{position:absolute;bottom:100%;left:0;width:100%;height:1px;background:#d7d8d9;background:var(--separator_common);-webkit-transform-origin:center bottom;transform-origin:center bottom;content:""}@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{display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--tabbar_inactive_icon);text-decoration:none;border:0;outline:0;padding:0;background:0 0;height:48px;height:var(--tabbar_height);position:relative}.vkuiTabbar .vkuiTabbarItem{flex-shrink:0;max-width:100%;min-width:0;flex-grow:1;flex-basis:0}.vkuiTabbarItem--selected{color:#2975cc;color:var(--tabbar_active_icon)}.vkuiTabbarItem__tappable{position:absolute}.vkuiTabbarItem__in{display:flex;padding:0 2px;align-items:center;justify-content:center;pointer-events:none;height:100%;width:100%;overflow:hidden}.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{position:relative}.vkuiTabbarItem__label .vkuiCounter{position:absolute;top:-2px;right:-9px}.vkuiTabbarItem__label .vkuiBadge{position:absolute;top:-2px;right:-4px}.vkuiTabbarItem__text{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.vkuiTabbar--l-vertical .vkuiTabbarItem__text{font-size:10px;line-height:12px;font-weight:500;margin-top:2px}.vkuiTabbar--l-horizontal .vkuiTabbarItem__text{font-size:13px;font-weight:500;margin-left:8px}.vkuiTabbarItem--android .vkuiTabbarItem__tappable{width:calc(100% + 16px);padding-bottom:calc(100% + 16px);border-radius:50%}.vkuiTabbarItem--android:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.vkuiTabbarItem--android:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable{width:100%;height:100%;top:0;left:0}.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{position:relative;overflow-x:hidden}.vkuiHorizontalScroll__in{overflow-x:auto;-webkit-overflow-scrolling:touch;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)}.vkuiHorizontalScrollArrow{position:absolute;cursor:pointer;-webkit-user-select:auto;user-select:auto;top:0;height:100%;padding:0;opacity:0;z-index:3;border:0;background-color:transparent;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);display:flex;flex-direction:column;justify-content:center}.vkuiHorizontalScrollArrow__icon{background-color:#fff;background-color:var(--modal_card_background,
|
|
49
51
|
var(--vkui--color_background_modal)
|
|
50
|
-
);color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary));width:40px;height:40px;border-radius:24px;box-shadow:0 0 2px rgba(0,0,0,.08),0 0 16px rgba(0,0,0,.12);box-shadow:var(--vkui--elevation3,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
);display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--left .vkuiHorizontalScrollArrow__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.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)}.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__container{width:88px;height:88px;background:#f9f9f9;background:var(--tabbar_background);box-shadow:0 16px 32px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.08);border-radius:8px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__container{background:#fff;background:var(--modal_card_background);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 0 96px 0 rgba(0,0,0,.16);border-radius:10px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__spinner{color:#818c99;color:var(--overlay_status_icon)}@-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);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}.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)}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary)}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{margin:8px auto 16px;color:#2688eb;color:var(--accent)}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:32px}.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);justify-content:center}.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.vkuiModalCardBase--android .vkuiModalCardBase__container,.vkuiModalCardBase--vkcom .vkuiModalCardBase__container{border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08)}.vkuiModalCardBase--desktop .vkuiModalCardBase__container{border-radius:8px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12)}.vkuiModalRoot{width:100%;height:100%}.vkuiModalRoot__mask{opacity:1;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);-webkit-user-select:none;user-select:none;transition:opacity 167ms ease-out;-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .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{position:absolute;width:100%;height:100%;box-sizing:border-box;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{box-sizing:border-box;position:absolute;top:0;padding:8px;left:0;width:100%;height:100%;display:flex;align-items:flex-end;z-index:1}.vkuiModalCard__in{width:100%;margin-left:auto;margin-right:auto;-webkit-transform:translateY(calc(100% + 16px));transform:translateY(calc(100% + 16px))}.vkuiModalCard--ios .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1),-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing),-webkit-transform 340ms var(--ios-easing);max-width:414px}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1),-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing),-webkit-transform 340ms 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{-webkit-transform:unset;transform:unset;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}.vkuiModalPage{width:100%;height:100%;overflow:hidden;position:absolute;box-sizing:border-box;z-index:1;pointer-events:none}.vkuiModalPage--desktop{display:flex;align-items:center;justify-content:center}.vkuiModalPage__in-wrap{width:100%;height:100%;position:absolute;bottom:0;display:flex;align-items:flex-end;pointer-events:initial;-webkit-transform:translateY(100%);transform:translateY(100%);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)}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{width:416px;max-width:100%;margin:0 auto;background:#fff;background:var(--background_content);overflow:visible;position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;border-radius:12px 12px 0 0}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{position:relative;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vkuiModalPage__content{height:100%;overflow-y:hidden;overflow-x:hidden;box-sizing:border-box}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.vkuiModalPage__content-in{position:relative;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.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 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)}.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;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing);width:auto;height:auto;position:relative;-webkit-transform:none;transform:none}.vkuiModalPage--desktop .vkuiModalPage__in{height:auto;max-height:640px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);border-radius:8px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}.vkuiModalDismissButton{position:absolute;justify-content:center;top:0;right:-56px;width:56px;height:56px;padding:18px;box-sizing:border-box;color:#fff;color:var(--white);transition:opacity .15s ease-out}.vkuiModalDismissButton::before{display:block;content:"";top:14px;right:14px;bottom:14px;left:14px;background-color:rgba(0,0,0,.35);border-radius:50%;position:absolute}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}.vkuiModalPageHeader{position:relative;z-index:2;--safe-area-inset-top:0}.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;align-items:flex-start;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)}.vkuiBadge{display:block;flex-grow:0;flex-shrink:0;width:6px;height:6px;border-radius:50%}.vkuiBadge--new{background-color:#5c9ce6;background-color:var(--blue_200, var(--vkui--color_icon_accent))}.vkuiBadge--prominent{background-color:#ff3347;background-color:var(--counter_prominent_background,
|
|
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
|
+
var(--vkui--color_icon_secondary)
|
|
54
|
+
);justify-content:center}.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{width:100%;height:100%}.vkuiModalRoot__mask{opacity:1;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);-webkit-user-select:none;user-select:none;transition:opacity 167ms ease-out;-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .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{position:absolute;width:100%;height:100%;box-sizing:border-box;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{box-sizing:border-box;position:absolute;top:0;padding:8px;left:0;width:100%;height:100%;display:flex;align-items:flex-end;z-index:1}.vkuiModalCard__in{width:100%;margin-left:auto;margin-right:auto;-webkit-transform:translateY(calc(100% + 16px));transform:translateY(calc(100% + 16px))}.vkuiModalCard--ios .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1),-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing),-webkit-transform 340ms var(--ios-easing);max-width:414px}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1),-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing),-webkit-transform 340ms 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{-webkit-transform:unset;transform:unset;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}.vkuiModalPage{width:100%;height:100%;overflow:hidden;position:absolute;box-sizing:border-box;z-index:1;pointer-events:none}.vkuiModalPage--desktop{display:flex;align-items:center;justify-content:center}.vkuiModalPage__in-wrap{width:100%;height:100%;position:absolute;bottom:0;display:flex;align-items:flex-end;pointer-events:initial;-webkit-transform:translateY(100%);transform:translateY(100%);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)}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{width:416px;max-width:100%;margin:0 auto;background:#fff;background:var(--background_content);overflow:visible;position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;border-radius:12px 12px 0 0}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{position:relative;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vkuiModalPage__content{height:100%;overflow-y:hidden;overflow-x:hidden;box-sizing:border-box}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.vkuiModalPage__content-in{position:relative;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.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 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)}.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;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing);width:auto;height:auto;position:relative;-webkit-transform:none;transform:none}.vkuiModalPage--desktop .vkuiModalPage__in{height:auto;max-height:640px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);border-radius:8px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}.vkuiModalDismissButton{position:absolute;justify-content:center;top:0;right:-56px;width:56px;height:56px;padding:18px;box-sizing:border-box;color:#fff;color:var(--white);transition:opacity .15s ease-out}.vkuiModalDismissButton::before{display:block;content:"";top:14px;right:14px;bottom:14px;left:14px;background-color:rgba(0,0,0,.35);border-radius:50%;position:absolute}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}.vkuiModalPageHeader{position:relative;z-index:2;--safe-area-inset-top:0}.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{display:block;flex-grow:0;flex-shrink:0;width:6px;height:6px;border-radius:50%}.vkuiBadge--new{background-color:#5c9ce6;background-color:var(--blue_200, var(--vkui--color_icon_accent))}.vkuiBadge--prominent{background-color:#ff3347;background-color:var(--counter_prominent_background,
|
|
54
55
|
var(--vkui--color_icon_negative)
|
|
55
|
-
)}.vkuiTabsItem__after .vkuiBadge{-webkit-transform:translateY(-2px);transform:translateY(-2px);margin-left:6px}.vkuiIconButton{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-shadow:none;display:block;color:currentColor;padding:0;margin:0;position:relative;height:48px;border-radius:9999px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.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 .vkuiIcon--24{padding:12px}.vkuiIconButton .vkuiIcon--28{padding:10px}.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormField__after .vkuiIconButton{display:flex;align-items:center;align-content:center;justify-content:center;width:44px;height:44px;border-radius:
|
|
56
|
+
)}.vkuiTabsItem__after .vkuiBadge{-webkit-transform:translateY(-2px);transform:translateY(-2px);margin-left:6px}.vkuiIconButton{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-shadow:none;display:block;color:currentColor;padding:0;margin:0;position:relative;height:48px;border-radius:9999px}.vkuiIconButton--sizeY-compact{height:44px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.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--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton .vkuiIcon--28{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormField__after .vkuiIconButton{display:flex;align-items:center;align-content:center;justify-content:center;width:44px;width:var(--vkui--size_field_height--regular,44px);height:44px;height:var(--vkui--size_field_height--regular,44px);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiFormField__after .vkuiIconButton--sizeY-compact{width:36px;width:var(--vkui--size_field_height--compact,36px);height:36px;height:var(--vkui--size_field_height--compact,36px)}.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{position:relative;background:#f5f5f5;background:var(--content_tint_background,
|
|
56
57
|
var(--vkui--color_background_secondary)
|
|
57
58
|
);border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular,8px)}.vkuiCard__in{position:relative;z-index:2;border-radius:inherit}.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(--vkui--elevation3,
|
|
58
59
|
0 2px 24px 0 rgba(0, 0, 0, 0.08),
|
|
59
60
|
0 0 2px 0 rgba(0, 0, 0, 0.08)
|
|
60
|
-
);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+.vkuiCardGrid{margin-top:16px}.vkuiCardGrid .vkuiCard{margin-right:8px}.vkuiCardGrid--l .vkuiCard{width:100%;margin-right:0}.vkuiCardGrid--l .vkuiCard:not(:first-child){margin-top:8px}.vkuiCardGrid--m .vkuiCard{width:calc((100% - 8px)/2)}.vkuiCardGrid--m .vkuiCard:nth-child(n+3){margin-top: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}.vkuiCardGrid--s .vkuiCard:nth-child(3n){margin-right:0}.vkuiCardGrid--ios.vkuiCardGrid--sizeX-compact{padding-left:12px;padding-right:12px}.vkuiCardGrid--android.vkuiCardGrid--sizeX-compact{padding-left:16px;padding-right: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);text-decoration:none;border:0;background:0 0;margin:0;padding:0;cursor:pointer;font-size:inherit;display:inline;border-radius:0}.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)}.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);border-radius: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__inner>.vkuiTabs--default:first-child{margin-top:-8px}.vkuiGroup--card>.vkuiGroup__inner>.vkuiTabs--default:first-child{margin-top:-4px}.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)}.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 top,#f5f5f5,rgba(245,245,245,.98),rgba(245,245,245,.94),rgba(245,245,245,.88),rgba(245,245,245,.8),rgba(245,245,245,.71),rgba(245,245,245,.61),rgba(245,245,245,.5),rgba(245,245,245,.39),rgba(245,245,245,.29),rgba(245,245,245,.2),rgba(245,245,245,.12),rgba(245,245,245,.06),rgba(245,245,245,.02),rgba(245,245,245,0))}.vkuiGradient--md-tint.vkuiGradient--to-bottom{background:linear-gradient(to bottom,#f5f5f5,rgba(245,245,245,.98),rgba(245,245,245,.94),rgba(245,245,245,.88),rgba(245,245,245,.8),rgba(245,245,245,.71),rgba(245,245,245,.61),rgba(245,245,245,.5),rgba(245,245,245,.39),rgba(245,245,245,.29),rgba(245,245,245,.2),rgba(245,245,245,.12),rgba(245,245,245,.06),rgba(245,245,245,.02),rgba(245,245,245,0))}body[scheme=space_gray] .vkuiGradient--md-tint.vkuiGradient--to-top,body[scheme=vkcom_dark] .vkuiGradient--md-tint.vkuiGradient--to-top{background:linear-gradient(to top,#232324,rgba(35,35,36,.98),rgba(35,35,36,.94),rgba(35,35,36,.88),rgba(35,35,36,.8),rgba(35,35,36,.71),rgba(35,35,36,.61),rgba(35,35,36,.5),rgba(35,35,36,.39),rgba(35,35,36,.29),rgba(35,35,36,.2),rgba(35,35,36,.12),rgba(35,35,36,.06),rgba(35,35,36,.02),rgba(35,35,36,0))}body[scheme=space_gray] .vkuiGradient--md-tint.vkuiGradient--to-bottom,body[scheme=vkcom_dark] .vkuiGradient--md-tint.vkuiGradient--to-bottom{background:linear-gradient(to bottom,#232324,rgba(35,35,36,.98),rgba(35,35,36,.94),rgba(35,35,36,.88),rgba(35,35,36,.8),rgba(35,35,36,.71),rgba(35,35,36,.61),rgba(35,35,36,.5),rgba(35,35,36,.39),rgba(35,35,36,.29),rgba(35,35,36,.2),rgba(35,35,36,.12),rgba(35,35,36,.06),rgba(35,35,36,.02),rgba(35,35,36,0))}.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))}.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);box-shadow:0 0 5px rgba(0,0,0,.25);z-index:3}.vkuiCell--selectable.vkuiCell--disabled{opacity:.6}.vkuiCell__checkbox,.vkuiCell__dragger{position:relative;flex-shrink:0;margin-right:16px}.vkuiCell__dragger{z-index:2}.vkuiCell__content{max-width:100%;min-width:0}.vkuiCell--removable .vkuiCell__content{flex-grow:1;padding-right:0;padding-left:0}.vkuiCell--ios .vkuiCell__dragger{margin-right:0;margin-left:12px}.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__input,.vkuiCellCheckbox__icon{display:none}.vkuiCellCheckbox__icon--on{color:#2688eb;color:var(--accent)}.vkuiCellCheckbox__input:not(:checked)~.vkuiCellCheckbox__icon--off,.vkuiCellCheckbox__input:checked~.vkuiCellCheckbox__icon--on{display:block}.vkuiCellDragger{cursor:ns-resize;color:#99a2ad;color:var(--icon_secondary)}.vkuiCellButton{box-sizing:border-box;text-decoration:none;margin:0;border:0;cursor:pointer;width:100%;background:0 0;text-align:left;padding-top:0;padding-bottom:0}.vkuiFormItem .vkuiCellButton{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiCellButton[disabled]{opacity:.4}.vkuiCellButton--centered{justify-content:center;text-align:center}.vkuiCellButton--centered .vkuiSimpleCell__main{flex-grow:initial;max-width:initial}.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{display:flex;min-height:64px;padding-right:16px;padding-left:16px;box-sizing:border-box;white-space:nowrap;text-decoration:none;color:#000;color:var(--text_primary)}.vkuiFormItem .vkuiRichCell{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiRichCell--mult{white-space:normal}.vkuiRichCell__in{flex-grow:1;max-width:100%;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:8px;padding-bottom:8px;font-size:0;line-height:0}.vkuiRichCell__in>:first-child:not(.vkuiRichCell__content){display:none;pointer-events:none}.vkuiRichCell__in>.vkuiIcon--28:first-child~:not(.vkuiRichCell__actions){margin-right:32px}.vkuiRichCell__content{display:flex}.vkuiRichCell__after{flex-shrink:0;padding-left:4px;white-space:nowrap}.vkuiRichCell__after .vkuiIcon--28{position:absolute;right:0;color:#2688eb;color:var(--accent)}.vkuiRichCell>.vkuiAvatar--sz-72+.vkuiRichCell__in .vkuiRichCell__after .vkuiIcon--28{top:22px}.vkuiRichCell>.vkuiAvatar--sz-48+.vkuiRichCell__in .vkuiRichCell__after .vkuiIcon--28{top:10px}.vkuiRichCell__children{flex-grow:1;max-width:100%;min-width:0}.vkuiRichCell__caption{display:block;margin-top:1px;color:#818c99;color:var(--text_secondary)}.vkuiRichCell__children,.vkuiRichCell__text,.vkuiRichCell__caption{overflow:hidden;text-overflow:ellipsis}.vkuiRichCell__actions{display:flex;margin-top:8px}.vkuiRichCell--ios{padding-right:12px;padding-left:12px}.vkuiRichCell--sizeY-compact{min-height:60px}.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 4px;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 6px;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 rgb(0 0 0/12%),0 2px 2px 0 rgb(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 rgb(0 0 0/15%),0 3px 1px rgb(0 0 0/6%),inset 0 0 0 .5px rgb(0 0 0/4%)}.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,
|
|
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--color_background_content)
|
|
63
|
+
);box-shadow:0 4px 8px rgba(0,0,0,.04),0 0 4px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation2,0px 4px 8px rgba(0, 0, 0, 0.04) , 0px 0px 4px rgba(0, 0, 0, 0.06));z-index:3}.vkuiCell--selectable.vkuiCell--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiCell__checkbox,.vkuiCell__dragger{position:relative;flex-shrink:0;margin-right:16px}.vkuiCell__dragger{z-index:2}.vkuiCell__content{max-width:100%;min-width:0}.vkuiCell--removable .vkuiCell__content{flex-grow:1;padding-right:0;padding-left:0}.vkuiCell--ios .vkuiCell__dragger{margin-right:0;margin-left:12px}.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__input,.vkuiCellCheckbox__icon{display:none}.vkuiCellCheckbox__icon--on{color:#2688eb;color:var(--accent)}.vkuiCellCheckbox__input:not(:checked)~.vkuiCellCheckbox__icon--off,.vkuiCellCheckbox__input:checked~.vkuiCellCheckbox__icon--on{display:block}.vkuiCellDragger{cursor:ns-resize;color:#99a2ad;color:var(--icon_secondary)}.vkuiCellButton{box-sizing:border-box;text-decoration:none;margin:0;border:0;cursor:pointer;width:100%;background:0 0;text-align:left;padding-top:0;padding-bottom:0}.vkuiFormItem .vkuiCellButton{width:100%;box-sizing:content-box;margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}.vkuiCellButton[disabled]{opacity:.4}.vkuiCellButton--centered{justify-content:center;text-align:center}.vkuiCellButton--centered .vkuiSimpleCell__main{flex-grow:initial;max-width:initial}.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{display:flex;padding:8px 16px;padding:8px var(--vkui--size_base_padding_horizontal--regular,16px);min-height:64px;box-sizing:border-box;color:#000;color:var(--text_primary, var(--vkui--color_text_primary));text-decoration:none}.vkuiRichCell--sizeY-compact{min-height:60px}.vkuiRichCell__before{margin-right:12px}.vkuiRichCell__in{display:flex;flex-direction:column;justify-content:center;flex-grow:1;max-width:100%;min-width:0}.vkuiRichCell__content{display:flex}.vkuiRichCell__content-before{flex-grow:1;min-width:0}.vkuiRichCell__content-after{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;padding-left:4px;box-sizing:border-box}.vkuiRichCell__content-after .vkuiIcon{color:#2688eb;color:var(--accent,
|
|
64
|
+
var(--vkui--color_icon_accent)
|
|
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,
|
|
61
66
|
var(--vkui--color_track_background)
|
|
62
|
-
)}.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 .vkuiSwitch{margin-left:10px}.vkuiInfoRow{-webkit-user-select:text;user-select:text;text-overflow:ellipsis;overflow:hidden}.vkuiInfoRow__header{display:block;margin-bottom:2px;color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiAvatar{flex-shrink:0;box-sizing:border-box;color:rgba(0,28,61,.08);color:var(--placeholder_icon_background, var(--vkui--color_background));background:currentColor;background-size:cover;position:relative}.vkuiAvatar--failed .vkuiAvatar__img{visibility:hidden}.vkuiAvatar__img{position:relative;display:block;width:100%;height:100%;border:0;border-radius:inherit}.vkuiAvatar__children,.vkuiAvatar--shadow::after,.vkuiAvatar__badge--shadow::before{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit}.vkuiAvatar--shadow::after{content:"";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))}.vkuiAvatar__overlay{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;transition:opacity .3s;border:0}.vkuiAvatar__overlay--light{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent));background-color:rgba(255,255,255,.85);background-color:var(--vkui--color_avatar_overlay_inverse_alpha,rgba(255, 255, 255, 0.85))}.vkuiAvatar__overlay--dark{color:#fff;color:var(--button_commerce_foreground, var(--vkui--color_icon_contrast));background-color:rgba(0,0,0,.6);background-color:var(--vkui--color_avatar_overlay,rgba(0, 0, 0, 0.6))}.vkuiAvatar__overlay--visible{opacity:1}.vkuiAvatar__overlay--focus-visible{opacity:1;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent, var(--vkui--color_stroke_accent))}.vkuiAvatar__children{display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary))}.vkuiAvatar__badge{position:absolute;z-index:1;bottom:calc(14% - 1px);right:calc(14% - 1px);-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.vkuiAvatar__badge--large{bottom:14%;right:14%}.vkuiAvatar__badge--shadow::before{content:"";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,0px 0px 2px rgba(0, 0, 0, 0.03) , 0px 2px 2px rgba(0, 0, 0, 0.06))}.vkuiAvatar__badge-online{color:#4bb34b;color:var(--button_commerce_background, var(--vkui--color_accent_green));background-color:#fff;background-color:var(--background_content,
|
|
67
|
+
)}.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 .vkuiSwitch{margin-left:10px}.vkuiInfoRow{-webkit-user-select:text;user-select:text;text-overflow:ellipsis;overflow:hidden}.vkuiInfoRow__header{display:block;margin-bottom:2px;color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiAvatar{flex-shrink:0;box-sizing:border-box;color:rgba(0,28,61,.08);color:var(--placeholder_icon_background, var(--vkui--color_background));background:currentColor;background-size:cover;position:relative}.vkuiAvatar--failed .vkuiAvatar__img{visibility:hidden}.vkuiAvatar__img{position:relative;display:block;width:100%;height:100%;border:0;border-radius:inherit;object-fit:cover}.vkuiAvatar__children,.vkuiAvatar--shadow::after,.vkuiAvatar__badge--shadow::before{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit}.vkuiAvatar--shadow::after{content:"";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))}.vkuiAvatar__overlay{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;transition:opacity .3s;border:0}.vkuiAvatar__overlay--light{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent));background-color:rgba(255,255,255,.85);background-color:var(--vkui--color_avatar_overlay_inverse_alpha,rgba(255, 255, 255, 0.85))}.vkuiAvatar__overlay--dark{color:#fff;color:var(--button_commerce_foreground, var(--vkui--color_icon_contrast));background-color:rgba(0,0,0,.6);background-color:var(--vkui--color_avatar_overlay,rgba(0, 0, 0, 0.6))}.vkuiAvatar__overlay--visible{opacity:1}.vkuiAvatar__overlay--focus-visible{opacity:1;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent, var(--vkui--color_stroke_accent))}.vkuiAvatar__children{display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary))}.vkuiAvatar__badge{position:absolute;z-index:1;bottom:calc(14% - 1px);right:calc(14% - 1px);-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.vkuiAvatar__badge--large{bottom:14%;right:14%}.vkuiAvatar__badge--shadow::before{content:"";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,0px 0px 2px rgba(0, 0, 0, 0.03) , 0px 2px 2px rgba(0, 0, 0, 0.06))}.vkuiAvatar__badge-online{color:#4bb34b;color:var(--button_commerce_background, var(--vkui--color_accent_green));background-color:#fff;background-color:var(--background_content,
|
|
63
68
|
var(--vkui--color_background_content)
|
|
64
69
|
);border-radius:50%}.vkuiAvatar__badge-online-mobile{color:#4bb34b;color:var(--button_commerce_background, var(--vkui--color_accent_green));background-color:#fff;background-color:var(--background_content,
|
|
65
70
|
var(--vkui--color_background_content)
|
|
66
|
-
);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}.vkuiRichCell>.vkuiAvatar{margin-right:12px;margin-top:8px;margin-bottom:8px}.vkuiRichCell>.vkuiAvatar--sz-48{margin-top:6px;margin-bottom:6px}.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)}.vkuiSearch__icon{width:40px;height:36px;height:var(--search_default_height);display:flex;align-items:center;justify-content:center}.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)}.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}.vkuiSearch--vkcom .vkuiSearch__icons{top:4px;right:calc(100% + 8px)}.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}.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}.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,
|
|
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,
|
|
67
72
|
var(--vkui--color_background_modal)
|
|
68
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,
|
|
69
74
|
var(--vkui--color_background_accent)
|
|
@@ -99,13 +104,15 @@
|
|
|
99
104
|
var(--vkui--color_image_placeholder_alpha)
|
|
100
105
|
)}.vkuiUsersStack__photo--others{display:flex;align-items:center;justify-content:center;color:#f2f3f5;color:var(--vkui--color_icon_contrast_secondary,#F2F3F5);background:#99a2ad;background:var(--content_placeholder_icon,
|
|
101
106
|
var(--vkui--color_icon_secondary)
|
|
102
|
-
);border-radius:50%}.vkuiUsersStack--size-xs .vkuiUsersStack__photo{width:16px;height:16px}.vkuiUsersStack--size-s .vkuiUsersStack__photo{width:24px;height:24px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{width:32px;height:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{min-width:0;flex:1;margin:0 0 0 8px}.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}.
|
|
107
|
+
);border-radius:50%}.vkuiUsersStack--size-xs .vkuiUsersStack__photo{width:16px;height:16px}.vkuiUsersStack--size-s .vkuiUsersStack__photo{width:24px;height:24px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{width:32px;height:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{min-width:0;flex:1;margin:0 0 0 8px}.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){height:1px;height:var(--thin-border);background:currentColor;-webkit-transform-origin:center top;transform-origin:center top}.vkuiSeparator__in--expanded{height:16px;background:0 0}.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{color:#d7d8d9;color:var(--separator_common, var(--vkui--color_separator_primary));position:relative;box-sizing:border-box;display:flex;flex-flow:column;justify-content:center}.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{content:"";display:block;height:1px;background:currentColor;-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{display:flex;align-items:center;justify-content:center}.vkuiPlaceholder--stretched{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;padding-top:inherit;padding-bottom:inherit}.vkuiPlaceholder__in{max-width:100%;text-align:center;box-sizing:border-box;padding:48px 32px}.vkuiPlaceholder__icon{margin-bottom:12px;display:inline-block;vertical-align:top;color:#aeb7c2;color:var(--placeholder_icon_foreground_secondary,
|
|
108
|
+
var(--vkui--color_icon_secondary)
|
|
109
|
+
)}.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{margin:12px 0;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px);color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiBanner__in{position:relative;display:flex;flex-flow:row nowrap;align-items:stretch;padding:12px 12px 12px 16px;background-color:#f5f5f5;background-color:var(--content_tint_background,
|
|
103
110
|
var(--vkui--color_background_secondary)
|
|
104
111
|
);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);overflow:hidden}.vkuiBanner__in::before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;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;pointer-events:none;box-sizing:border-box;z-index:2}.vkuiBanner__before{position:relative;margin-right:12px;z-index:2}.vkuiBanner__content{position:relative;flex:1;display:flex;justify-content:center;flex-direction:column;min-width:0;z-index:2}.vkuiBanner__header{display:block}.vkuiBanner__subheader{display:block;color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead))}.vkuiBanner__text{color:#6d7885;color:var(--vkui--color_text_subhead,#6D7885)}.vkuiBanner__bg{position:absolute;left:0;top:0;z-index:1}.vkuiBanner__bg,.vkuiBanner__bg>*{width:100%;height:100%}.vkuiBanner__aside{display:flex;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:flex-end;width:28px;color:#b8c1cc;color:var(--icon_tertiary, var(--vkui--color_icon_tertiary))}.vkuiBanner__dismiss{position:absolute;top:2px;right:2px;display:flex;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary));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(--content_tint_background,
|
|
105
112
|
var(--vkui--color_background_secondary)
|
|
106
|
-
)}.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 12px}.vkuiMiniInfoCell--lvl-primary{color:#000;color:var(--text_primary)}.vkuiMiniInfoCell--lvl-secondary{color:#6d7885;color:var(--text_subhead)}.vkuiMiniInfoCell__icon{margin-right:12px;color:#99a2ad;color:var(--icon_outline_secondary)}.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)}.vkuiMiniInfoCell--md-more,.vkuiMiniInfoCell--md-more .vkuiMiniInfoCell__icon{color:#2d81e0;color:var(--link_alternate)}.vkuiMiniInfoCell--md-more{padding-top:10px;padding-bottom:10px}.vkuiMiniInfoCell--android{padding-left:16px;padding-right:16px}.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,
|
|
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,
|
|
107
114
|
var(--vkui--color_track_background)
|
|
108
|
-
);content:"";z-index:-1;top:13px;height:2px;border-radius:1px}.vkuiSlider__in{height:100%;position:relative}.vkuiSlider__dragger{position:absolute;left:0;width:0;height:0;top:13px}.vkuiSlider__dragger::before{position:absolute;top:0;width:calc(100% + 28px);background:#2688eb;background:var(--accent, var(--vkui--color_background_accent));content:"";left:-14px;height:2px;border-radius:1px}.vkuiSlider__thumb{position:absolute;top:-13px;width:28px;height:28px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;border-radius:14px;background:#fff;background:var(--vkui--color_background_contrast,#FFFFFF);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));border:.5px solid rgba(0,0,0,.12);border:.5px solid var(--vkui--color_separator_primary_alpha,rgba(0, 0, 0, 0.12))}.vkuiSlider__thumb--start{left:-14px}.vkuiSlider__thumb--end{right:-14px}.vkuiSlider--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiSlider--sizeY-compact{height:24px;padding:0 12px}.vkuiSlider--sizeY-compact::before{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger::before{width:calc(100% + 24px);left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb{top:-11px;width:24px;height:24px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--start{left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--end{right:-12px}.vkuiFormField{position:relative;display:flex;align-items:center;
|
|
115
|
+
);content:"";z-index:-1;top:13px;height:2px;border-radius:1px}.vkuiSlider__in{height:100%;position:relative}.vkuiSlider__dragger{position:absolute;left:0;width:0;height:0;top:13px}.vkuiSlider__dragger::before{position:absolute;top:0;width:calc(100% + 28px);background:#2688eb;background:var(--accent, var(--vkui--color_background_accent));content:"";left:-14px;height:2px;border-radius:1px}.vkuiSlider__thumb{position:absolute;top:-13px;width:28px;height:28px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;border-radius:14px;background:#fff;background:var(--vkui--color_background_contrast,#FFFFFF);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));border:.5px solid rgba(0,0,0,.12);border:.5px solid var(--vkui--color_separator_primary_alpha,rgba(0, 0, 0, 0.12))}.vkuiSlider__thumb--start{left:-14px}.vkuiSlider__thumb--end{right:-14px}.vkuiSlider--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiSlider--sizeY-compact{height:24px;padding:0 12px}.vkuiSlider--sizeY-compact::before{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger::before{width:calc(100% + 24px);left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb{top:-11px;width:24px;height:24px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--start{left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--end{right:-12px}.vkuiFormField{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:44px;min-height:var(--vkui--size_field_height--regular,44px)}.vkuiFormField--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact,36px)}.vkuiFormField__before,.vkuiFormField__after{position:relative;z-index:2;display:flex;align-items:center;align-content:center;justify-content:center;flex-shrink:0;min-width:44px;min-width:var(--vkui--size_field_height--regular,44px);height:100%;color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary))}.vkuiFormField--sizeY-compact .vkuiFormField__before,.vkuiFormField--sizeY-compact .vkuiFormField__after{min-width:36px;min-width:var(--vkui--size_field_height--compact,36px);height:36px;height: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{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;box-sizing:border-box;-webkit-transform-origin:left top;transform-origin:left top;border:1px solid transparent;border:var(--thin-border) solid transparent;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiFormField--default .vkuiFormField__border{border-color:rgba(0,0,0,.12);border-color:var(--field_border, var(--vkui--color_field_border_alpha));background-color:#f2f3f5;background-color:var(--field_background,
|
|
109
116
|
var(--vkui--color_field_background)
|
|
110
117
|
)}.vkuiFormItem--error .vkuiFormField__border{background-color:#faebeb;background-color:var(--field_error_background,
|
|
111
118
|
var(--vkui--color_background_negative_tint)
|
|
@@ -113,10 +120,10 @@
|
|
|
113
120
|
var(--vkui--color_field_background)
|
|
114
121
|
)}.vkuiFormField--default.vkuiFormField--hover .vkuiFormField__border{border-color:rgba(0,0,0,.24);border-color:var(--icon_tertiary_alpha,
|
|
115
122
|
var(--vkui--color_field_border_alpha--hover)
|
|
116
|
-
)}.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))}.vkuiFormField--sizeY-compact .vkuiFormField__before,.vkuiFormField--sizeY-compact .vkuiFormField__after{min-width:36px;height:36px}.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;height:42px;line-height:20px;font-size:16px;color:#000;color:var(--text_primary, var(--vkui--color_text_primary));padding:11px;position:relative;z-index:2;background:0 0}.vkuiInput--sizeY-compact .vkuiInput__el{height:34px;padding-top:9px;padding-bottom:9px;line-height:20px;font-size:15px}.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:7px 11px;color:#000;color:var(--text_primary, var(--vkui--color_text_primary));box-sizing:border-box;position:relative;z-index:2;overflow:hidden}.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}.vkuiSelect--sizeY-regular .vkuiSelect__container{padding:11px}.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;line-height:20px;font-size:16px;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;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::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,
|
|
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,
|
|
117
124
|
var(--vkui--color_transparent--hover)
|
|
118
125
|
)}.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{margin-left:8px;flex-shrink:0;display:flex;align-items:center}.vkuiCustomSelectOption__description{color:#818c99;color:var(--text_secondary, var(--vkui--color_text_secondary));text-overflow:ellipsis;overflow:hidden}.vkuiCustomSelectOption__selectedIcon{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiCustomSelectOption__selectedIcon:not(:first-child){margin-left:8px}.vkuiDatePicker{margin:0;padding:0;border:0}.vkuiDatePicker__container{width:100%;display:flex;flex-direction:row}.vkuiDatePicker__day{min-width:72px}.vkuiDatePicker__month{min-width:0;display:flex;flex:1 0 0;padding:0 8px}.vkuiDatePicker__year{min-width:92px}.vkuiDatePicker__monthSelect{width:100%}.vkuiSliderSwitch{display:flex;position:relative;width:100%;height:44px;border-radius:8px;box-sizing:border-box;background-color:#f2f3f5;background-color:var(--field_background);transition:all 100ms ease-out}.vkuiSliderSwitch__button{width:50%;height:100%;margin:0;padding:0;border:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;background:0 0;color:#6d7885;color:var(--text_subhead);transition:color 100ms ease-out;-webkit-user-select:none;user-select:none;z-index:1;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.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{position:absolute;left:50%;top:8px;width:1px;height:28px;opacity:.5;background-color:#b8c1cc;background-color:var(--toolbar_attach_background_from)}.vkuiSliderSwitch__button--active{color:#000;color:var(--text_primary);transition:-webkit-transform 150ms ease-in;transition:transform 150ms ease-in;transition:transform 150ms ease-in,-webkit-transform 150ms ease-in}.vkuiSliderSwitch__button--activeHover{color:#000;color:var(--header_alternate_tab_active_text)}.vkuiSliderSwitch__slider{position:absolute;top:0;left:0;width:calc(50% - 4px);height:40px;margin:2px;border-radius:6px;transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms,-webkit-transform 150ms}.vkuiSliderSwitch--firstActive{margin-left:2px;background-color:#fff;background-color:var(--background_content)}.vkuiSliderSwitch--secondActive{-webkit-transform:translateX(calc(100% + 4px));transform:translateX(calc(100% + 4px));background-color:#fff;background-color:var(--background_content)}.vkuiPopper{z-index:100}.vkuiPopper__arrow-in{content:"";display:block;width:20px;height:8px}[data-popper-placement^=bottom] .vkuiPopper__arrow{bottom:100%}[data-popper-placement^=top] .vkuiPopper__arrow{top:100%}[data-popper-placement^=top] .vkuiPopper__arrow-in{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[data-popper-placement^=left] .vkuiPopper__arrow{left:calc(100% - 6px)}[data-popper-placement^=left] .vkuiPopper__arrow-in{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[data-popper-placement^=right] .vkuiPopper__arrow{right:calc(100% - 6px)}[data-popper-placement^=right] .vkuiPopper__arrow-in{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.vkuiCustomSelectDropdown{overflow:hidden;background-color:#fff;background-color:var(--modal_card_background,
|
|
119
126
|
var(--vkui--color_background_content)
|
|
120
|
-
);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_background_modal,#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:#99a2ad;color:var(--vkui--color_icon_secondary,#99A2AD)}.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-12px;padding:12px 12px 0 12px}.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}
|
|
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}
|
|
121
128
|
|
|
122
129
|
/*# sourceMappingURL=components.css.map*/
|