@vkontakte/vkui 5.3.2 → 5.4.0
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/dist/cjs/components/Accordion/Accordion.d.ts +2 -2
- package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
- package/dist/cjs/components/Accordion/AccordionSummary.d.ts +1 -1
- package/dist/cjs/components/Accordion/AccordionSummary.js.map +1 -1
- package/dist/cjs/components/ActionSheet/types.d.ts +1 -1
- package/dist/cjs/components/ActionSheet/types.js.map +1 -1
- package/dist/cjs/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
- package/dist/cjs/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +4 -4
- package/dist/cjs/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
- 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/AppRootPortal.d.ts +3 -3
- package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cjs/components/AppRoot/ScrollContext.d.ts +2 -2
- package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cjs/components/Button/Button.d.ts +1 -0
- package/dist/cjs/components/Button/Button.js +2 -2
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Card/Card.js +1 -3
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/CardGrid/CardGrid.js +4 -4
- package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js +10 -6
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/cjs/components/Checkbox/Checkbox.js +12 -8
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/ChipsSelect/ChipsSelect.d.ts +4 -0
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js +3 -2
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cjs/components/Counter/Counter.js +3 -5
- package/dist/cjs/components/Counter/Counter.js.map +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.d.ts +3 -0
- package/dist/cjs/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js +1 -1
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cjs/components/Epic/ScrollSaver.d.ts +3 -3
- package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cjs/components/File/File.js +4 -3
- package/dist/cjs/components/File/File.js.map +1 -1
- package/dist/cjs/components/FixedLayout/FixedLayout.js +1 -1
- package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cjs/components/FocusVisible/FocusVisible.d.ts +4 -2
- package/dist/cjs/components/FocusVisible/FocusVisible.js +4 -3
- package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/cjs/components/FormField/FormField.js +10 -1
- package/dist/cjs/components/FormField/FormField.js.map +1 -1
- package/dist/cjs/components/FormItem/FormItem.d.ts +3 -1
- package/dist/cjs/components/FormItem/FormItem.js +2 -1
- package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cjs/components/Group/Group.d.ts +5 -3
- package/dist/cjs/components/Group/Group.js +2 -2
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/Header/Header.js +20 -16
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +4 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +6 -2
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cjs/components/IconButton/IconButton.d.ts +3 -3
- package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
- package/dist/cjs/components/LocaleProvider/LocaleProvider.d.ts +2 -2
- package/dist/cjs/components/LocaleProvider/LocaleProvider.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.d.ts +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.js +19 -3
- package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPageContext.d.ts +5 -0
- package/dist/cjs/components/{Typography/types.js → ModalPage/ModalPageContext.js} +8 -1
- package/dist/cjs/components/ModalPage/ModalPageContext.js.map +1 -0
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js +6 -1
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRoot.d.ts +2 -27
- package/dist/cjs/components/ModalRoot/ModalRoot.js +13 -22
- package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +145 -219
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cjs/components/ModalRoot/types.d.ts +28 -0
- package/dist/cjs/components/ModalRoot/types.js.map +1 -1
- package/dist/cjs/components/ModalRoot/useModalManager.d.ts +6 -5
- package/dist/cjs/components/ModalRoot/useModalManager.js +3 -3
- package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cjs/components/NativeSelect/NativeSelect.d.ts +6 -2
- package/dist/cjs/components/NativeSelect/NativeSelect.js +6 -3
- package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cjs/components/Panel/Panel.js +2 -2
- package/dist/cjs/components/Panel/Panel.js.map +1 -1
- package/dist/cjs/components/PanelHeader/PanelHeader.d.ts +11 -2
- package/dist/cjs/components/PanelHeader/PanelHeader.js +17 -7
- package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cjs/components/PlatformProvider/PlatformProvider.d.ts +1 -1
- package/dist/cjs/components/PlatformProvider/PlatformProvider.js.map +1 -1
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cjs/components/Popover/Popover.d.ts +3 -2
- package/dist/cjs/components/Popover/Popover.js +5 -3
- package/dist/cjs/components/Popover/Popover.js.map +1 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cjs/components/PullToRefresh/PullToRefresh.d.ts +3 -4
- package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.d.ts +2 -1
- package/dist/cjs/components/Radio/Radio.js +14 -8
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/Removable/Removable.d.ts +7 -2
- package/dist/cjs/components/Removable/Removable.js +4 -3
- package/dist/cjs/components/Removable/Removable.js.map +1 -1
- package/dist/cjs/components/Root/Root.js.map +1 -1
- package/dist/cjs/components/Search/Search.d.ts +3 -1
- package/dist/cjs/components/Search/Search.js +42 -57
- package/dist/cjs/components/Search/Search.js.map +1 -1
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +8 -4
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js +1 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cjs/components/SelectTypography/SelectTypography.d.ts +2 -3
- package/dist/cjs/components/SelectTypography/SelectTypography.js.map +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.js +8 -5
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cjs/components/Spacing/Spacing.d.ts +2 -2
- package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
- package/dist/cjs/components/SplitCol/SplitCol.js +1 -0
- package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cjs/components/Switch/Switch.d.ts +4 -5
- package/dist/cjs/components/Switch/Switch.js +12 -8
- package/dist/cjs/components/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/Tabbar/Tabbar.js +2 -4
- package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.js +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cjs/components/Tappable/Tappable.d.ts +2 -3
- package/dist/cjs/components/Tappable/Tappable.js +1 -0
- package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.d.ts +2 -2
- package/dist/cjs/components/Typography/Caption/Caption.js +10 -13
- package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cjs/components/Typography/Footnote/Footnote.d.ts +2 -2
- package/dist/cjs/components/Typography/Footnote/Footnote.js +10 -13
- package/dist/cjs/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/cjs/components/Typography/Headline/Headline.d.ts +3 -4
- package/dist/cjs/components/Typography/Headline/Headline.js +9 -12
- package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts +3 -5
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js +8 -13
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.d.ts +2 -2
- package/dist/cjs/components/Typography/Subhead/Subhead.js +9 -12
- package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cjs/components/Typography/Text/Text.d.ts +3 -5
- package/dist/cjs/components/Typography/Text/Text.js +8 -13
- package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
- package/dist/cjs/components/Typography/Title/Title.d.ts +2 -2
- package/dist/cjs/components/Typography/Title/Title.js +10 -13
- package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
- package/dist/cjs/components/Typography/Typography.d.ts +16 -0
- package/dist/cjs/components/Typography/Typography.js +35 -0
- package/dist/cjs/components/Typography/Typography.js.map +1 -0
- package/dist/cjs/components/UsersStack/UsersStack.d.ts +2 -2
- package/dist/cjs/components/UsersStack/UsersStack.js +2 -1
- package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cjs/components/View/View.js +1 -1
- package/dist/cjs/components/View/View.js.map +1 -1
- package/dist/cjs/components/View/ViewInfinite.js +1 -1
- package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js +29 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js +5 -0
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js +2 -2
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cjs/helpers/getPlatformClassName.js +1 -1
- package/dist/cjs/helpers/getPlatformClassName.js.map +1 -1
- package/dist/cjs/hooks/useFocusWithin.d.ts +2 -0
- package/dist/cjs/hooks/useFocusWithin.js +38 -0
- package/dist/cjs/hooks/useFocusWithin.js.map +1 -0
- package/dist/cjs/hooks/useId.js +1 -1
- package/dist/cjs/hooks/useId.js.map +1 -1
- package/dist/cjs/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/dist/cjs/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cjs/index.d.ts +4 -2
- package/dist/cjs/index.js +8 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/utils.js +2 -2
- package/dist/cjs/lib/utils.js.map +1 -1
- package/dist/components/Accordion/Accordion.d.ts +2 -2
- package/dist/components/Accordion/Accordion.js +2 -2
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/AccordionSummary.d.ts +1 -1
- package/dist/components/Accordion/AccordionSummary.js +1 -1
- package/dist/components/Accordion/AccordionSummary.js.map +1 -1
- package/dist/components/ActionSheet/types.d.ts +1 -1
- package/dist/components/ActionSheet/types.js.map +1 -1
- package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
- package/dist/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +5 -2
- package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
- package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
- package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AppRoot/AppRootPortal.d.ts +3 -3
- package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/components/AppRoot/ScrollContext.d.ts +2 -2
- package/dist/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/components/Button/Button.d.ts +1 -0
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.js +1 -3
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardGrid/CardGrid.js +4 -4
- package/dist/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
- package/dist/components/Cell/CellCheckbox/CellCheckbox.js +10 -6
- package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/components/Checkbox/Checkbox.js +12 -8
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/ChipsSelect/ChipsSelect.d.ts +4 -0
- package/dist/components/ChipsSelect/ChipsSelect.js +3 -2
- package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/components/Counter/Counter.js +4 -6
- package/dist/components/Counter/Counter.js.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.d.ts +3 -0
- package/dist/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.js +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/components/Epic/ScrollSaver.d.ts +3 -3
- package/dist/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/components/File/File.js +4 -3
- package/dist/components/File/File.js.map +1 -1
- package/dist/components/FixedLayout/FixedLayout.js +1 -1
- package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/components/FocusVisible/FocusVisible.d.ts +4 -2
- package/dist/components/FocusVisible/FocusVisible.js +4 -3
- package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/components/FormField/FormField.js +10 -1
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormItem/FormItem.d.ts +3 -1
- package/dist/components/FormItem/FormItem.js +2 -1
- package/dist/components/FormItem/FormItem.js.map +1 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/components/Group/Group.d.ts +5 -3
- package/dist/components/Group/Group.js +5 -3
- package/dist/components/Group/Group.js.map +1 -1
- package/dist/components/Header/Header.js +20 -16
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js +4 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +6 -2
- 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/IconButton/IconButton.d.ts +3 -3
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/LocaleProvider/LocaleProvider.d.ts +2 -2
- package/dist/components/LocaleProvider/LocaleProvider.js +2 -2
- package/dist/components/LocaleProvider/LocaleProvider.js.map +1 -1
- package/dist/components/ModalPage/ModalPage.d.ts +1 -1
- package/dist/components/ModalPage/ModalPage.js +19 -3
- package/dist/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/components/ModalPage/ModalPageContext.d.ts +5 -0
- package/dist/components/ModalPage/ModalPageContext.js +4 -0
- package/dist/components/ModalPage/ModalPageContext.js.map +1 -0
- package/dist/components/ModalPageHeader/ModalPageHeader.js +6 -1
- package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/components/ModalRoot/ModalRoot.d.ts +2 -27
- package/dist/components/ModalRoot/ModalRoot.js +13 -22
- package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
- package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
- package/dist/components/ModalRoot/ModalRootDesktop.js +149 -223
- package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/components/ModalRoot/types.d.ts +28 -0
- package/dist/components/ModalRoot/types.js.map +1 -1
- package/dist/components/ModalRoot/useModalManager.d.ts +6 -5
- package/dist/components/ModalRoot/useModalManager.js +3 -3
- package/dist/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/components/NativeSelect/NativeSelect.d.ts +6 -2
- package/dist/components/NativeSelect/NativeSelect.js +6 -3
- package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/components/Panel/Panel.js +2 -2
- package/dist/components/Panel/Panel.js.map +1 -1
- package/dist/components/PanelHeader/PanelHeader.d.ts +11 -2
- package/dist/components/PanelHeader/PanelHeader.js +17 -7
- package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/components/PlatformProvider/PlatformProvider.d.ts +1 -1
- package/dist/components/PlatformProvider/PlatformProvider.js +1 -1
- package/dist/components/PlatformProvider/PlatformProvider.js.map +1 -1
- package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +3 -2
- package/dist/components/Popover/Popover.js +5 -3
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/PromoBanner/PromoBanner.js +1 -0
- package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.d.ts +3 -4
- package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/components/Radio/Radio.d.ts +2 -1
- package/dist/components/Radio/Radio.js +14 -8
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Removable/Removable.d.ts +7 -2
- package/dist/components/Removable/Removable.js +4 -3
- package/dist/components/Removable/Removable.js.map +1 -1
- package/dist/components/Root/Root.js.map +1 -1
- package/dist/components/Search/Search.d.ts +3 -1
- package/dist/components/Search/Search.js +42 -57
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +8 -4
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/components/SelectMimicry/SelectMimicry.js +1 -1
- package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/components/SelectTypography/SelectTypography.d.ts +2 -3
- package/dist/components/SelectTypography/SelectTypography.js.map +1 -1
- package/dist/components/SimpleCell/SimpleCell.js +8 -5
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/Spacing/Spacing.d.ts +2 -2
- package/dist/components/Spacing/Spacing.js.map +1 -1
- package/dist/components/SplitCol/SplitCol.js +1 -0
- package/dist/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +4 -5
- package/dist/components/Switch/Switch.js +12 -8
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Tabbar/Tabbar.js +2 -4
- package/dist/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/components/TabbarItem/TabbarItem.js +1 -1
- package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/components/Tappable/Tappable.d.ts +2 -3
- package/dist/components/Tappable/Tappable.js +1 -0
- package/dist/components/Tappable/Tappable.js.map +1 -1
- package/dist/components/Typography/Caption/Caption.d.ts +2 -2
- package/dist/components/Typography/Caption/Caption.js +10 -13
- package/dist/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/components/Typography/Footnote/Footnote.d.ts +2 -2
- package/dist/components/Typography/Footnote/Footnote.js +10 -13
- package/dist/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/components/Typography/Headline/Headline.d.ts +3 -4
- package/dist/components/Typography/Headline/Headline.js +9 -12
- package/dist/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/components/Typography/Paragraph/Paragraph.d.ts +3 -5
- package/dist/components/Typography/Paragraph/Paragraph.js +8 -13
- package/dist/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Typography/Subhead/Subhead.d.ts +2 -2
- package/dist/components/Typography/Subhead/Subhead.js +9 -12
- package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/components/Typography/Text/Text.d.ts +3 -5
- package/dist/components/Typography/Text/Text.js +8 -13
- package/dist/components/Typography/Text/Text.js.map +1 -1
- package/dist/components/Typography/Title/Title.d.ts +2 -2
- package/dist/components/Typography/Title/Title.js +10 -13
- package/dist/components/Typography/Title/Title.js.map +1 -1
- package/dist/components/Typography/Typography.d.ts +16 -0
- package/dist/components/Typography/Typography.js +24 -0
- package/dist/components/Typography/Typography.js.map +1 -0
- package/dist/components/UsersStack/UsersStack.d.ts +2 -2
- package/dist/components/UsersStack/UsersStack.js +2 -1
- package/dist/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/components/View/View.js +1 -1
- package/dist/components/View/View.js.map +1 -1
- package/dist/components/View/ViewInfinite.js +1 -1
- package/dist/components/View/ViewInfinite.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +25 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js +9 -4
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js +2 -2
- package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/components.css +138 -138
- package/dist/components.css.map +1 -1
- package/dist/components.js.tmp +3802 -3692
- package/dist/cssm/components/Accordion/Accordion.d.ts +2 -2
- package/dist/cssm/components/Accordion/Accordion.js +2 -2
- package/dist/cssm/components/Accordion/Accordion.js.map +1 -1
- package/dist/cssm/components/Accordion/Accordion.module.css +13 -1
- package/dist/cssm/components/Accordion/AccordionSummary.d.ts +1 -1
- package/dist/cssm/components/Accordion/AccordionSummary.js +1 -1
- package/dist/cssm/components/Accordion/AccordionSummary.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.module.css +115 -1
- package/dist/cssm/components/ActionSheet/types.d.ts +1 -1
- package/dist/cssm/components/ActionSheet/types.js.map +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.module.css +241 -1
- package/dist/cssm/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
- package/dist/cssm/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +5 -2
- package/dist/cssm/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.module.css +287 -1
- package/dist/cssm/components/AppRoot/AppRoot.module.css +23 -1
- package/dist/cssm/components/AppRoot/AppRootPortal.d.ts +3 -3
- package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cssm/components/AppRoot/ScrollContext.d.ts +2 -2
- package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cssm/components/Avatar/Avatar.module.css +55 -1
- package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.module.css +29 -1
- package/dist/cssm/components/Badge/Badge.module.css +27 -1
- package/dist/cssm/components/Banner/Banner.module.css +167 -1
- package/dist/cssm/components/BaseGallery/BaseGallery.module.css +82 -1
- package/dist/cssm/components/Button/Button.d.ts +1 -0
- package/dist/cssm/components/Button/Button.js +2 -1
- package/dist/cssm/components/Button/Button.js.map +1 -1
- package/dist/cssm/components/Button/Button.module.css +676 -1
- package/dist/cssm/components/ButtonGroup/ButtonGroup.module.css +77 -1
- package/dist/cssm/components/Calendar/Calendar.module.css +30 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.module.css +84 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.module.css +31 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.module.css +41 -1
- package/dist/cssm/components/CalendarRange/CalendarRange.module.css +26 -1
- package/dist/cssm/components/CalendarTime/CalendarTime.module.css +19 -1
- package/dist/cssm/components/Card/Card.js +1 -3
- package/dist/cssm/components/Card/Card.js.map +1 -1
- package/dist/cssm/components/Card/Card.module.css +131 -3
- package/dist/cssm/components/CardGrid/CardGrid.js +4 -4
- package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cssm/components/CardGrid/CardGrid.module.css +59 -1
- package/dist/cssm/components/CardScroll/CardScroll.module.css +64 -1
- package/dist/cssm/components/Cell/Cell.module.css +63 -1
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js +7 -5
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.module.css +13 -1
- package/dist/cssm/components/Cell/CellDragger/CellDragger.module.css +4 -1
- package/dist/cssm/components/CellButton/CellButton.module.css +57 -1
- package/dist/cssm/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/cssm/components/Checkbox/Checkbox.js +10 -7
- package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.module.css +172 -1
- package/dist/cssm/components/Chip/Chip.module.css +67 -1
- package/dist/cssm/components/ChipsInput/ChipsInput.module.css +3 -1
- package/dist/cssm/components/ChipsInputBase/ChipsInputBase.module.css +115 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +4 -0
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js +2 -2
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.module.css +27 -1
- package/dist/cssm/components/ContentCard/ContentCard.module.css +31 -1
- package/dist/cssm/components/Counter/Counter.js +4 -6
- package/dist/cssm/components/Counter/Counter.js.map +1 -1
- package/dist/cssm/components/Counter/Counter.module.css +72 -3
- package/dist/cssm/components/CustomScrollView/CustomScrollView.module.css +86 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +3 -0
- package/dist/cssm/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.module.css +58 -1
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.module.css +43 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.module.css +81 -1
- package/dist/cssm/components/DateInput/DateInput.module.css +30 -1
- package/dist/cssm/components/DatePicker/DatePicker.module.css +30 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.module.css +26 -1
- package/dist/cssm/components/Div/Div.module.css +4 -1
- package/dist/cssm/components/Epic/Epic.module.css +4 -1
- package/dist/cssm/components/Epic/ScrollSaver.d.ts +3 -3
- package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cssm/components/File/File.js +4 -3
- package/dist/cssm/components/File/File.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.js +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.module.css +58 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +4 -2
- package/dist/cssm/components/FocusVisible/FocusVisible.js +4 -3
- package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.module.css +104 -1
- package/dist/cssm/components/Footer/Footer.module.css +9 -1
- package/dist/cssm/components/FormField/FormField.js +10 -1
- package/dist/cssm/components/FormField/FormField.js.map +1 -1
- package/dist/cssm/components/FormField/FormField.module.css +211 -1
- package/dist/cssm/components/FormItem/FormItem.d.ts +3 -1
- package/dist/cssm/components/FormItem/FormItem.js +2 -1
- package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
- package/dist/cssm/components/FormItem/FormItem.module.css +104 -1
- package/dist/cssm/components/FormLayout/FormLayout.module.css +18 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.module.css +61 -1
- package/dist/cssm/components/FormStatus/FormStatus.module.css +3 -1
- package/dist/cssm/components/Gradient/Gradient.module.css +23 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.module.css +37 -1
- package/dist/cssm/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.module.css +9 -1
- package/dist/cssm/components/Group/Group.d.ts +5 -3
- package/dist/cssm/components/Group/Group.js +5 -3
- package/dist/cssm/components/Group/Group.js.map +1 -1
- package/dist/cssm/components/Group/Group.module.css +166 -1
- package/dist/cssm/components/Header/Header.js +23 -18
- package/dist/cssm/components/Header/Header.js.map +1 -1
- package/dist/cssm/components/Header/Header.module.css +207 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.module.css +79 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +3 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.module.css +59 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +5 -2
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.module.css +67 -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.d.ts +3 -3
- package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
- package/dist/cssm/components/IconButton/IconButton.module.css +152 -1
- package/dist/cssm/components/Image/ImageBadge/ImageBadge.module.css +10 -1
- package/dist/cssm/components/ImageBase/ImageBase.module.css +131 -1
- package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.module.css +28 -1
- package/dist/cssm/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.module.css +36 -1
- package/dist/cssm/components/InfoRow/InfoRow.module.css +17 -1
- package/dist/cssm/components/Input/Input.module.css +101 -1
- package/dist/cssm/components/InputLike/InputLike.module.css +31 -1
- package/dist/cssm/components/Link/Link.module.css +43 -1
- package/dist/cssm/components/List/List.module.css +3 -1
- package/dist/cssm/components/LocaleProvider/LocaleProvider.d.ts +2 -2
- package/dist/cssm/components/LocaleProvider/LocaleProvider.js +2 -2
- package/dist/cssm/components/LocaleProvider/LocaleProvider.js.map +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.module.css +78 -1
- package/dist/cssm/components/ModalCard/ModalCard.module.css +62 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.module.css +102 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.module.css +38 -1
- package/dist/cssm/components/ModalPage/ModalPage.d.ts +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.js +17 -3
- package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.module.css +151 -1
- package/dist/cssm/components/ModalPage/ModalPageContext.d.ts +5 -0
- package/dist/cssm/components/ModalPage/ModalPageContext.js +4 -0
- package/dist/cssm/components/ModalPage/ModalPageContext.js.map +1 -0
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js +6 -1
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.module.css +18 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.d.ts +2 -27
- package/dist/cssm/components/ModalRoot/ModalRoot.js +12 -18
- package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.module.css +65 -1
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +106 -125
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cssm/components/ModalRoot/types.d.ts +28 -0
- package/dist/cssm/components/ModalRoot/types.js.map +1 -1
- package/dist/cssm/components/ModalRoot/useModalManager.d.ts +6 -5
- package/dist/cssm/components/ModalRoot/useModalManager.js +3 -3
- package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +6 -2
- package/dist/cssm/components/NativeSelect/NativeSelect.js +4 -3
- package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cssm/components/Pagination/Pagination.module.css +83 -1
- package/dist/cssm/components/Panel/Panel.js +2 -2
- package/dist/cssm/components/Panel/Panel.js.map +1 -1
- package/dist/cssm/components/Panel/Panel.module.css +177 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.d.ts +11 -2
- package/dist/cssm/components/PanelHeader/PanelHeader.js +16 -7
- package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.module.css +321 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.module.css +111 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.module.css +96 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.module.css +169 -1
- package/dist/cssm/components/Placeholder/Placeholder.module.css +41 -1
- package/dist/cssm/components/PlatformProvider/PlatformProvider.d.ts +1 -1
- package/dist/cssm/components/PlatformProvider/PlatformProvider.js +1 -1
- package/dist/cssm/components/PlatformProvider/PlatformProvider.js.map +1 -1
- package/dist/cssm/components/PopoutRoot/PopoutRoot.module.css +32 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.module.css +96 -1
- package/dist/cssm/components/Popover/Popover.d.ts +3 -2
- package/dist/cssm/components/Popover/Popover.js +3 -2
- package/dist/cssm/components/Popover/Popover.js.map +1 -1
- package/dist/cssm/components/Popover/Popover.module.css +28 -1
- package/dist/cssm/components/Popper/Popper.module.css +16 -1
- package/dist/cssm/components/PopperArrow/PopperArrow.module.css +23 -1
- package/dist/cssm/components/Progress/Progress.module.css +12 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.js +1 -0
- package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.module.css +39 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts +3 -4
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.module.css +101 -1
- package/dist/cssm/components/Radio/Radio.d.ts +2 -1
- package/dist/cssm/components/Radio/Radio.js +11 -7
- package/dist/cssm/components/Radio/Radio.js.map +1 -1
- package/dist/cssm/components/Radio/Radio.module.css +140 -1
- package/dist/cssm/components/RadioGroup/RadioGroup.module.css +13 -1
- package/dist/cssm/components/Removable/Removable.d.ts +7 -2
- package/dist/cssm/components/Removable/Removable.js +2 -2
- package/dist/cssm/components/Removable/Removable.js.map +1 -1
- package/dist/cssm/components/Removable/Removable.module.css +153 -1
- package/dist/cssm/components/RichCell/RichCell.module.css +144 -1
- package/dist/cssm/components/RichCell/RichCellIcon/RichCellIcon.module.css +11 -1
- package/dist/cssm/components/RichTooltip/RichTooltip.module.css +57 -1
- package/dist/cssm/components/Root/Root.js +4 -4
- package/dist/cssm/components/Root/Root.js.map +1 -1
- package/dist/cssm/components/Root/Root.module.css +136 -1
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.module.css +66 -1
- package/dist/cssm/components/Search/Search.d.ts +3 -1
- package/dist/cssm/components/Search/Search.js +38 -54
- package/dist/cssm/components/Search/Search.js.map +1 -1
- package/dist/cssm/components/Search/Search.module.css +156 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControl.module.css +64 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +7 -4
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.module.css +52 -1
- package/dist/cssm/components/Select/Select.module.css +87 -1
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js +1 -1
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cssm/components/SelectTypography/SelectTypography.d.ts +2 -3
- package/dist/cssm/components/SelectTypography/SelectTypography.js.map +1 -1
- package/dist/cssm/components/SelectTypography/SelectTypography.module.css +30 -1
- package/dist/cssm/components/Separator/Separator.module.css +48 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.js +8 -5
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.module.css +223 -1
- package/dist/cssm/components/Slider/Slider.module.css +134 -1
- package/dist/cssm/components/Snackbar/Snackbar.module.css +165 -1
- package/dist/cssm/components/Spacing/Spacing.d.ts +2 -2
- package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
- package/dist/cssm/components/Spacing/Spacing.module.css +4 -1
- package/dist/cssm/components/Spinner/Spinner.module.css +36 -1
- package/dist/cssm/components/SplitCol/SplitCol.js +1 -0
- package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.module.css +51 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.module.css +29 -1
- package/dist/cssm/components/SubnavigationBar/SubnavigationBar.module.css +16 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.module.css +166 -1
- package/dist/cssm/components/Switch/Switch.d.ts +4 -5
- package/dist/cssm/components/Switch/Switch.js +11 -8
- package/dist/cssm/components/Switch/Switch.js.map +1 -1
- package/dist/cssm/components/Switch/Switch.module.css +200 -1
- package/dist/cssm/components/Tabbar/Tabbar.js +2 -4
- package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.module.css +34 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.js +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.module.css +118 -1
- package/dist/cssm/components/Tabs/Tabs.module.css +62 -1
- package/dist/cssm/components/TabsItem/TabsItem.module.css +229 -1
- package/dist/cssm/components/Tappable/Tappable.d.ts +2 -3
- package/dist/cssm/components/Tappable/Tappable.js +1 -0
- package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
- package/dist/cssm/components/Tappable/Tappable.module.css +142 -1
- package/dist/cssm/components/TextTooltip/TextTooltip.module.css +58 -1
- package/dist/cssm/components/Textarea/Textarea.module.css +87 -1
- package/dist/cssm/components/Tooltip/Tooltip.module.css +57 -1
- package/dist/cssm/components/Typography/Caption/Caption.d.ts +2 -2
- package/dist/cssm/components/Typography/Caption/Caption.js +9 -10
- package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.module.css +45 -1
- package/dist/cssm/components/Typography/Footnote/Footnote.d.ts +2 -2
- package/dist/cssm/components/Typography/Footnote/Footnote.js +7 -10
- package/dist/cssm/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/cssm/components/Typography/Footnote/Footnote.module.css +14 -1
- package/dist/cssm/components/Typography/Headline/Headline.d.ts +3 -4
- package/dist/cssm/components/Typography/Headline/Headline.js +9 -10
- package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.module.css +48 -1
- package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts +3 -5
- package/dist/cssm/components/Typography/Paragraph/Paragraph.js +8 -10
- package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/cssm/components/Typography/Paragraph/Paragraph.module.css +6 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +2 -2
- package/dist/cssm/components/Typography/Subhead/Subhead.js +8 -9
- package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.module.css +18 -1
- package/dist/cssm/components/Typography/Text/Text.d.ts +3 -5
- package/dist/cssm/components/Typography/Text/Text.js +8 -10
- package/dist/cssm/components/Typography/Text/Text.js.map +1 -1
- package/dist/cssm/components/Typography/Text/Text.module.css +29 -1
- package/dist/cssm/components/Typography/Title/Title.d.ts +2 -2
- package/dist/cssm/components/Typography/Title/Title.js +9 -10
- package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
- package/dist/cssm/components/Typography/Title/Title.module.css +20 -1
- package/dist/cssm/components/Typography/Typography.d.ts +16 -0
- package/dist/cssm/components/Typography/Typography.js +14 -0
- package/dist/cssm/components/Typography/Typography.js.map +1 -0
- package/dist/cssm/components/Typography/Typography.module.css +18 -0
- package/dist/cssm/components/UsersStack/UsersStack.d.ts +2 -2
- package/dist/cssm/components/UsersStack/UsersStack.js +2 -1
- package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cssm/components/UsersStack/UsersStack.module.css +77 -1
- package/dist/cssm/components/View/View.js +6 -7
- package/dist/cssm/components/View/View.js.map +1 -1
- package/dist/cssm/components/View/View.module.css +228 -1
- package/dist/cssm/components/View/ViewInfinite.js +6 -7
- package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
- package/dist/cssm/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
- package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js +19 -0
- package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/cssm/components/VisuallyHidden/VisuallyHidden.module.css +10 -0
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js +9 -4
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.module.css +10 -1
- package/dist/cssm/components/WriteBar/WriteBar.module.css +119 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js +2 -2
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.module.css +66 -1
- package/dist/cssm/helpers/getPlatformClassName.js +1 -1
- package/dist/cssm/helpers/getPlatformClassName.js.map +1 -1
- package/dist/cssm/hooks/useFocusWithin.d.ts +2 -0
- package/dist/cssm/hooks/useFocusWithin.js +26 -0
- package/dist/cssm/hooks/useFocusWithin.js.map +1 -0
- package/dist/cssm/hooks/useId.js +1 -1
- package/dist/cssm/hooks/useId.js.map +1 -1
- package/dist/cssm/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cssm/index.d.ts +4 -2
- package/dist/cssm/index.js +2 -1
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/lib/utils.js +2 -2
- package/dist/cssm/lib/utils.js.map +1 -1
- package/dist/cssm/styles/adaptivity.module.css +87 -1
- package/dist/cssm/styles/common.css +36 -1
- package/dist/cssm/styles/constants.css +86 -1
- package/dist/cssm/styles/themes.css +1039 -1
- package/dist/helpers/getPlatformClassName.js +1 -1
- package/dist/helpers/getPlatformClassName.js.map +1 -1
- package/dist/hooks/useFocusWithin.d.ts +2 -0
- package/dist/hooks/useFocusWithin.js +27 -0
- package/dist/hooks/useFocusWithin.js.map +1 -0
- package/dist/hooks/useId.js +1 -1
- package/dist/hooks/useId.js.map +1 -1
- package/dist/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/utils.js +2 -2
- package/dist/lib/utils.js.map +1 -1
- package/dist/vkui.css +139 -139
- package/dist/vkui.css.map +1 -1
- package/dist/vkui.js.tmp +3802 -3692
- package/package.json +24 -17
- package/dist/cjs/components/Typography/types.d.ts +0 -11
- package/dist/cjs/components/Typography/types.js.map +0 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
- package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
- package/dist/components/Typography/types.d.ts +0 -11
- package/dist/components/Typography/types.js +0 -3
- package/dist/components/Typography/types.js.map +0 -1
- package/dist/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
- package/dist/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
- package/dist/cssm/components/Typography/types.d.ts +0 -11
- package/dist/cssm/components/Typography/types.js +0 -3
- package/dist/cssm/components/Typography/types.js.map +0 -1
- package/dist/cssm/components/View/ViewIOS.module.css +0 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
- package/dist/cssm/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
- package/dist/cssm/styles/animations.css +0 -1
package/dist/vkui.css
CHANGED
|
@@ -1,145 +1,145 @@
|
|
|
1
|
-
.vkui--vkBase--light,:root{--vkui--theme_name:"vkBase"}.vkui--vkBase--dark,.vkui--vkBase--light,:root{--vkui--theme_name_base:"vkBase";--vkui--size_base_padding_horizontal--regular:16px;--vkui--size_switch_height--regular:14px;--vkui--size_switch_height--compact:12px;--vkui--size_switch_width--regular:34px;--vkui--size_switch_width--compact:32px;--vkui--size_switch_pin--regular:20px;--vkui--size_switch_pin--compact:18px;--vkui--size_panel_header_height--regular:56px}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--gradient_black:transparent 0%,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%;--vkui--gradient_white:hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%;--vkui--elevation1:0px 0px 2px rgba(0,0,0,.03),0px 2px 2px rgba(0,0,0,.06);--vkui--elevation1_invert_y:0px 0px 2px rgba(0,0,0,.03),0px -2px 2px rgba(0,0,0,.06);--vkui--elevation2:0px 4px 8px rgba(0,0,0,.04),0px 0px 4px rgba(0,0,0,.06);--vkui--elevation3:0px 0px 2px rgba(0,0,0,.08),0px 4px 16px rgba(0,0,0,.08);--vkui--elevation4:0px 0px 8px rgba(0,0,0,.12),0px 16px 16px rgba(0,0,0,.16);--vkui--font_family_accent:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_family_base:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_weight_accent1:600;--vkui--font_weight_accent2:500;--vkui--font_weight_accent3:400;--vkui--font_weight_base1:600;--vkui--font_weight_base2:500;--vkui--font_weight_base3:400;--vkui--font_title1--font_size--regular:24px;--vkui--font_title1--line_height--regular:28px;--vkui--font_title1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title1--font_weight--regular:600;--vkui--font_title2--font_size--regular:20px;--vkui--font_title2--line_height--regular:24px;--vkui--font_title2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title2--font_weight--regular:600;--vkui--font_title3--font_size--regular:17px;--vkui--font_title3--line_height--regular:22px;--vkui--font_title3--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title3--font_weight--regular:600;--vkui--font_headline1--font_size--regular:16px;--vkui--font_headline1--line_height--regular:20px;--vkui--font_headline1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline1--font_weight--regular:500;--vkui--font_headline2--font_size--regular:15px;--vkui--font_headline2--line_height--regular:20px;--vkui--font_headline2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline2--font_weight--regular:500;--vkui--font_headline2--font_size--compact:14px;--vkui--font_headline2--line_height--compact:20px;--vkui--font_text--font_size--regular:16px;--vkui--font_text--line_height--regular:20px;--vkui--font_text--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_text--font_weight--regular:400;--vkui--font_paragraph--font_size--regular:15px;--vkui--font_paragraph--line_height--regular:20px;--vkui--font_paragraph--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_paragraph--font_weight--regular:400;--vkui--font_subhead--font_size--regular:14px;--vkui--font_subhead--line_height--regular:18px;--vkui--font_subhead--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_subhead--font_weight--regular:400;--vkui--font_footnote--font_size--regular:13px;--vkui--font_footnote--line_height--regular:16px;--vkui--font_footnote--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote--font_weight--regular:400;--vkui--font_footnote_caps--font_size--regular:13px;--vkui--font_footnote_caps--line_height--regular:16px;--vkui--font_footnote_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote_caps--font_weight--regular:400;--vkui--font_footnote_caps--text_transform--regular:uppercase;--vkui--font_caption1--font_size--regular:12px;--vkui--font_caption1--line_height--regular:14px;--vkui--font_caption1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1--font_weight--regular:400;--vkui--font_caption1_caps--font_size--regular:12px;--vkui--font_caption1_caps--line_height--regular:14px;--vkui--font_caption1_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1_caps--font_weight--regular:600;--vkui--font_caption1_caps--text_transform--regular:uppercase;--vkui--font_caption2--font_size--regular:11px;--vkui--font_caption2--line_height--regular:14px;--vkui--font_caption2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2--font_weight--regular:400;--vkui--font_caption2_caps--font_size--regular:11px;--vkui--font_caption2_caps--line_height--regular:14px;--vkui--font_caption2_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2_caps--font_weight--regular:600;--vkui--font_caption2_caps--text_transform--regular:uppercase;--vkui--font_caption3--font_size--regular:9px;--vkui--font_caption3--line_height--regular:12px;--vkui--font_caption3--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3--font_weight--regular:400;--vkui--font_caption3_caps--font_size--regular:9px;--vkui--font_caption3_caps--line_height--regular:12px;--vkui--font_caption3_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3_caps--font_weight--regular:600;--vkui--font_caption3_caps--text_transform--regular:uppercase;--vkui--size_select_icon_padding--regular:6px;--vkui--size_select_icon_padding--compact:7px;--vkui--size_popup_base_padding--regular:32px;--vkui--size_popup_base_padding--compact:20px;--vkui--size_popup_header_padding--regular:24px;--vkui--size_popup_header_padding--compact:16px;--vkui--size_label_horizontal_margin--regular:16px;--vkui--size_check_border_radius--regular:4px;--vkui--size_border_radius_paper--regular:12px;--vkui--size_border_radius_promo--regular:20px;--vkui--size_field_height--regular:44px;--vkui--size_field_height--compact:36px;--vkui--size_search_height--regular:36px;--vkui--size_search_height--compact:32px;--vkui--size_button_large_height--regular:44px;--vkui--size_button_large_height--compact:36px;--vkui--size_button_medium_height--regular:36px;--vkui--size_button_medium_height--compact:32px;--vkui--size_button_small_height--regular:30px;--vkui--size_button_small_height--compact:28px;--vkui--size_checkbox--regular:16px;--vkui--size_arrow--regular:8px;--vkui--size_arrow_promo--regular:40px;--vkui--size_popup_medium--regular:680px;--vkui--size_popup_large--regular:880px;--vkui--size_field_horizontal_padding--regular:12px;--vkui--size_button_padding_horizontal--regular:12px;--vkui--size_arrow_padding--regular:12px;--vkui--size_tooltip_margin--regular:8px;--vkui--size_icon_u_i--regular:16px;--vkui--size_avatar_x_s--regular:24px;--vkui--size_avatar_s--regular:32px;--vkui--size_avatar_m--regular:48px;--vkui--size_avatar_l--regular:96px;--vkui--size_avatar_x_l--regular:128px;--vkui--size_badge_x_s--regular:12px;--vkui--size_badge_s--regular:16px;--vkui--size_badge_m--regular:24px;--vkui--size_badge_l--regular:44px;--vkui--size_badge_x_l--regular:56px;--vkui--size_cardgrid_padding--regular:8px;--vkui--size_cardgrid_padding_vertical--regular:8px;--vkui--size_base_padding_vertical--regular:12px;--vkui--size_button_group_gap_space--regular:1px;--vkui--size_button_group_gap_small--regular:8px;--vkui--size_button_group_gap_medium--regular:12px;--vkui--size_option_hierarchy--regular:32px;--vkui--size_button_base_small_padding_horizontal--regular:16px;--vkui--size_button_base_medium_padding_horizontal--regular:16px;--vkui--size_button_base_large_padding_horizontal--regular:20px;--vkui--size_button_base_small_padding_horizontal_icon--regular:12px;--vkui--size_button_base_medium_padding_horizontal_icon--regular:12px;--vkui--size_button_base_large_padding_horizontal_icon--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal--regular:12px;--vkui--size_button_tertiary_medium_padding_horizontal--regular:12px;--vkui--size_button_tertiary_large_padding_horizontal--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_large_padding_horizontal_icon--regular:12px;--vkui--size_button_minimum_width--regular:80px;--vkui--size_split_col_padding_horizontal--regular:16px;--vkui--size_subnavigation_bar_gap--regular:8px;--vkui--size_subnavigation_bar_padding_vertical--regular:12px;--vkui--animation_duration_l:0.4s;--vkui--animation_duration_m:0.2s;--vkui--animation_duration_s:0.1s;--vkui--animation_easing_default:cubic-bezier(0.3,0.3,0.5,1);--vkui--opacity_disable:0.4;--vkui--opacity_disable_accessibility:0.64;--vkui--z_index_modal:99;--vkui--z_index_popout:100;--vkui--font_headline--font_size--regular:16px;--vkui--font_headline--line_height--regular:20px;--vkui--font_headline--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline--font_weight--regular:500;--vkui--color_background_accent_tint:#5a9eff;--vkui--color_background_contrast:#fff;--vkui--color_background_contrast_secondary_alpha:hsla(0,0%,100%,.2);--vkui--color_background_contrast_secondary_alpha--hover:hsla(0,0%,100%,.24);--vkui--color_background_contrast_secondary_alpha--active:hsla(0,0%,100%,.28);--vkui--color_background_positive:#4bb34b;--vkui--color_background_positive_tint:#e8f9e8;--vkui--color_text_contrast:#fff;--vkui--color_text_positive:#4bb34b;--vkui--color_text_link_visited:#4986cc;--vkui--color_icon_contrast_secondary:#f2f3f5;--vkui--color_icon_positive:#4bb34b;--vkui--color_stroke_positive:#4bb34b;--vkui--color_stroke_contrast:#fff;--vkui--color_accent_red:#ff3347;--vkui--color_accent_orange:#ffa000;--vkui--color_accent_secondary:#3f8ae0;--vkui--color_overlay_primary:rgba(0,0,0,.4);--vkui--color_overlay_primary--hover:rgba(0,0,0,.44);--vkui--color_overlay_primary--active:rgba(0,0,0,.48);--vkui--color_avatar_overlay:rgba(0,0,0,.6);--vkui--color_avatar_overlay--hover:rgba(0,0,0,.64);--vkui--color_avatar_overlay--active:rgba(0,0,0,.68);--vkui--color_avatar_overlay_inverse_alpha:hsla(0,0%,100%,.85);--vkui--color_avatar_overlay_inverse_alpha--hover:hsla(0,0%,100%,.89);--vkui--color_avatar_overlay_inverse_alpha--active:hsla(0,0%,100%,.93);--vkui--color_transparent:transparent}.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--light,:root{--vkui--gradient_tint:hsla(0,0%,98%,0) 0%,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%;--vkui--colors_scheme:light;--vkui--color_background_accent_tint--hover:#5698f7;--vkui--color_background_accent_tint--active:#5393ef;--vkui--color_background_content:#fff;--vkui--color_background_content--hover:#f5f5f7;--vkui--color_background_content--active:#ebecef;--vkui--color_background_secondary_alpha:rgba(0,0,0,.04);--vkui--color_background_secondary_alpha--hover:rgba(0,0,0,.08);--vkui--color_background_secondary_alpha--active:rgba(0,0,0,.12);--vkui--color_background_tertiary_alpha:rgba(0,0,0,.03);--vkui--color_background_tertiary_alpha--hover:rgba(0,0,0,.07);--vkui--color_background_tertiary_alpha--active:rgba(0,0,0,.11);--vkui--color_background_contrast--hover:#f5f5f7;--vkui--color_background_contrast--active:#ebecef;--vkui--color_background_modal:#fff;--vkui--color_background_modal--hover:#f5f5f7;--vkui--color_background_modal--active:#ebecef;--vkui--color_background_warning:#fff2d6;--vkui--color_background_warning--hover:#f5e9d0;--vkui--color_background_warning--active:#ebe0ca;--vkui--color_background_positive--hover:#48ac4a;--vkui--color_background_positive--active:#45a64a;--vkui--color_background_negative:#e64646;--vkui--color_background_negative--hover:#dd4446;--vkui--color_background_negative--active:#d44245;--vkui--color_background_negative_tint:#faebeb;--vkui--color_background_negative_tint--hover:#f0e2e4;--vkui--color_background_negative_tint--active:#e6d9dd;--vkui--color_background_positive_tint--hover:#dff0e1;--vkui--color_background_positive_tint--active:#d5e6da;--vkui--color_header_background:#fff;--vkui--color_header_background--hover:#f5f5f7;--vkui--color_header_background--active:#ebecef;--vkui--color_text_primary:#000;--vkui--color_text_primary--hover:#000102;--vkui--color_text_primary--active:#000105;--vkui--color_text_secondary:#818c99;--vkui--color_text_secondary--hover:#7c8795;--vkui--color_text_secondary--active:#778292;--vkui--color_text_tertiary:#99a2ad;--vkui--color_text_tertiary--hover:#939ca9;--vkui--color_text_tertiary--active:#8d96a4;--vkui--color_text_contrast--hover:#f5f5f7;--vkui--color_text_contrast--active:#ebecef;--vkui--color_text_contrast_themed:#fff;--vkui--color_text_contrast_themed--hover:#f5f5f7;--vkui--color_text_contrast_themed--active:#ebecef;--vkui--color_text_positive--hover:#48ac4a;--vkui--color_text_positive--active:#45a64a;--vkui--color_text_negative:#e64646;--vkui--color_text_negative--hover:#dd4446;--vkui--color_text_negative--active:#d44245;--vkui--color_text_link_visited--hover:#4681c6;--vkui--color_text_link_visited--active:#437dc1;--vkui--color_icon_primary:#2c2d2e;--vkui--color_icon_primary--hover:#2a2c2f;--vkui--color_icon_primary--active:#282b2f;--vkui--color_icon_medium_alpha:rgba(0,0,0,.48);--vkui--color_icon_medium_alpha--hover:rgba(0,0,0,.52);--vkui--color_icon_medium_alpha--active:rgba(0,0,0,.56);--vkui--color_icon_secondary:#99a2ad;--vkui--color_icon_secondary--hover:#939ca9;--vkui--color_icon_secondary--active:#8d96a4;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.36);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.4);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.44);--vkui--color_icon_tertiary_alpha:rgba(0,0,0,.24);--vkui--color_icon_tertiary_alpha--hover:rgba(0,0,0,.28);--vkui--color_icon_tertiary_alpha--active:rgba(0,0,0,.32);--vkui--color_icon_contrast--hover:#f5f5f7;--vkui--color_icon_contrast--active:#ebecef;--vkui--color_icon_contrast_themed:#fff;--vkui--color_icon_contrast_themed--hover:#f5f5f7;--vkui--color_icon_contrast_themed--active:#ebecef;--vkui--color_icon_contrast_secondary--hover:#e8eaee;--vkui--color_icon_contrast_secondary--active:#dfe1e6;--vkui--color_icon_positive--hover:#48ac4a;--vkui--color_icon_positive--active:#45a64a;--vkui--color_icon_negative:#e64646;--vkui--color_icon_negative--hover:#dd4446;--vkui--color_icon_negative--active:#d44245;--vkui--color_separator_primary:#d7d8d9;--vkui--color_separator_primary--hover:#ced0d3;--vkui--color_separator_primary--active:#c6c8cd;--vkui--color_separator_primary2x:#cbcccd;--vkui--color_separator_primary2x--hover:#c3c4c7;--vkui--color_separator_primary2x--active:#bbbdc1;--vkui--color_separator_primary3x:#bebfc1;--vkui--color_separator_primary3x--hover:#b6b8bc;--vkui--color_separator_primary3x--active:#afb1b6;--vkui--color_separator_primary_alpha:rgba(0,0,0,.12);--vkui--color_separator_primary_alpha--hover:rgba(0,0,0,.16);--vkui--color_separator_primary_alpha--active:rgba(0,0,0,.2);--vkui--color_stroke_positive--hover:#48ac4a;--vkui--color_stroke_positive--active:#45a64a;--vkui--color_stroke_negative:#e64646;--vkui--color_stroke_negative--hover:#dd4446;--vkui--color_stroke_negative--active:#d44245;--vkui--color_stroke_contrast--hover:#f5f5f7;--vkui--color_stroke_contrast--active:#ebecef;--vkui--color_image_border_alpha:rgba(0,0,0,.08);--vkui--color_image_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_image_border_alpha--active:rgba(0,0,0,.16);--vkui--color_field_border_alpha:rgba(0,0,0,.12);--vkui--color_field_border_alpha--hover:rgba(0,0,0,.24);--vkui--color_field_border_alpha--active:rgba(0,0,0,.36);--vkui--color_accent_red--hover:#f53247;--vkui--color_accent_red--active:#eb3046;--vkui--color_accent_orange--hover:#f59a02;--vkui--color_accent_orange--active:#eb9405;--vkui--color_accent_purple--hover:#6e59df;--vkui--color_accent_purple--active:#6a56d8;--vkui--color_accent_violet--hover:#742dbb;--vkui--color_accent_violet--active:#6f2cb6;--vkui--color_accent_secondary--hover:#3c85d9;--vkui--color_accent_secondary--active:#3a80d3;--vkui--color_action_sheet_text:#3f8ae0;--vkui--color_action_sheet_text--hover:#3c85d9;--vkui--color_action_sheet_text--active:#3a80d3;--vkui--color_image_placeholder:#f2f3f5;--vkui--color_image_placeholder--hover:#e8eaee;--vkui--color_image_placeholder--active:#dfe1e6;--vkui--color_image_placeholder_alpha:rgba(0,28,61,.08);--vkui--color_image_placeholder_alpha--hover:rgba(0,28,61,.12);--vkui--color_image_placeholder_alpha--active:rgba(0,28,61,.16);--vkui--color_write_bar_input_border_alpha:rgba(0,0,0,.08);--vkui--color_write_bar_input_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_write_bar_input_border_alpha--active:rgba(0,0,0,.16);--vkui--color_segmented_control:#fff;--vkui--color_segmented_control--hover:#f5f5f7;--vkui--color_segmented_control--active:#ebecef;--vkui--color_transparent--hover:rgba(0,16,61,.04);--vkui--color_transparent--active:rgba(0,16,61,.08)}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--font_headline1--font_size--compact:15px;--vkui--font_headline1--line_height--compact:20px;--vkui--font_text--font_size--compact:15px;--vkui--font_text--line_height--compact:20px;--vkui--font_subhead--font_size--compact:13px;--vkui--font_subhead--line_height--compact:16px;--vkui--size_popup_small--regular:420px;--vkui--size_form_item_padding_vertical--regular:12px;--vkui--font_headline--font_size--compact:15px;--vkui--font_headline--line_height--compact:20px;--vkui--color_background_contrast_inverse:#2d2d2e;--vkui--color_text_primary_invariably:#000;--vkui--color_link_contrast:#fff;--vkui--color_icon_primary_invariably:#2c2d2e;--vkui--color_accent_gray:#a3adb8;--vkui--color_skeleton_from:#f5f5f5;--vkui--color_skeleton_to:#e1e3e6}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,:root{--vkui--size_border_radius--regular:8px;--vkui--size_card_border_radius--regular:8px;--vkui--animation_easing_platform:cubic-bezier(0.4,0,0.2,1)}.vkui--vkBase--light,.vkui--vkIOS--light,:root{--vkui--color_background_accent:#2688eb;--vkui--color_background_accent--hover:#2483e4;--vkui--color_background_accent--active:#237edd;--vkui--color_background_accent_themed:#2688eb;--vkui--color_background_accent_themed--hover:#2483e4;--vkui--color_background_accent_themed--active:#237edd;--vkui--color_background_accent_alternative:#2688eb;--vkui--color_background_accent_alternative--hover:#2483e4;--vkui--color_background_accent_alternative--active:#237edd;--vkui--color_background:#ebedf0;--vkui--color_background--hover:#e2e4e9;--vkui--color_background--active:#d8dbe2;--vkui--color_background_secondary:#f5f5f5;--vkui--color_background_secondary--hover:#ebecee;--vkui--color_background_secondary--active:#e1e3e6;--vkui--color_background_tertiary:#f9f9f9;--vkui--color_background_tertiary--hover:#eff0f1;--vkui--color_background_tertiary--active:#e5e6ea;--vkui--color_background_contrast_inverse--hover:#2b2c2f;--vkui--color_background_contrast_inverse--active:#292b2f;--vkui--color_background_modal_inverse:#2d2d2e;--vkui--color_background_modal_inverse--hover:#2b2c2f;--vkui--color_background_modal_inverse--active:#292b2f;--vkui--color_field_background:#f2f3f5;--vkui--color_field_background--hover:#e8eaee;--vkui--color_field_background--active:#dfe1e6;--vkui--color_text_accent:#2688eb;--vkui--color_text_accent--hover:#2483e4;--vkui--color_text_accent--active:#237edd;--vkui--color_text_accent_themed:#2688eb;--vkui--color_text_accent_themed--hover:#2483e4;--vkui--color_text_accent_themed--active:#237edd;--vkui--color_text_primary_invariably--hover:#000102;--vkui--color_text_primary_invariably--active:#000105;--vkui--color_text_subhead:#6d7885;--vkui--color_text_subhead--hover:#697482;--vkui--color_text_subhead--active:#64707f;--vkui--color_text_link:#2d81e0;--vkui--color_text_link--hover:#2b7cd9;--vkui--color_text_link--active:#2978d3;--vkui--color_text_link_themed:#2d81e0;--vkui--color_text_link_themed--hover:#2b7cd9;--vkui--color_text_link_themed--active:#2978d3;--vkui--color_text_muted:#2c2d2e;--vkui--color_text_muted--hover:#2a2c2f;--vkui--color_text_muted--active:#282b2f;--vkui--color_link_contrast--hover:#f5f5f7;--vkui--color_link_contrast--active:#ebecef;--vkui--color_icon_accent:#2688eb;--vkui--color_icon_accent--hover:#2483e4;--vkui--color_icon_accent--active:#237edd;--vkui--color_icon_accent_themed:#2688eb;--vkui--color_icon_accent_themed--hover:#2483e4;--vkui--color_icon_accent_themed--active:#237edd;--vkui--color_icon_primary_invariably--hover:#2a2c2f;--vkui--color_icon_primary_invariably--active:#282b2f;--vkui--color_icon_medium:#818c99;--vkui--color_icon_medium--hover:#7c8795;--vkui--color_icon_medium--active:#778292;--vkui--color_icon_tertiary:#b8c1cc;--vkui--color_icon_tertiary--hover:#b1bac6;--vkui--color_icon_tertiary--active:#a9b3c1;--vkui--color_stroke_accent:#2688eb;--vkui--color_stroke_accent--hover:#2483e4;--vkui--color_stroke_accent--active:#237edd;--vkui--color_stroke_accent_themed:#2688eb;--vkui--color_stroke_accent_themed--hover:#2483e4;--vkui--color_stroke_accent_themed--active:#237edd;--vkui--color_separator_secondary:#e1e3e6;--vkui--color_separator_secondary--hover:#d8dbdf;--vkui--color_separator_secondary--active:#cfd2d8;--vkui--color_accent_blue:#3f8ae0;--vkui--color_accent_blue--hover:#3c85d9;--vkui--color_accent_blue--active:#3a80d3;--vkui--color_accent_gray--hover:#9ca7b3;--vkui--color_accent_gray--active:#96a0ae;--vkui--color_accent_green--hover:#48ac4a;--vkui--color_accent_green--active:#45a64a;--vkui--color_skeleton_from--hover:#ebecee;--vkui--color_skeleton_from--active:#e1e3e6;--vkui--color_skeleton_to--hover:#d8dbdf;--vkui--color_skeleton_to--active:#cfd2d8;--vkui--color_write_bar_icon:#3f8ae0;--vkui--color_write_bar_icon--hover:#3c85d9;--vkui--color_write_bar_icon--active:#3a80d3;--vkui--color_write_bar_input_background:#f2f3f5;--vkui--color_write_bar_input_background--hover:#e8eaee;--vkui--color_write_bar_input_background--active:#dfe1e6;--vkui--color_track_background:#e1e3e6;--vkui--color_track_background--hover:#d8dbdf;--vkui--color_track_background--active:#cfd2d8;--vkui--color_track_buffer:#a0bfe4;--vkui--color_track_buffer--hover:#9ab8dd;--vkui--color_track_buffer--active:#93b1d7;--vkui--color_search_field_background:#ebedf0;--vkui--color_search_field_background--hover:#e2e4e9;--vkui--color_search_field_background--active:#d8dbe2;--vkui--color_panel_header_icon:#2688eb;--vkui--color_panel_header_icon--hover:#2483e4;--vkui--color_panel_header_icon--active:#237edd}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_icon_contrast:#fff;--vkui--color_accent_purple:#735ce6;--vkui--color_accent_violet:#792ec0}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_accent_green:#4bb34b}.vkui--vkBase--dark{--vkui--theme_name:"vkBaseDark"}.vkui--vkBase--dark,.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--gradient_tint:rgba(32,32,33,0) 0%,rgba(32,32,33,.036) 13%,rgba(32,32,33,.15) 27%,rgba(32,32,33,.79) 68%,rgba(32,32,33,.95) 84%,#202021 100%;--vkui--colors_scheme:dark;--vkui--color_background_accent_tint--hover:#61a2ff;--vkui--color_background_accent_tint--active:#67a6ff;--vkui--color_background_secondary_alpha:hsla(0,0%,100%,.1);--vkui--color_background_secondary_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_background_secondary_alpha--active:hsla(0,0%,100%,.14);--vkui--color_background_tertiary_alpha:hsla(0,0%,100%,.03);--vkui--color_background_tertiary_alpha--hover:hsla(0,0%,100%,.07);--vkui--color_background_tertiary_alpha--active:hsla(0,0%,100%,.11);--vkui--color_background_contrast--hover:#ebedf0;--vkui--color_background_contrast--active:#d7d8db;--vkui--color_background_modal_inverse:#fff;--vkui--color_background_modal_inverse--hover:#ebedf0;--vkui--color_background_modal_inverse--active:#d7d8db;--vkui--color_background_warning:#857250;--vkui--color_background_warning--hover:#8a7857;--vkui--color_background_warning--active:#8f7d5e;--vkui--color_background_positive--hover:#52b652;--vkui--color_background_positive--active:#59b959;--vkui--color_background_negative:#ff5c5c;--vkui--color_background_negative--hover:#ff6363;--vkui--color_background_negative--active:#ff6969;--vkui--color_background_negative_tint:#522e2e;--vkui--color_background_negative_tint--hover:#593636;--vkui--color_background_negative_tint--active:#603f3f;--vkui--color_background_positive_tint--hover:#e9f9e9;--vkui--color_background_positive_tint--active:#eaf9ea;--vkui--color_field_background:#292929;--vkui--color_field_background--hover:#323232;--vkui--color_field_background--active:#3a3a3a;--vkui--color_text_primary:#e1e3e6;--vkui--color_text_primary--hover:#e2e4e7;--vkui--color_text_primary--active:#e3e5e8;--vkui--color_text_contrast--hover:#ebedf0;--vkui--color_text_contrast--active:#d7d8db;--vkui--color_text_positive--hover:#52b652;--vkui--color_text_positive--active:#59b959;--vkui--color_text_negative:#ff5c5c;--vkui--color_text_negative--hover:#ff6363;--vkui--color_text_negative--active:#ff6969;--vkui--color_text_link_visited--hover:#508bce;--vkui--color_text_link_visited--active:#5890d0;--vkui--color_icon_primary:#e1e3e6;--vkui--color_icon_primary--hover:#e2e4e7;--vkui--color_icon_primary--active:#e3e5e8;--vkui--color_icon_contrast_secondary--hover:#f3f3f5;--vkui--color_icon_contrast_secondary--active:#f3f4f6;--vkui--color_icon_positive--hover:#52b652;--vkui--color_icon_positive--active:#59b959;--vkui--color_icon_negative:#ff5c5c;--vkui--color_icon_negative--hover:#ff6363;--vkui--color_icon_negative--active:#ff6969;--vkui--color_separator_primary:#363738;--vkui--color_separator_primary--hover:#3e3f40;--vkui--color_separator_primary--active:#464748;--vkui--color_separator_primary2x:#444546;--vkui--color_separator_primary2x--hover:#4b4c4d;--vkui--color_separator_primary2x--active:#535455;--vkui--color_separator_primary3x:#505253;--vkui--color_separator_primary3x--hover:#57595a;--vkui--color_separator_primary3x--active:#5e6061;--vkui--color_separator_primary_alpha:hsla(0,0%,100%,.12);--vkui--color_separator_primary_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_separator_primary_alpha--active:hsla(0,0%,100%,.2);--vkui--color_stroke_positive--hover:#52b652;--vkui--color_stroke_positive--active:#59b959;--vkui--color_stroke_negative:#ff5c5c;--vkui--color_stroke_negative--hover:#ff6363;--vkui--color_stroke_negative--active:#ff6969;--vkui--color_stroke_contrast--hover:#ebedf0;--vkui--color_stroke_contrast--active:#d7d8db;--vkui--color_image_border_alpha:hsla(0,0%,100%,.08);--vkui--color_image_border_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_image_border_alpha--active:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha:hsla(0,0%,100%,.12);--vkui--color_field_border_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha--active:hsla(0,0%,100%,.2);--vkui--color_accent_red--hover:#ff3b4e;--vkui--color_accent_red--active:#ff4356;--vkui--color_accent_green--hover:#52b652;--vkui--color_accent_green--active:#59b959;--vkui--color_accent_orange--hover:#ffa40a;--vkui--color_accent_orange--active:#ffa814;--vkui--color_accent_secondary--hover:#478fe1;--vkui--color_accent_secondary--active:#4e93e2;--vkui--color_image_placeholder:#2a2b2c;--vkui--color_image_placeholder--hover:#333334;--vkui--color_image_placeholder--active:#3b3c3d;--vkui--color_image_placeholder_alpha:rgba(241,247,255,.08);--vkui--color_image_placeholder_alpha--hover:rgba(241,247,255,.12);--vkui--color_image_placeholder_alpha--active:rgba(241,247,255,.16);--vkui--color_write_bar_input_border_alpha:hsla(0,0%,100%,.8);--vkui--color_write_bar_input_border_alpha--hover:hsla(0,0%,100%,.84);--vkui--color_write_bar_input_border_alpha--active:hsla(0,0%,100%,.88);--vkui--color_action_sheet_text:#529ef4;--vkui--color_action_sheet_text--hover:#59a2f4;--vkui--color_action_sheet_text--active:#60a6f5;--vkui--color_panel_header_icon:#71aaeb;--vkui--color_panel_header_icon--hover:#77adec;--vkui--color_panel_header_icon--active:#7cb1ed;--vkui--color_segmented_control:#626364;--vkui--color_segmented_control--hover:#68696a;--vkui--color_segmented_control--active:#6f6f70;--vkui--color_transparent--hover:hsla(0,0%,100%,.04);--vkui--color_transparent--active:hsla(0,0%,100%,.08)}.vkui--vkBase--dark,.vkui--vkCom--light,.vkui--vkIOS--light{--vkui--theme_inherits_from:"vkBase"}.vkui--vkBase--dark,.vkui--vkIOS--dark{--vkui--color_background_accent:#529ef4;--vkui--color_background_accent--hover:#59a2f4;--vkui--color_background_accent--active:#60a6f5;--vkui--color_background_accent_themed:#fff;--vkui--color_background_accent_themed--hover:#ebedf0;--vkui--color_background_accent_themed--active:#d7d8db;--vkui--color_background_accent_alternative:#529ef4;--vkui--color_background_accent_alternative--hover:#59a2f4;--vkui--color_background_accent_alternative--active:#60a6f5;--vkui--color_background:#0a0a0a;--vkui--color_background--hover:#141414;--vkui--color_background--active:#1e1e1e;--vkui--color_background_content:#19191a;--vkui--color_background_content--hover:#222223;--vkui--color_background_content--active:#2b2b2c;--vkui--color_background_secondary:#232324;--vkui--color_background_secondary--hover:#2c2c2d;--vkui--color_background_secondary--active:#353536;--vkui--color_background_tertiary:#202021;--vkui--color_background_tertiary--hover:#29292a;--vkui--color_background_tertiary--active:#323233;--vkui--color_background_contrast_inverse--hover:#353536;--vkui--color_background_contrast_inverse--active:#3e3e3f;--vkui--color_background_modal:#2d2d2e;--vkui--color_background_modal--hover:#353536;--vkui--color_background_modal--active:#3e3e3f;--vkui--color_header_background:#19191a;--vkui--color_header_background--hover:#222223;--vkui--color_header_background--active:#2b2b2c;--vkui--color_text_accent:#529ef4;--vkui--color_text_accent--hover:#59a2f4;--vkui--color_text_accent--active:#60a6f5;--vkui--color_text_accent_themed:#fff;--vkui--color_text_accent_themed--hover:#ebedf0;--vkui--color_text_accent_themed--active:#d7d8db;--vkui--color_text_primary_invariably--hover:#0a0a0a;--vkui--color_text_primary_invariably--active:#141414;--vkui--color_text_secondary:#76787a;--vkui--color_text_secondary--hover:#7b7d7f;--vkui--color_text_secondary--active:#818385;--vkui--color_text_subhead:#969a9f;--vkui--color_text_subhead--hover:#9a9ea3;--vkui--color_text_subhead--active:#9ea2a7;--vkui--color_text_tertiary:#636567;--vkui--color_text_tertiary--hover:#696b6d;--vkui--color_text_tertiary--active:#6f7173;--vkui--color_text_contrast_themed:#000;--vkui--color_text_contrast_themed--hover:#0a0a0a;--vkui--color_text_contrast_themed--active:#141414;--vkui--color_text_link:#529ef4;--vkui--color_text_link--hover:#59a2f4;--vkui--color_text_link--active:#60a6f5;--vkui--color_text_link_themed:#fff;--vkui--color_text_link_themed--hover:#ebedf0;--vkui--color_text_link_themed--active:#d7d8db;--vkui--color_text_muted:#e1e3e6;--vkui--color_text_muted--hover:#e2e4e7;--vkui--color_text_muted--active:#e3e5e8;--vkui--color_link_contrast--hover:#ebedf0;--vkui--color_link_contrast--active:#d7d8db;--vkui--color_icon_accent:#529ef4;--vkui--color_icon_accent--hover:#59a2f4;--vkui--color_icon_accent--active:#60a6f5;--vkui--color_icon_accent_themed:#fff;--vkui--color_icon_accent_themed--hover:#ebedf0;--vkui--color_icon_accent_themed--active:#d7d8db;--vkui--color_icon_primary_invariably--hover:#343536;--vkui--color_icon_primary_invariably--active:#3d3e3f;--vkui--color_icon_medium:#b0b1b6;--vkui--color_icon_medium--hover:#b3b4b9;--vkui--color_icon_medium--active:#b6b7bc;--vkui--color_icon_medium_alpha:rgba(241,247,255,.66);--vkui--color_icon_medium_alpha--hover:rgba(241,247,255,.7);--vkui--color_icon_medium_alpha--active:rgba(241,247,255,.74);--vkui--color_icon_secondary:#76787a;--vkui--color_icon_secondary--hover:#7b7d7f;--vkui--color_icon_secondary--active:#818385;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.43);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.47);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.51);--vkui--color_icon_tertiary:#5d5f61;--vkui--color_icon_tertiary--hover:#636567;--vkui--color_icon_tertiary--active:#6a6c6e;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.3);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.34);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.38);--vkui--color_icon_contrast--hover:#ebedf0;--vkui--color_icon_contrast--active:#d7d8db;--vkui--color_icon_contrast_themed:#000;--vkui--color_icon_contrast_themed--hover:#0a0a0a;--vkui--color_icon_contrast_themed--active:#141414;--vkui--color_stroke_accent:#529ef4;--vkui--color_stroke_accent--hover:#59a2f4;--vkui--color_stroke_accent--active:#60a6f5;--vkui--color_stroke_accent_themed:#fff;--vkui--color_stroke_accent_themed--hover:#ebedf0;--vkui--color_stroke_accent_themed--active:#d7d8db;--vkui--color_separator_secondary:#141415;--vkui--color_separator_secondary--hover:#1d1d1e;--vkui--color_separator_secondary--active:#272728;--vkui--color_accent_blue:#529ef4;--vkui--color_accent_blue--hover:#59a2f4;--vkui--color_accent_blue--active:#60a6f5;--vkui--color_accent_gray--hover:#a7b0bb;--vkui--color_accent_gray--active:#aab4be;--vkui--color_accent_purple--hover:#7963e7;--vkui--color_accent_purple--active:#7e69e8;--vkui--color_accent_violet--hover:#7e36c3;--vkui--color_accent_violet--active:#843fc5;--vkui--color_skeleton_from--hover:#f5f5f5;--vkui--color_skeleton_from--active:#f6f6f6;--vkui--color_skeleton_to--hover:#e2e4e7;--vkui--color_skeleton_to--active:#e3e5e8;--vkui--color_write_bar_icon:#529ef4;--vkui--color_write_bar_icon--hover:#59a2f4;--vkui--color_write_bar_icon--active:#60a6f5;--vkui--color_write_bar_input_background:#232324;--vkui--color_write_bar_input_background--hover:#2c2c2d;--vkui--color_write_bar_input_background--active:#353536;--vkui--color_track_background:#454647;--vkui--color_track_background--hover:#4c4d4e;--vkui--color_track_background--active:#545556;--vkui--color_track_buffer:#405772;--vkui--color_track_buffer--hover:#485e78;--vkui--color_track_buffer--active:#4f647d;--vkui--color_search_field_background:#363738;--vkui--color_search_field_background--hover:#3e3f40;--vkui--color_search_field_background--active:#464748}.vkui--vkIOS--light{--vkui--theme_name:"vkIOS"}.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--theme_name_base:"vkIOS";--vkui--size_border_radius--regular:10px;--vkui--size_card_border_radius--regular:10px;--vkui--size_switch_height--regular:31px;--vkui--size_switch_height--compact:27px;--vkui--size_switch_width--regular:51px;--vkui--size_switch_width--compact:47px;--vkui--size_switch_pin--regular:27px;--vkui--size_switch_pin--compact:23px;--vkui--size_panel_header_height--regular:52px;--vkui--animation_easing_platform:cubic-bezier(0.36,0.66,0.04,1)}.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--size_base_padding_horizontal--regular:12px}.vkui--vkIOS--dark{--vkui--theme_name:"vkIOSDark"}.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--theme_inherits_from:"vkBaseDark"}.vkui--vkCom--light{--vkui--theme_name:"vkCom";--vkui--color_background_accent:#447bba;--vkui--color_background_accent--hover:#4177b5;--vkui--color_background_accent--active:#3f72b0;--vkui--color_background_accent_themed:#447bba;--vkui--color_background_accent_themed--hover:#4177b5;--vkui--color_background_accent_themed--active:#3f72b0;--vkui--color_background_accent_alternative:#447bba;--vkui--color_background_accent_alternative--hover:#4177b5;--vkui--color_background_accent_alternative--active:#3f72b0;--vkui--color_background:#edeef0;--vkui--color_background--hover:#e4e5e9;--vkui--color_background--active:#dadce2;--vkui--color_background_secondary:#f0f2f5;--vkui--color_background_secondary--hover:#e6e9ee;--vkui--color_background_secondary--active:#dde0e6;--vkui--color_background_tertiary:#fafbfc;--vkui--color_background_tertiary--hover:#f0f2f4;--vkui--color_background_tertiary--active:#e6e8ed;--vkui--color_background_contrast_inverse--hover:#313233;--vkui--color_background_contrast_inverse--active:#2f3034;--vkui--color_background_modal_inverse:#000;--vkui--color_background_modal_inverse--hover:#000102;--vkui--color_background_modal_inverse--active:#000105;--vkui--color_field_background:#f7f8fa;--vkui--color_field_background--hover:#edeff2;--vkui--color_field_background--active:#e3e5eb;--vkui--color_text_accent:#447bba;--vkui--color_text_accent--hover:#4177b5;--vkui--color_text_accent--active:#3f72b0;--vkui--color_text_accent_themed:#447bba;--vkui--color_text_accent_themed--hover:#4177b5;--vkui--color_text_accent_themed--active:#3f72b0;--vkui--color_text_primary_invariably--hover:#313233;--vkui--color_text_primary_invariably--active:#2f3034;--vkui--color_text_subhead:#626d7a;--vkui--color_text_subhead--hover:#5e6978;--vkui--color_text_subhead--active:#5a6675;--vkui--color_text_link:#2a5885;--vkui--color_text_link--hover:#285582;--vkui--color_text_link--active:#27527f;--vkui--color_text_link_themed:#2a5885;--vkui--color_text_link_themed--hover:#285582;--vkui--color_text_link_themed--active:#27527f;--vkui--color_text_muted:#333;--vkui--color_text_muted--hover:#313233;--vkui--color_text_muted--active:#2f3034;--vkui--color_link_contrast:#333;--vkui--color_link_contrast--hover:#313233;--vkui--color_link_contrast--active:#2f3034;--vkui--color_icon_accent:#447bba;--vkui--color_icon_accent--hover:#4177b5;--vkui--color_icon_accent--active:#3f72b0;--vkui--color_icon_accent_themed:#447bba;--vkui--color_icon_accent_themed--hover:#4177b5;--vkui--color_icon_accent_themed--active:#3f72b0;--vkui--color_icon_primary_invariably--hover:#313233;--vkui--color_icon_primary_invariably--active:#2f3034;--vkui--color_icon_medium:#6f7985;--vkui--color_icon_medium--hover:#6b7582;--vkui--color_icon_medium--active:#66717f;--vkui--color_icon_tertiary:#aeb7c2;--vkui--color_icon_tertiary--hover:#a7b0bd;--vkui--color_icon_tertiary--active:#a0aab7;--vkui--color_stroke_accent:#447bba;--vkui--color_stroke_accent--hover:#4177b5;--vkui--color_stroke_accent--active:#3f72b0;--vkui--color_stroke_accent_themed:#447bba;--vkui--color_stroke_accent_themed--hover:#4177b5;--vkui--color_stroke_accent_themed--active:#3f72b0;--vkui--color_separator_secondary:#e7e8ec;--vkui--color_separator_secondary--hover:#dedfe5;--vkui--color_separator_secondary--active:#d5d7de;--vkui--color_accent_blue:#5181b8;--vkui--color_accent_blue--hover:#4e7cb3;--vkui--color_accent_blue--active:#4b78ae;--vkui--color_accent_gray--hover:#a7b0bd;--vkui--color_accent_gray--active:#a0aab7;--vkui--color_accent_green:#1b7a1b;--vkui--color_accent_green--hover:#1a761c;--vkui--color_accent_green--active:#19721e;--vkui--color_skeleton_from:#f0f2f5;--vkui--color_skeleton_from--hover:#e6e9ee;--vkui--color_skeleton_from--active:#dde0e6;--vkui--color_skeleton_to:#e7e8ec;--vkui--color_skeleton_to--hover:#dedfe5;--vkui--color_skeleton_to--active:#d5d7de;--vkui--color_write_bar_icon:#818c99;--vkui--color_write_bar_icon--hover:#7c8795;--vkui--color_write_bar_icon--active:#778292;--vkui--color_write_bar_input_background:#fff;--vkui--color_write_bar_input_background--hover:#f5f5f7;--vkui--color_write_bar_input_background--active:#ebecef;--vkui--color_track_background:#d3d9de;--vkui--color_track_background--hover:#cbd1d8;--vkui--color_track_background--active:#c2c9d1;--vkui--color_track_buffer:#447bba;--vkui--color_track_buffer--hover:#4177b5;--vkui--color_track_buffer--active:#3f72b0;--vkui--color_search_field_background:#edeef0;--vkui--color_search_field_background--hover:#e4e5e9;--vkui--color_search_field_background--active:#dadce2;--vkui--color_panel_header_icon:#447bba;--vkui--color_panel_header_icon--hover:#4177b5;--vkui--color_panel_header_icon--active:#3f72b0}.vkui--vkCom--dark,.vkui--vkCom--light{--vkui--theme_name_base:"vkCom";--vkui--font_headline1--font_size--compact:14px;--vkui--font_headline1--line_height--compact:18px;--vkui--font_text--font_size--compact:13px;--vkui--font_text--line_height--compact:16px;--vkui--font_subhead--font_size--compact:14px;--vkui--font_subhead--line_height--compact:18px;--vkui--size_popup_small--regular:448px;--vkui--size_switch_height--regular:10px;--vkui--size_switch_height--compact:10px;--vkui--size_switch_width--regular:27px;--vkui--size_switch_width--compact:27px;--vkui--size_switch_pin--regular:16px;--vkui--size_switch_pin--compact:16px;--vkui--size_panel_header_height--regular:48px;--vkui--size_form_item_padding_vertical--regular:8px;--vkui--font_headline--font_size--compact:14px;--vkui--font_headline--line_height--compact:18px;--vkui--color_background_contrast_inverse:#333;--vkui--color_text_primary_invariably:#333;--vkui--color_icon_primary_invariably:#333;--vkui--color_accent_gray:#aeb7c2}.vkui--vkCom--dark{--vkui--theme_name:"vkComDark";--vkui--color_background_accent:#71aaeb;--vkui--color_background_accent--hover:#77adec;--vkui--color_background_accent--active:#7cb1ed;--vkui--color_background_accent_themed:#e1e3e6;--vkui--color_background_accent_themed--hover:#d8dbdf;--vkui--color_background_accent_themed--active:#cfd2d8;--vkui--color_background_accent_alternative:#71aaeb;--vkui--color_background_accent_alternative--hover:#77adec;--vkui--color_background_accent_alternative--active:#7cb1ed;--vkui--color_background:#141414;--vkui--color_background--hover:#1d1d1d;--vkui--color_background--active:#272727;--vkui--color_background_content:#222;--vkui--color_background_content--hover:#2b2b2b;--vkui--color_background_content--active:#343434;--vkui--color_background_secondary:#333;--vkui--color_background_secondary--hover:#3b3b3b;--vkui--color_background_secondary--active:#434343;--vkui--color_background_tertiary:#292929;--vkui--color_background_tertiary--hover:#323232;--vkui--color_background_tertiary--active:#3a3a3a;--vkui--color_background_contrast_inverse--hover:#3b3b3b;--vkui--color_background_contrast_inverse--active:#434343;--vkui--color_background_modal:#333;--vkui--color_background_modal--hover:#3b3b3b;--vkui--color_background_modal--active:#434343;--vkui--color_header_background:#222;--vkui--color_header_background--hover:#2b2b2b;--vkui--color_header_background--active:#343434;--vkui--color_text_accent:#71aaeb;--vkui--color_text_accent--hover:#77adec;--vkui--color_text_accent--active:#7cb1ed;--vkui--color_text_accent_themed:#e1e3e6;--vkui--color_text_accent_themed--hover:#e2e4e7;--vkui--color_text_accent_themed--active:#e3e5e8;--vkui--color_text_primary_invariably--hover:#3b3b3b;--vkui--color_text_primary_invariably--active:#434343;--vkui--color_text_secondary:#b2b2b2;--vkui--color_text_secondary--hover:#b5b5b5;--vkui--color_text_secondary--active:#b8b8b8;--vkui--color_text_subhead:#939393;--vkui--color_text_subhead--hover:#979797;--vkui--color_text_subhead--active:#9c9c9c;--vkui--color_text_tertiary:#656565;--vkui--color_text_tertiary--hover:#6b6b6b;--vkui--color_text_tertiary--active:#717171;--vkui--color_text_contrast_themed:#222;--vkui--color_text_contrast_themed--hover:#2b2b2b;--vkui--color_text_contrast_themed--active:#343434;--vkui--color_text_link:#71aaeb;--vkui--color_text_link--hover:#77adec;--vkui--color_text_link--active:#7cb1ed;--vkui--color_text_link_themed:#939393;--vkui--color_text_link_themed--hover:#979797;--vkui--color_text_link_themed--active:#9c9c9c;--vkui--color_text_muted:#ccc;--vkui--color_text_muted--hover:#cecece;--vkui--color_text_muted--active:#d0d0d0;--vkui--color_link_contrast:#ccc;--vkui--color_link_contrast--hover:#cecece;--vkui--color_link_contrast--active:#d0d0d0;--vkui--color_icon_accent:#71aaeb;--vkui--color_icon_accent--hover:#77adec;--vkui--color_icon_accent--active:#7cb1ed;--vkui--color_icon_accent_themed:#e1e3e6;--vkui--color_icon_accent_themed--hover:#e2e4e7;--vkui--color_icon_accent_themed--active:#e3e5e8;--vkui--color_icon_primary_invariably--hover:#3b3b3b;--vkui--color_icon_primary_invariably--active:#434343;--vkui--color_icon_medium:#939393;--vkui--color_icon_medium--hover:#979797;--vkui--color_icon_medium--active:#9c9c9c;--vkui--color_icon_medium_alpha:hsla(0,0%,100%,.48);--vkui--color_icon_medium_alpha--hover:hsla(0,0%,100%,.52);--vkui--color_icon_medium_alpha--active:hsla(0,0%,100%,.56);--vkui--color_icon_secondary:#828282;--vkui--color_icon_secondary--hover:#878787;--vkui--color_icon_secondary--active:#8c8c8c;--vkui--color_icon_secondary_alpha:hsla(0,0%,100%,.4);--vkui--color_icon_secondary_alpha--hover:hsla(0,0%,100%,.44);--vkui--color_icon_secondary_alpha--active:hsla(0,0%,100%,.48);--vkui--color_icon_tertiary:#656565;--vkui--color_icon_tertiary--hover:#6b6b6b;--vkui--color_icon_tertiary--active:#717171;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.24);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.28);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.32);--vkui--color_icon_contrast:#e1e3e6;--vkui--color_icon_contrast--hover:#e2e4e7;--vkui--color_icon_contrast--active:#e3e5e8;--vkui--color_icon_contrast_themed:#222;--vkui--color_icon_contrast_themed--hover:#2b2b2b;--vkui--color_icon_contrast_themed--active:#343434;--vkui--color_stroke_accent:#71aaeb;--vkui--color_stroke_accent--hover:#77adec;--vkui--color_stroke_accent--active:#7cb1ed;--vkui--color_stroke_accent_themed:#e1e3e6;--vkui--color_stroke_accent_themed--hover:#e2e4e7;--vkui--color_stroke_accent_themed--active:#e3e5e8;--vkui--color_separator_secondary:#292929;--vkui--color_separator_secondary--hover:#323232;--vkui--color_separator_secondary--active:#3a3a3a;--vkui--color_accent_blue:#397dcc;--vkui--color_accent_blue--hover:#4182ce;--vkui--color_accent_blue--active:#4987d0;--vkui--color_accent_gray--hover:#b1bac4;--vkui--color_accent_gray--active:#b4bdc7;--vkui--color_accent_purple:#937ff5;--vkui--color_accent_purple--hover:#9784f5;--vkui--color_accent_purple--active:#9c89f6;--vkui--color_accent_violet:#a393f5;--vkui--color_accent_violet--hover:#a797f5;--vkui--color_accent_violet--active:#aa9cf6;--vkui--color_skeleton_from:#292929;--vkui--color_skeleton_from--hover:#323232;--vkui--color_skeleton_from--active:#3a3a3a;--vkui--color_skeleton_to:#333;--vkui--color_skeleton_to--hover:#3b3b3b;--vkui--color_skeleton_to--active:#434343;--vkui--color_write_bar_icon:#e1e3e6;--vkui--color_write_bar_icon--hover:#e2e4e7;--vkui--color_write_bar_icon--active:#e3e5e8;--vkui--color_write_bar_input_background:#424242;--vkui--color_write_bar_input_background--hover:#4a4a4a;--vkui--color_write_bar_input_background--active:#515151;--vkui--color_track_background:#828282;--vkui--color_track_background--hover:#878787;--vkui--color_track_background--active:#8c8c8c;--vkui--color_track_buffer:#fff;--vkui--color_track_buffer--hover:#ebedf0;--vkui--color_track_buffer--active:#d7d8db;--vkui--color_search_field_background:#424242;--vkui--color_search_field_background--hover:#4a4a4a;--vkui--color_search_field_background--active:#515151}
|
|
1
|
+
.vkui--vkBase--light,:root{--vkui--theme_name:"vkBase"}.vkui--vkBase--dark,.vkui--vkBase--light,:root{--vkui--theme_name_base:"vkBase";--vkui--size_base_padding_horizontal--regular:16px;--vkui--size_switch_height--regular:14px;--vkui--size_switch_height--compact:12px;--vkui--size_switch_width--regular:34px;--vkui--size_switch_width--compact:32px;--vkui--size_switch_pin--regular:20px;--vkui--size_switch_pin--compact:18px;--vkui--size_panel_header_height--regular:56px}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--gradient_black:transparent 0%,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%;--vkui--gradient_white:hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%;--vkui--elevation1:0px 0px 2px rgba(0,0,0,.03),0px 2px 2px rgba(0,0,0,.06);--vkui--elevation1_invert_y:0px 0px 2px rgba(0,0,0,.03),0px -2px 2px rgba(0,0,0,.06);--vkui--elevation2:0px 4px 8px rgba(0,0,0,.04),0px 0px 4px rgba(0,0,0,.06);--vkui--elevation3:0px 0px 2px rgba(0,0,0,.08),0px 4px 16px rgba(0,0,0,.08);--vkui--elevation4:0px 0px 8px rgba(0,0,0,.12),0px 16px 16px rgba(0,0,0,.16);--vkui--font_family_fallbacks:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_family_accent:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_family_base:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_weight_accent1:600;--vkui--font_weight_accent2:500;--vkui--font_weight_accent3:400;--vkui--font_weight_base1:600;--vkui--font_weight_base2:500;--vkui--font_weight_base3:400;--vkui--font_title1--font_size--regular:24px;--vkui--font_title1--line_height--regular:28px;--vkui--font_title1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title1--font_weight--regular:600;--vkui--font_title2--font_size--regular:20px;--vkui--font_title2--line_height--regular:24px;--vkui--font_title2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title2--font_weight--regular:600;--vkui--font_title3--font_size--regular:17px;--vkui--font_title3--line_height--regular:22px;--vkui--font_title3--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title3--font_weight--regular:600;--vkui--font_headline1--font_size--regular:16px;--vkui--font_headline1--line_height--regular:20px;--vkui--font_headline1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline1--font_weight--regular:500;--vkui--font_headline2--font_size--regular:15px;--vkui--font_headline2--line_height--regular:20px;--vkui--font_headline2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline2--font_weight--regular:500;--vkui--font_headline2--font_size--compact:14px;--vkui--font_headline2--line_height--compact:20px;--vkui--font_text--font_size--regular:16px;--vkui--font_text--line_height--regular:20px;--vkui--font_text--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_text--font_weight--regular:400;--vkui--font_paragraph--font_size--regular:15px;--vkui--font_paragraph--line_height--regular:20px;--vkui--font_paragraph--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_paragraph--font_weight--regular:400;--vkui--font_subhead--font_size--regular:14px;--vkui--font_subhead--line_height--regular:18px;--vkui--font_subhead--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_subhead--font_weight--regular:400;--vkui--font_footnote--font_size--regular:13px;--vkui--font_footnote--line_height--regular:16px;--vkui--font_footnote--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote--font_weight--regular:400;--vkui--font_footnote_caps--font_size--regular:13px;--vkui--font_footnote_caps--line_height--regular:16px;--vkui--font_footnote_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote_caps--font_weight--regular:400;--vkui--font_footnote_caps--text_transform--regular:uppercase;--vkui--font_caption1--font_size--regular:12px;--vkui--font_caption1--line_height--regular:14px;--vkui--font_caption1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1--font_weight--regular:400;--vkui--font_caption1_caps--font_size--regular:12px;--vkui--font_caption1_caps--line_height--regular:14px;--vkui--font_caption1_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1_caps--font_weight--regular:600;--vkui--font_caption1_caps--text_transform--regular:uppercase;--vkui--font_caption2--font_size--regular:11px;--vkui--font_caption2--line_height--regular:14px;--vkui--font_caption2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2--font_weight--regular:400;--vkui--font_caption2_caps--font_size--regular:11px;--vkui--font_caption2_caps--line_height--regular:14px;--vkui--font_caption2_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2_caps--font_weight--regular:600;--vkui--font_caption2_caps--text_transform--regular:uppercase;--vkui--font_caption3--font_size--regular:9px;--vkui--font_caption3--line_height--regular:12px;--vkui--font_caption3--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3--font_weight--regular:400;--vkui--font_caption3_caps--font_size--regular:9px;--vkui--font_caption3_caps--line_height--regular:12px;--vkui--font_caption3_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3_caps--font_weight--regular:600;--vkui--font_caption3_caps--text_transform--regular:uppercase;--vkui--size_select_icon_padding--regular:6px;--vkui--size_select_icon_padding--compact:7px;--vkui--size_popup_base_padding--regular:32px;--vkui--size_popup_base_padding--compact:20px;--vkui--size_popup_header_padding--regular:24px;--vkui--size_popup_header_padding--compact:16px;--vkui--size_label_horizontal_margin--regular:16px;--vkui--size_check_border_radius--regular:4px;--vkui--size_border_radius_paper--regular:12px;--vkui--size_border_radius_promo--regular:20px;--vkui--size_field_height--regular:44px;--vkui--size_field_height--compact:36px;--vkui--size_search_height--regular:36px;--vkui--size_search_height--compact:32px;--vkui--size_button_large_height--regular:44px;--vkui--size_button_large_height--compact:36px;--vkui--size_button_medium_height--regular:36px;--vkui--size_button_medium_height--compact:32px;--vkui--size_button_small_height--regular:30px;--vkui--size_button_small_height--compact:28px;--vkui--size_checkbox--regular:16px;--vkui--size_arrow--regular:8px;--vkui--size_arrow_promo--regular:40px;--vkui--size_popup_medium--regular:680px;--vkui--size_popup_large--regular:880px;--vkui--size_field_horizontal_padding--regular:12px;--vkui--size_button_padding_horizontal--regular:12px;--vkui--size_arrow_padding--regular:12px;--vkui--size_tooltip_margin--regular:8px;--vkui--size_icon_u_i--regular:16px;--vkui--size_avatar_x_s--regular:24px;--vkui--size_avatar_s--regular:32px;--vkui--size_avatar_m--regular:48px;--vkui--size_avatar_l--regular:96px;--vkui--size_avatar_x_l--regular:128px;--vkui--size_badge_x_s--regular:12px;--vkui--size_badge_s--regular:16px;--vkui--size_badge_m--regular:24px;--vkui--size_badge_l--regular:44px;--vkui--size_badge_x_l--regular:56px;--vkui--size_cardgrid_padding--regular:8px;--vkui--size_cardgrid_padding_vertical--regular:8px;--vkui--size_base_padding_vertical--regular:12px;--vkui--size_button_group_gap_space--regular:1px;--vkui--size_button_group_gap_small--regular:8px;--vkui--size_button_group_gap_medium--regular:12px;--vkui--size_option_hierarchy--regular:32px;--vkui--size_button_base_small_padding_horizontal--regular:16px;--vkui--size_button_base_medium_padding_horizontal--regular:16px;--vkui--size_button_base_large_padding_horizontal--regular:20px;--vkui--size_button_base_small_padding_horizontal_icon--regular:12px;--vkui--size_button_base_medium_padding_horizontal_icon--regular:12px;--vkui--size_button_base_large_padding_horizontal_icon--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal--regular:12px;--vkui--size_button_tertiary_medium_padding_horizontal--regular:12px;--vkui--size_button_tertiary_large_padding_horizontal--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_large_padding_horizontal_icon--regular:12px;--vkui--size_button_minimum_width--regular:80px;--vkui--size_split_col_padding_horizontal--regular:16px;--vkui--size_subnavigation_bar_gap--regular:8px;--vkui--size_subnavigation_bar_padding_vertical--regular:12px;--vkui--spacing_size_xs:4px;--vkui--spacing_size_s:6px;--vkui--spacing_size_m:8px;--vkui--spacing_size_l:10px;--vkui--spacing_size_xl:12px;--vkui--animation_duration_l:0.4s;--vkui--animation_duration_m:0.2s;--vkui--animation_duration_s:0.1s;--vkui--animation_easing_default:cubic-bezier(0.3,0.3,0.5,1);--vkui--opacity_disable:0.4;--vkui--opacity_disable_accessibility:0.64;--vkui--z_index_modal:99;--vkui--z_index_popout:100;--vkui--font_headline--font_size--regular:16px;--vkui--font_headline--line_height--regular:20px;--vkui--font_headline--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline--font_weight--regular:500;--vkui--color_background_accent_tint:#5a9eff;--vkui--color_background_contrast:#fff;--vkui--color_background_contrast_secondary_alpha:hsla(0,0%,100%,.2);--vkui--color_background_contrast_secondary_alpha--hover:hsla(0,0%,100%,.24);--vkui--color_background_contrast_secondary_alpha--active:hsla(0,0%,100%,.28);--vkui--color_background_positive:#4bb34b;--vkui--color_background_positive_tint:#e8f9e8;--vkui--color_text_contrast:#fff;--vkui--color_text_positive:#4bb34b;--vkui--color_text_link_visited:#4986cc;--vkui--color_icon_contrast_secondary:#f2f3f5;--vkui--color_icon_positive:#4bb34b;--vkui--color_stroke_positive:#4bb34b;--vkui--color_stroke_contrast:#fff;--vkui--color_accent_red:#ff3347;--vkui--color_accent_orange:#ffa000;--vkui--color_accent_secondary:#3f8ae0;--vkui--color_overlay_primary:rgba(0,0,0,.4);--vkui--color_overlay_primary--hover:rgba(0,0,0,.44);--vkui--color_overlay_primary--active:rgba(0,0,0,.48);--vkui--color_avatar_overlay:rgba(0,0,0,.6);--vkui--color_avatar_overlay--hover:rgba(0,0,0,.64);--vkui--color_avatar_overlay--active:rgba(0,0,0,.68);--vkui--color_avatar_overlay_inverse_alpha:hsla(0,0%,100%,.85);--vkui--color_avatar_overlay_inverse_alpha--hover:hsla(0,0%,100%,.89);--vkui--color_avatar_overlay_inverse_alpha--active:hsla(0,0%,100%,.93);--vkui--color_transparent:transparent}.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--light,:root{--vkui--gradient_tint:hsla(0,0%,98%,0) 0%,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%;--vkui--colors_scheme:light;--vkui--color_background_accent_tint--hover:#5698f7;--vkui--color_background_accent_tint--active:#5393ef;--vkui--color_background_content:#fff;--vkui--color_background_content--hover:#f5f5f7;--vkui--color_background_content--active:#ebecef;--vkui--color_background_secondary_alpha:rgba(0,0,0,.04);--vkui--color_background_secondary_alpha--hover:rgba(0,0,0,.08);--vkui--color_background_secondary_alpha--active:rgba(0,0,0,.12);--vkui--color_background_tertiary_alpha:rgba(0,0,0,.03);--vkui--color_background_tertiary_alpha--hover:rgba(0,0,0,.07);--vkui--color_background_tertiary_alpha--active:rgba(0,0,0,.11);--vkui--color_background_contrast--hover:#f5f5f7;--vkui--color_background_contrast--active:#ebecef;--vkui--color_background_modal:#fff;--vkui--color_background_modal--hover:#f5f5f7;--vkui--color_background_modal--active:#ebecef;--vkui--color_background_warning:#fff2d6;--vkui--color_background_warning--hover:#f5e9d0;--vkui--color_background_warning--active:#ebe0ca;--vkui--color_background_positive--hover:#48ac4a;--vkui--color_background_positive--active:#45a64a;--vkui--color_background_negative:#e64646;--vkui--color_background_negative--hover:#dd4446;--vkui--color_background_negative--active:#d44245;--vkui--color_background_negative_tint:#faebeb;--vkui--color_background_negative_tint--hover:#f0e2e4;--vkui--color_background_negative_tint--active:#e6d9dd;--vkui--color_background_positive_tint--hover:#dff0e1;--vkui--color_background_positive_tint--active:#d5e6da;--vkui--color_header_background:#fff;--vkui--color_header_background--hover:#f5f5f7;--vkui--color_header_background--active:#ebecef;--vkui--color_text_primary:#000;--vkui--color_text_primary--hover:#000102;--vkui--color_text_primary--active:#000105;--vkui--color_text_secondary:#818c99;--vkui--color_text_secondary--hover:#7c8795;--vkui--color_text_secondary--active:#778292;--vkui--color_text_tertiary:#99a2ad;--vkui--color_text_tertiary--hover:#939ca9;--vkui--color_text_tertiary--active:#8d96a4;--vkui--color_text_contrast--hover:#f5f5f7;--vkui--color_text_contrast--active:#ebecef;--vkui--color_text_contrast_themed:#fff;--vkui--color_text_contrast_themed--hover:#f5f5f7;--vkui--color_text_contrast_themed--active:#ebecef;--vkui--color_text_positive--hover:#48ac4a;--vkui--color_text_positive--active:#45a64a;--vkui--color_text_negative:#e64646;--vkui--color_text_negative--hover:#dd4446;--vkui--color_text_negative--active:#d44245;--vkui--color_text_link_visited--hover:#4681c6;--vkui--color_text_link_visited--active:#437dc1;--vkui--color_icon_primary:#2c2d2e;--vkui--color_icon_primary--hover:#2a2c2f;--vkui--color_icon_primary--active:#282b2f;--vkui--color_icon_medium_alpha:rgba(0,0,0,.48);--vkui--color_icon_medium_alpha--hover:rgba(0,0,0,.52);--vkui--color_icon_medium_alpha--active:rgba(0,0,0,.56);--vkui--color_icon_secondary:#99a2ad;--vkui--color_icon_secondary--hover:#939ca9;--vkui--color_icon_secondary--active:#8d96a4;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.36);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.4);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.44);--vkui--color_icon_tertiary_alpha:rgba(0,0,0,.24);--vkui--color_icon_tertiary_alpha--hover:rgba(0,0,0,.28);--vkui--color_icon_tertiary_alpha--active:rgba(0,0,0,.32);--vkui--color_icon_contrast--hover:#f5f5f7;--vkui--color_icon_contrast--active:#ebecef;--vkui--color_icon_contrast_themed:#fff;--vkui--color_icon_contrast_themed--hover:#f5f5f7;--vkui--color_icon_contrast_themed--active:#ebecef;--vkui--color_icon_contrast_secondary--hover:#e8eaee;--vkui--color_icon_contrast_secondary--active:#dfe1e6;--vkui--color_icon_positive--hover:#48ac4a;--vkui--color_icon_positive--active:#45a64a;--vkui--color_icon_negative:#e64646;--vkui--color_icon_negative--hover:#dd4446;--vkui--color_icon_negative--active:#d44245;--vkui--color_separator_primary:#d7d8d9;--vkui--color_separator_primary--hover:#ced0d3;--vkui--color_separator_primary--active:#c6c8cd;--vkui--color_separator_primary2x:#cbcccd;--vkui--color_separator_primary2x--hover:#c3c4c7;--vkui--color_separator_primary2x--active:#bbbdc1;--vkui--color_separator_primary3x:#bebfc1;--vkui--color_separator_primary3x--hover:#b6b8bc;--vkui--color_separator_primary3x--active:#afb1b6;--vkui--color_separator_primary_alpha:rgba(0,0,0,.12);--vkui--color_separator_primary_alpha--hover:rgba(0,0,0,.16);--vkui--color_separator_primary_alpha--active:rgba(0,0,0,.2);--vkui--color_stroke_positive--hover:#48ac4a;--vkui--color_stroke_positive--active:#45a64a;--vkui--color_stroke_negative:#e64646;--vkui--color_stroke_negative--hover:#dd4446;--vkui--color_stroke_negative--active:#d44245;--vkui--color_stroke_contrast--hover:#f5f5f7;--vkui--color_stroke_contrast--active:#ebecef;--vkui--color_image_border_alpha:rgba(0,0,0,.08);--vkui--color_image_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_image_border_alpha--active:rgba(0,0,0,.16);--vkui--color_field_border_alpha:rgba(0,0,0,.12);--vkui--color_field_border_alpha--hover:rgba(0,0,0,.24);--vkui--color_field_border_alpha--active:rgba(0,0,0,.36);--vkui--color_accent_red--hover:#f53247;--vkui--color_accent_red--active:#eb3046;--vkui--color_accent_orange--hover:#f59a02;--vkui--color_accent_orange--active:#eb9405;--vkui--color_accent_purple--hover:#6e59df;--vkui--color_accent_purple--active:#6a56d8;--vkui--color_accent_violet--hover:#742dbb;--vkui--color_accent_violet--active:#6f2cb6;--vkui--color_accent_raspberry_pink:#e03fab;--vkui--color_accent_raspberry_pink--hover:#d73da7;--vkui--color_accent_raspberry_pink--active:#ce3ba2;--vkui--color_accent_secondary--hover:#3c85d9;--vkui--color_accent_secondary--active:#3a80d3;--vkui--color_action_sheet_text:#3f8ae0;--vkui--color_action_sheet_text--hover:#3c85d9;--vkui--color_action_sheet_text--active:#3a80d3;--vkui--color_image_placeholder:#f2f3f5;--vkui--color_image_placeholder--hover:#e8eaee;--vkui--color_image_placeholder--active:#dfe1e6;--vkui--color_image_placeholder_alpha:rgba(0,28,61,.08);--vkui--color_image_placeholder_alpha--hover:rgba(0,28,61,.12);--vkui--color_image_placeholder_alpha--active:rgba(0,28,61,.16);--vkui--color_write_bar_input_border_alpha:rgba(0,0,0,.08);--vkui--color_write_bar_input_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_write_bar_input_border_alpha--active:rgba(0,0,0,.16);--vkui--color_segmented_control:#fff;--vkui--color_segmented_control--hover:#f5f5f7;--vkui--color_segmented_control--active:#ebecef;--vkui--color_transparent--hover:rgba(0,16,61,.04);--vkui--color_transparent--active:rgba(0,16,61,.08)}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--font_headline1--font_size--compact:15px;--vkui--font_headline1--line_height--compact:20px;--vkui--font_text--font_size--compact:15px;--vkui--font_text--line_height--compact:20px;--vkui--font_subhead--font_size--compact:13px;--vkui--font_subhead--line_height--compact:16px;--vkui--size_popup_small--regular:420px;--vkui--size_form_item_padding_vertical--regular:12px;--vkui--font_headline--font_size--compact:15px;--vkui--font_headline--line_height--compact:20px;--vkui--color_background_contrast_inverse:#2c2d2e;--vkui--color_text_primary_invariably:#000;--vkui--color_link_contrast:#fff;--vkui--color_icon_primary_invariably:#2c2d2e;--vkui--color_accent_gray:#a3adb8}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,:root{--vkui--size_border_radius--regular:8px;--vkui--size_card_border_radius--regular:8px;--vkui--animation_easing_platform:cubic-bezier(0.4,0,0.2,1)}.vkui--vkBase--light,.vkui--vkIOS--light,:root{--vkui--color_background_accent:#2688eb;--vkui--color_background_accent--hover:#2483e4;--vkui--color_background_accent--active:#237edd;--vkui--color_background_accent_themed:#2688eb;--vkui--color_background_accent_themed--hover:#2483e4;--vkui--color_background_accent_themed--active:#237edd;--vkui--color_background_accent_alternative:#2688eb;--vkui--color_background_accent_alternative--hover:#2483e4;--vkui--color_background_accent_alternative--active:#237edd;--vkui--color_background:#ebedf0;--vkui--color_background--hover:#e2e4e9;--vkui--color_background--active:#d8dbe2;--vkui--color_background_secondary:#f5f5f5;--vkui--color_background_secondary--hover:#ebecee;--vkui--color_background_secondary--active:#e1e3e6;--vkui--color_background_tertiary:#f9f9f9;--vkui--color_background_tertiary--hover:#eff0f1;--vkui--color_background_tertiary--active:#e5e6ea;--vkui--color_background_contrast_inverse--hover:#2a2c2f;--vkui--color_background_contrast_inverse--active:#282b2f;--vkui--color_background_modal_inverse:#2d2d2e;--vkui--color_background_modal_inverse--hover:#2b2c2f;--vkui--color_background_modal_inverse--active:#292b2f;--vkui--color_field_background:#f2f3f5;--vkui--color_field_background--hover:#e8eaee;--vkui--color_field_background--active:#dfe1e6;--vkui--color_text_accent:#2688eb;--vkui--color_text_accent--hover:#2483e4;--vkui--color_text_accent--active:#237edd;--vkui--color_text_accent_themed:#2688eb;--vkui--color_text_accent_themed--hover:#2483e4;--vkui--color_text_accent_themed--active:#237edd;--vkui--color_text_primary_invariably--hover:#000102;--vkui--color_text_primary_invariably--active:#000105;--vkui--color_text_subhead:#6d7885;--vkui--color_text_subhead--hover:#697482;--vkui--color_text_subhead--active:#64707f;--vkui--color_text_link:#2d81e0;--vkui--color_text_link--hover:#2b7cd9;--vkui--color_text_link--active:#2978d3;--vkui--color_text_link_themed:#2d81e0;--vkui--color_text_link_themed--hover:#2b7cd9;--vkui--color_text_link_themed--active:#2978d3;--vkui--color_text_muted:#2c2d2e;--vkui--color_text_muted--hover:#2a2c2f;--vkui--color_text_muted--active:#282b2f;--vkui--color_link_contrast--hover:#f5f5f7;--vkui--color_link_contrast--active:#ebecef;--vkui--color_icon_accent:#2688eb;--vkui--color_icon_accent--hover:#2483e4;--vkui--color_icon_accent--active:#237edd;--vkui--color_icon_accent_themed:#2688eb;--vkui--color_icon_accent_themed--hover:#2483e4;--vkui--color_icon_accent_themed--active:#237edd;--vkui--color_icon_primary_invariably--hover:#2a2c2f;--vkui--color_icon_primary_invariably--active:#282b2f;--vkui--color_icon_medium:#818c99;--vkui--color_icon_medium--hover:#7c8795;--vkui--color_icon_medium--active:#778292;--vkui--color_icon_tertiary:#b8c1cc;--vkui--color_icon_tertiary--hover:#b1bac6;--vkui--color_icon_tertiary--active:#a9b3c1;--vkui--color_stroke_accent:#2688eb;--vkui--color_stroke_accent--hover:#2483e4;--vkui--color_stroke_accent--active:#237edd;--vkui--color_stroke_accent_themed:#2688eb;--vkui--color_stroke_accent_themed--hover:#2483e4;--vkui--color_stroke_accent_themed--active:#237edd;--vkui--color_separator_secondary:#e1e3e6;--vkui--color_separator_secondary--hover:#d8dbdf;--vkui--color_separator_secondary--active:#cfd2d8;--vkui--color_accent_blue:#3f8ae0;--vkui--color_accent_blue--hover:#3c85d9;--vkui--color_accent_blue--active:#3a80d3;--vkui--color_accent_gray--hover:#9ca7b3;--vkui--color_accent_gray--active:#96a0ae;--vkui--color_accent_green--hover:#48ac4a;--vkui--color_accent_green--active:#45a64a;--vkui--color_skeleton_from:#f5f5f5;--vkui--color_skeleton_from--hover:#ebecee;--vkui--color_skeleton_from--active:#e1e3e6;--vkui--color_skeleton_to:#e1e3e6;--vkui--color_skeleton_to--hover:#d8dbdf;--vkui--color_skeleton_to--active:#cfd2d8;--vkui--color_write_bar_icon:#3f8ae0;--vkui--color_write_bar_icon--hover:#3c85d9;--vkui--color_write_bar_icon--active:#3a80d3;--vkui--color_write_bar_input_background:#f2f3f5;--vkui--color_write_bar_input_background--hover:#e8eaee;--vkui--color_write_bar_input_background--active:#dfe1e6;--vkui--color_write_bar_input_border:#e1e3e6;--vkui--color_write_bar_input_border--hover:#d8dbdf;--vkui--color_write_bar_input_border--active:#cfd2d8;--vkui--color_track_background:#e1e3e6;--vkui--color_track_background--hover:#d8dbdf;--vkui--color_track_background--active:#cfd2d8;--vkui--color_track_buffer:#a0bfe4;--vkui--color_track_buffer--hover:#9ab8dd;--vkui--color_track_buffer--active:#93b1d7;--vkui--color_search_field_background:#ebedf0;--vkui--color_search_field_background--hover:#e2e4e9;--vkui--color_search_field_background--active:#d8dbe2;--vkui--color_panel_header_icon:#2688eb;--vkui--color_panel_header_icon--hover:#2483e4;--vkui--color_panel_header_icon--active:#237edd}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_icon_contrast:#fff;--vkui--color_accent_purple:#735ce6;--vkui--color_accent_violet:#792ec0}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_accent_green:#4bb34b}.vkui--vkBase--dark{--vkui--theme_name:"vkBaseDark"}.vkui--vkBase--dark,.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--gradient_tint:rgba(32,32,33,0) 0%,rgba(32,32,33,.036) 13%,rgba(32,32,33,.15) 27%,rgba(32,32,33,.79) 68%,rgba(32,32,33,.95) 84%,#202021 100%;--vkui--colors_scheme:dark;--vkui--color_background_accent_tint--hover:#61a2ff;--vkui--color_background_accent_tint--active:#67a6ff;--vkui--color_background_secondary_alpha:hsla(0,0%,100%,.1);--vkui--color_background_secondary_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_background_secondary_alpha--active:hsla(0,0%,100%,.14);--vkui--color_background_tertiary_alpha:hsla(0,0%,100%,.03);--vkui--color_background_tertiary_alpha--hover:hsla(0,0%,100%,.07);--vkui--color_background_tertiary_alpha--active:hsla(0,0%,100%,.11);--vkui--color_background_contrast--hover:#ebedf0;--vkui--color_background_contrast--active:#d7d8db;--vkui--color_background_modal_inverse:#fff;--vkui--color_background_modal_inverse--hover:#ebedf0;--vkui--color_background_modal_inverse--active:#d7d8db;--vkui--color_background_warning:#857250;--vkui--color_background_warning--hover:#8a7857;--vkui--color_background_warning--active:#8f7d5e;--vkui--color_background_positive--hover:#52b652;--vkui--color_background_positive--active:#59b959;--vkui--color_background_negative:#ff5c5c;--vkui--color_background_negative--hover:#ff6363;--vkui--color_background_negative--active:#ff6969;--vkui--color_background_negative_tint:#522e2e;--vkui--color_background_negative_tint--hover:#593636;--vkui--color_background_negative_tint--active:#603f3f;--vkui--color_background_positive_tint--hover:#e9f9e9;--vkui--color_background_positive_tint--active:#eaf9ea;--vkui--color_text_primary:#e1e3e6;--vkui--color_text_primary--hover:#e2e4e7;--vkui--color_text_primary--active:#e3e5e8;--vkui--color_text_contrast--hover:#ebedf0;--vkui--color_text_contrast--active:#d7d8db;--vkui--color_text_positive--hover:#52b652;--vkui--color_text_positive--active:#59b959;--vkui--color_text_negative:#ff5c5c;--vkui--color_text_negative--hover:#ff6363;--vkui--color_text_negative--active:#ff6969;--vkui--color_text_link_visited--hover:#508bce;--vkui--color_text_link_visited--active:#5890d0;--vkui--color_icon_primary:#e1e3e6;--vkui--color_icon_primary--hover:#e2e4e7;--vkui--color_icon_primary--active:#e3e5e8;--vkui--color_icon_contrast_secondary--hover:#f3f3f5;--vkui--color_icon_contrast_secondary--active:#f3f4f6;--vkui--color_icon_positive--hover:#52b652;--vkui--color_icon_positive--active:#59b959;--vkui--color_icon_negative:#ff5c5c;--vkui--color_icon_negative--hover:#ff6363;--vkui--color_icon_negative--active:#ff6969;--vkui--color_separator_primary:#363738;--vkui--color_separator_primary--hover:#3e3f40;--vkui--color_separator_primary--active:#464748;--vkui--color_separator_primary2x:#444546;--vkui--color_separator_primary2x--hover:#4b4c4d;--vkui--color_separator_primary2x--active:#535455;--vkui--color_separator_primary3x:#505253;--vkui--color_separator_primary3x--hover:#57595a;--vkui--color_separator_primary3x--active:#5e6061;--vkui--color_separator_primary_alpha:hsla(0,0%,100%,.12);--vkui--color_separator_primary_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_separator_primary_alpha--active:hsla(0,0%,100%,.2);--vkui--color_stroke_positive--hover:#52b652;--vkui--color_stroke_positive--active:#59b959;--vkui--color_stroke_negative:#ff5c5c;--vkui--color_stroke_negative--hover:#ff6363;--vkui--color_stroke_negative--active:#ff6969;--vkui--color_stroke_contrast--hover:#ebedf0;--vkui--color_stroke_contrast--active:#d7d8db;--vkui--color_image_border_alpha:hsla(0,0%,100%,.08);--vkui--color_image_border_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_image_border_alpha--active:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha:hsla(0,0%,100%,.12);--vkui--color_field_border_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha--active:hsla(0,0%,100%,.2);--vkui--color_accent_red--hover:#ff3b4e;--vkui--color_accent_red--active:#ff4356;--vkui--color_accent_green--hover:#52b652;--vkui--color_accent_green--active:#59b959;--vkui--color_accent_orange--hover:#ffa40a;--vkui--color_accent_orange--active:#ffa814;--vkui--color_accent_raspberry_pink:#f060c0;--vkui--color_accent_raspberry_pink--hover:#f166c3;--vkui--color_accent_raspberry_pink--active:#f16dc5;--vkui--color_accent_secondary--hover:#478fe1;--vkui--color_accent_secondary--active:#4e93e2;--vkui--color_image_placeholder:#2a2b2c;--vkui--color_image_placeholder--hover:#333334;--vkui--color_image_placeholder--active:#3b3c3d;--vkui--color_image_placeholder_alpha:rgba(241,247,255,.08);--vkui--color_image_placeholder_alpha--hover:rgba(241,247,255,.12);--vkui--color_image_placeholder_alpha--active:rgba(241,247,255,.16);--vkui--color_write_bar_input_border_alpha:hsla(0,0%,100%,.8);--vkui--color_write_bar_input_border_alpha--hover:hsla(0,0%,100%,.84);--vkui--color_write_bar_input_border_alpha--active:hsla(0,0%,100%,.88);--vkui--color_action_sheet_text:#529ef4;--vkui--color_action_sheet_text--hover:#59a2f4;--vkui--color_action_sheet_text--active:#60a6f5;--vkui--color_panel_header_icon:#71aaeb;--vkui--color_panel_header_icon--hover:#77adec;--vkui--color_panel_header_icon--active:#7cb1ed;--vkui--color_segmented_control:#626364;--vkui--color_segmented_control--hover:#68696a;--vkui--color_segmented_control--active:#6f6f70;--vkui--color_transparent--hover:hsla(0,0%,100%,.04);--vkui--color_transparent--active:hsla(0,0%,100%,.08)}.vkui--vkBase--dark,.vkui--vkCom--light,.vkui--vkIOS--light{--vkui--theme_inherits_from:"vkBase"}.vkui--vkBase--dark,.vkui--vkIOS--dark{--vkui--color_background_accent:#529ef4;--vkui--color_background_accent--hover:#59a2f4;--vkui--color_background_accent--active:#60a6f5;--vkui--color_background_accent_themed:#fff;--vkui--color_background_accent_themed--hover:#ebedf0;--vkui--color_background_accent_themed--active:#d7d8db;--vkui--color_background_accent_alternative:#529ef4;--vkui--color_background_accent_alternative--hover:#59a2f4;--vkui--color_background_accent_alternative--active:#60a6f5;--vkui--color_background:#0a0a0a;--vkui--color_background--hover:#141414;--vkui--color_background--active:#1e1e1e;--vkui--color_background_content:#19191a;--vkui--color_background_content--hover:#222223;--vkui--color_background_content--active:#2b2b2c;--vkui--color_background_secondary:#232324;--vkui--color_background_secondary--hover:#2c2c2d;--vkui--color_background_secondary--active:#353536;--vkui--color_background_tertiary:#202021;--vkui--color_background_tertiary--hover:#29292a;--vkui--color_background_tertiary--active:#323233;--vkui--color_background_contrast_inverse--hover:#343536;--vkui--color_background_contrast_inverse--active:#3d3e3f;--vkui--color_background_modal:#2c2d2e;--vkui--color_background_modal--hover:#343536;--vkui--color_background_modal--active:#3d3e3f;--vkui--color_field_background:#232324;--vkui--color_field_background--hover:#2c2c2d;--vkui--color_field_background--active:#353536;--vkui--color_header_background:#19191a;--vkui--color_header_background--hover:#222223;--vkui--color_header_background--active:#2b2b2c;--vkui--color_text_accent:#529ef4;--vkui--color_text_accent--hover:#59a2f4;--vkui--color_text_accent--active:#60a6f5;--vkui--color_text_accent_themed:#fff;--vkui--color_text_accent_themed--hover:#ebedf0;--vkui--color_text_accent_themed--active:#d7d8db;--vkui--color_text_primary_invariably--hover:#0a0a0a;--vkui--color_text_primary_invariably--active:#141414;--vkui--color_text_secondary:#76787a;--vkui--color_text_secondary--hover:#7b7d7f;--vkui--color_text_secondary--active:#818385;--vkui--color_text_subhead:#969a9f;--vkui--color_text_subhead--hover:#9a9ea3;--vkui--color_text_subhead--active:#9ea2a7;--vkui--color_text_tertiary:#5d5f61;--vkui--color_text_tertiary--hover:#636567;--vkui--color_text_tertiary--active:#6a6c6e;--vkui--color_text_contrast_themed:#000;--vkui--color_text_contrast_themed--hover:#0a0a0a;--vkui--color_text_contrast_themed--active:#141414;--vkui--color_text_link:#529ef4;--vkui--color_text_link--hover:#59a2f4;--vkui--color_text_link--active:#60a6f5;--vkui--color_text_link_themed:#fff;--vkui--color_text_link_themed--hover:#ebedf0;--vkui--color_text_link_themed--active:#d7d8db;--vkui--color_text_muted:#e1e3e6;--vkui--color_text_muted--hover:#e2e4e7;--vkui--color_text_muted--active:#e3e5e8;--vkui--color_link_contrast--hover:#ebedf0;--vkui--color_link_contrast--active:#d7d8db;--vkui--color_icon_accent:#529ef4;--vkui--color_icon_accent--hover:#59a2f4;--vkui--color_icon_accent--active:#60a6f5;--vkui--color_icon_accent_themed:#fff;--vkui--color_icon_accent_themed--hover:#ebedf0;--vkui--color_icon_accent_themed--active:#d7d8db;--vkui--color_icon_primary_invariably--hover:#343536;--vkui--color_icon_primary_invariably--active:#3d3e3f;--vkui--color_icon_medium:#b0b1b6;--vkui--color_icon_medium--hover:#b3b4b9;--vkui--color_icon_medium--active:#b6b7bc;--vkui--color_icon_medium_alpha:rgba(241,247,255,.66);--vkui--color_icon_medium_alpha--hover:rgba(241,247,255,.7);--vkui--color_icon_medium_alpha--active:rgba(241,247,255,.74);--vkui--color_icon_secondary:#76787a;--vkui--color_icon_secondary--hover:#7b7d7f;--vkui--color_icon_secondary--active:#818385;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.43);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.47);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.51);--vkui--color_icon_tertiary:#5d5f61;--vkui--color_icon_tertiary--hover:#636567;--vkui--color_icon_tertiary--active:#6a6c6e;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.3);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.34);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.38);--vkui--color_icon_contrast--hover:#ebedf0;--vkui--color_icon_contrast--active:#d7d8db;--vkui--color_icon_contrast_themed:#000;--vkui--color_icon_contrast_themed--hover:#0a0a0a;--vkui--color_icon_contrast_themed--active:#141414;--vkui--color_stroke_accent:#529ef4;--vkui--color_stroke_accent--hover:#59a2f4;--vkui--color_stroke_accent--active:#60a6f5;--vkui--color_stroke_accent_themed:#fff;--vkui--color_stroke_accent_themed--hover:#ebedf0;--vkui--color_stroke_accent_themed--active:#d7d8db;--vkui--color_separator_secondary:#141415;--vkui--color_separator_secondary--hover:#1d1d1e;--vkui--color_separator_secondary--active:#272728;--vkui--color_accent_blue:#529ef4;--vkui--color_accent_blue--hover:#59a2f4;--vkui--color_accent_blue--active:#60a6f5;--vkui--color_accent_gray--hover:#a7b0bb;--vkui--color_accent_gray--active:#aab4be;--vkui--color_accent_purple--hover:#7963e7;--vkui--color_accent_purple--active:#7e69e8;--vkui--color_accent_violet--hover:#7e36c3;--vkui--color_accent_violet--active:#843fc5;--vkui--color_skeleton_from:#232324;--vkui--color_skeleton_from--hover:#2c2c2d;--vkui--color_skeleton_from--active:#353536;--vkui--color_skeleton_to:#2c2d2e;--vkui--color_skeleton_to--hover:#343536;--vkui--color_skeleton_to--active:#3d3e3f;--vkui--color_write_bar_icon:#529ef4;--vkui--color_write_bar_icon--hover:#59a2f4;--vkui--color_write_bar_icon--active:#60a6f5;--vkui--color_write_bar_input_background:#2c2d2e;--vkui--color_write_bar_input_background--hover:#343536;--vkui--color_write_bar_input_background--active:#3d3e3f;--vkui--color_write_bar_input_border:#2c2d2e;--vkui--color_write_bar_input_border--hover:#343536;--vkui--color_write_bar_input_border--active:#3d3e3f;--vkui--color_track_background:#454647;--vkui--color_track_background--hover:#4c4d4e;--vkui--color_track_background--active:#545556;--vkui--color_track_buffer:#405772;--vkui--color_track_buffer--hover:#485e78;--vkui--color_track_buffer--active:#4f647d;--vkui--color_search_field_background:#363738;--vkui--color_search_field_background--hover:#3e3f40;--vkui--color_search_field_background--active:#464748}.vkui--vkIOS--light{--vkui--theme_name:"vkIOS"}.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--theme_name_base:"vkIOS";--vkui--size_border_radius--regular:10px;--vkui--size_card_border_radius--regular:10px;--vkui--size_switch_height--regular:31px;--vkui--size_switch_height--compact:27px;--vkui--size_switch_width--regular:51px;--vkui--size_switch_width--compact:47px;--vkui--size_switch_pin--regular:27px;--vkui--size_switch_pin--compact:23px;--vkui--size_panel_header_height--regular:52px;--vkui--animation_easing_platform:cubic-bezier(0.36,0.66,0.04,1)}.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--size_base_padding_horizontal--regular:12px}.vkui--vkIOS--dark{--vkui--theme_name:"vkIOSDark"}.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--theme_inherits_from:"vkBaseDark"}.vkui--vkCom--light{--vkui--theme_name:"vkCom";--vkui--color_background_accent:#447bba;--vkui--color_background_accent--hover:#4177b5;--vkui--color_background_accent--active:#3f72b0;--vkui--color_background_accent_themed:#447bba;--vkui--color_background_accent_themed--hover:#4177b5;--vkui--color_background_accent_themed--active:#3f72b0;--vkui--color_background_accent_alternative:#447bba;--vkui--color_background_accent_alternative--hover:#4177b5;--vkui--color_background_accent_alternative--active:#3f72b0;--vkui--color_background:#edeef0;--vkui--color_background--hover:#e4e5e9;--vkui--color_background--active:#dadce2;--vkui--color_background_secondary:#f0f2f5;--vkui--color_background_secondary--hover:#e6e9ee;--vkui--color_background_secondary--active:#dde0e6;--vkui--color_background_tertiary:#fafbfc;--vkui--color_background_tertiary--hover:#f0f2f4;--vkui--color_background_tertiary--active:#e6e8ed;--vkui--color_background_contrast_inverse--hover:#313233;--vkui--color_background_contrast_inverse--active:#2f3034;--vkui--color_background_modal_inverse:#000;--vkui--color_background_modal_inverse--hover:#000102;--vkui--color_background_modal_inverse--active:#000105;--vkui--color_field_background:#f7f8fa;--vkui--color_field_background--hover:#edeff2;--vkui--color_field_background--active:#e3e5eb;--vkui--color_text_accent:#447bba;--vkui--color_text_accent--hover:#4177b5;--vkui--color_text_accent--active:#3f72b0;--vkui--color_text_accent_themed:#447bba;--vkui--color_text_accent_themed--hover:#4177b5;--vkui--color_text_accent_themed--active:#3f72b0;--vkui--color_text_primary_invariably--hover:#313233;--vkui--color_text_primary_invariably--active:#2f3034;--vkui--color_text_subhead:#626d7a;--vkui--color_text_subhead--hover:#5e6978;--vkui--color_text_subhead--active:#5a6675;--vkui--color_text_link:#2a5885;--vkui--color_text_link--hover:#285582;--vkui--color_text_link--active:#27527f;--vkui--color_text_link_themed:#2a5885;--vkui--color_text_link_themed--hover:#285582;--vkui--color_text_link_themed--active:#27527f;--vkui--color_text_muted:#333;--vkui--color_text_muted--hover:#313233;--vkui--color_text_muted--active:#2f3034;--vkui--color_link_contrast:#333;--vkui--color_link_contrast--hover:#313233;--vkui--color_link_contrast--active:#2f3034;--vkui--color_icon_accent:#447bba;--vkui--color_icon_accent--hover:#4177b5;--vkui--color_icon_accent--active:#3f72b0;--vkui--color_icon_accent_themed:#447bba;--vkui--color_icon_accent_themed--hover:#4177b5;--vkui--color_icon_accent_themed--active:#3f72b0;--vkui--color_icon_primary_invariably--hover:#313233;--vkui--color_icon_primary_invariably--active:#2f3034;--vkui--color_icon_medium:#6f7985;--vkui--color_icon_medium--hover:#6b7582;--vkui--color_icon_medium--active:#66717f;--vkui--color_icon_tertiary:#aeb7c2;--vkui--color_icon_tertiary--hover:#a7b0bd;--vkui--color_icon_tertiary--active:#a0aab7;--vkui--color_stroke_accent:#447bba;--vkui--color_stroke_accent--hover:#4177b5;--vkui--color_stroke_accent--active:#3f72b0;--vkui--color_stroke_accent_themed:#447bba;--vkui--color_stroke_accent_themed--hover:#4177b5;--vkui--color_stroke_accent_themed--active:#3f72b0;--vkui--color_separator_secondary:#e7e8ec;--vkui--color_separator_secondary--hover:#dedfe5;--vkui--color_separator_secondary--active:#d5d7de;--vkui--color_accent_blue:#5181b8;--vkui--color_accent_blue--hover:#4e7cb3;--vkui--color_accent_blue--active:#4b78ae;--vkui--color_accent_gray--hover:#a7b0bd;--vkui--color_accent_gray--active:#a0aab7;--vkui--color_accent_green:#1b7a1b;--vkui--color_accent_green--hover:#1a761c;--vkui--color_accent_green--active:#19721e;--vkui--color_skeleton_from:#f0f2f5;--vkui--color_skeleton_from--hover:#e6e9ee;--vkui--color_skeleton_from--active:#dde0e6;--vkui--color_skeleton_to:#e7e8ec;--vkui--color_skeleton_to--hover:#dedfe5;--vkui--color_skeleton_to--active:#d5d7de;--vkui--color_write_bar_icon:#818c99;--vkui--color_write_bar_icon--hover:#7c8795;--vkui--color_write_bar_icon--active:#778292;--vkui--color_write_bar_input_background:#fff;--vkui--color_write_bar_input_background--hover:#f5f5f7;--vkui--color_write_bar_input_background--active:#ebecef;--vkui--color_write_bar_input_border:#d3d9de;--vkui--color_write_bar_input_border--hover:#cbd1d8;--vkui--color_write_bar_input_border--active:#c2c9d1;--vkui--color_track_background:#d3d9de;--vkui--color_track_background--hover:#cbd1d8;--vkui--color_track_background--active:#c2c9d1;--vkui--color_track_buffer:#447bba;--vkui--color_track_buffer--hover:#4177b5;--vkui--color_track_buffer--active:#3f72b0;--vkui--color_search_field_background:#edeef0;--vkui--color_search_field_background--hover:#e4e5e9;--vkui--color_search_field_background--active:#dadce2;--vkui--color_panel_header_icon:#447bba;--vkui--color_panel_header_icon--hover:#4177b5;--vkui--color_panel_header_icon--active:#3f72b0}.vkui--vkCom--dark,.vkui--vkCom--light{--vkui--theme_name_base:"vkCom";--vkui--font_headline1--font_size--compact:14px;--vkui--font_headline1--line_height--compact:18px;--vkui--font_text--font_size--compact:13px;--vkui--font_text--line_height--compact:16px;--vkui--font_subhead--font_size--compact:14px;--vkui--font_subhead--line_height--compact:18px;--vkui--size_popup_small--regular:448px;--vkui--size_switch_height--regular:10px;--vkui--size_switch_height--compact:10px;--vkui--size_switch_width--regular:27px;--vkui--size_switch_width--compact:27px;--vkui--size_switch_pin--regular:16px;--vkui--size_switch_pin--compact:16px;--vkui--size_panel_header_height--regular:48px;--vkui--size_form_item_padding_vertical--regular:8px;--vkui--font_headline--font_size--compact:14px;--vkui--font_headline--line_height--compact:18px;--vkui--color_background_contrast_inverse:#333;--vkui--color_text_primary_invariably:#333;--vkui--color_icon_primary_invariably:#333;--vkui--color_accent_gray:#aeb7c2}.vkui--vkCom--dark{--vkui--theme_name:"vkComDark";--vkui--color_background_accent:#71aaeb;--vkui--color_background_accent--hover:#77adec;--vkui--color_background_accent--active:#7cb1ed;--vkui--color_background_accent_themed:#e1e3e6;--vkui--color_background_accent_themed--hover:#d8dbdf;--vkui--color_background_accent_themed--active:#cfd2d8;--vkui--color_background_accent_alternative:#71aaeb;--vkui--color_background_accent_alternative--hover:#77adec;--vkui--color_background_accent_alternative--active:#7cb1ed;--vkui--color_background:#141414;--vkui--color_background--hover:#1d1d1d;--vkui--color_background--active:#272727;--vkui--color_background_content:#222;--vkui--color_background_content--hover:#2b2b2b;--vkui--color_background_content--active:#343434;--vkui--color_background_secondary:#333;--vkui--color_background_secondary--hover:#3b3b3b;--vkui--color_background_secondary--active:#434343;--vkui--color_background_tertiary:#292929;--vkui--color_background_tertiary--hover:#323232;--vkui--color_background_tertiary--active:#3a3a3a;--vkui--color_background_contrast_inverse--hover:#3b3b3b;--vkui--color_background_contrast_inverse--active:#434343;--vkui--color_background_modal:#333;--vkui--color_background_modal--hover:#3b3b3b;--vkui--color_background_modal--active:#434343;--vkui--color_field_background:#292929;--vkui--color_field_background--hover:#323232;--vkui--color_field_background--active:#3a3a3a;--vkui--color_header_background:#222;--vkui--color_header_background--hover:#2b2b2b;--vkui--color_header_background--active:#343434;--vkui--color_text_accent:#71aaeb;--vkui--color_text_accent--hover:#77adec;--vkui--color_text_accent--active:#7cb1ed;--vkui--color_text_accent_themed:#e1e3e6;--vkui--color_text_accent_themed--hover:#e2e4e7;--vkui--color_text_accent_themed--active:#e3e5e8;--vkui--color_text_primary_invariably--hover:#3b3b3b;--vkui--color_text_primary_invariably--active:#434343;--vkui--color_text_secondary:#b2b2b2;--vkui--color_text_secondary--hover:#b5b5b5;--vkui--color_text_secondary--active:#b8b8b8;--vkui--color_text_subhead:#939393;--vkui--color_text_subhead--hover:#979797;--vkui--color_text_subhead--active:#9c9c9c;--vkui--color_text_tertiary:#656565;--vkui--color_text_tertiary--hover:#6b6b6b;--vkui--color_text_tertiary--active:#717171;--vkui--color_text_contrast_themed:#222;--vkui--color_text_contrast_themed--hover:#2b2b2b;--vkui--color_text_contrast_themed--active:#343434;--vkui--color_text_link:#71aaeb;--vkui--color_text_link--hover:#77adec;--vkui--color_text_link--active:#7cb1ed;--vkui--color_text_link_themed:#939393;--vkui--color_text_link_themed--hover:#979797;--vkui--color_text_link_themed--active:#9c9c9c;--vkui--color_text_muted:#ccc;--vkui--color_text_muted--hover:#cecece;--vkui--color_text_muted--active:#d0d0d0;--vkui--color_link_contrast:#ccc;--vkui--color_link_contrast--hover:#cecece;--vkui--color_link_contrast--active:#d0d0d0;--vkui--color_icon_accent:#71aaeb;--vkui--color_icon_accent--hover:#77adec;--vkui--color_icon_accent--active:#7cb1ed;--vkui--color_icon_accent_themed:#e1e3e6;--vkui--color_icon_accent_themed--hover:#e2e4e7;--vkui--color_icon_accent_themed--active:#e3e5e8;--vkui--color_icon_primary_invariably--hover:#3b3b3b;--vkui--color_icon_primary_invariably--active:#434343;--vkui--color_icon_medium:#939393;--vkui--color_icon_medium--hover:#979797;--vkui--color_icon_medium--active:#9c9c9c;--vkui--color_icon_medium_alpha:hsla(0,0%,100%,.48);--vkui--color_icon_medium_alpha--hover:hsla(0,0%,100%,.52);--vkui--color_icon_medium_alpha--active:hsla(0,0%,100%,.56);--vkui--color_icon_secondary:#828282;--vkui--color_icon_secondary--hover:#878787;--vkui--color_icon_secondary--active:#8c8c8c;--vkui--color_icon_secondary_alpha:hsla(0,0%,100%,.4);--vkui--color_icon_secondary_alpha--hover:hsla(0,0%,100%,.44);--vkui--color_icon_secondary_alpha--active:hsla(0,0%,100%,.48);--vkui--color_icon_tertiary:#656565;--vkui--color_icon_tertiary--hover:#6b6b6b;--vkui--color_icon_tertiary--active:#717171;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.24);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.28);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.32);--vkui--color_icon_contrast:#e1e3e6;--vkui--color_icon_contrast--hover:#e2e4e7;--vkui--color_icon_contrast--active:#e3e5e8;--vkui--color_icon_contrast_themed:#222;--vkui--color_icon_contrast_themed--hover:#2b2b2b;--vkui--color_icon_contrast_themed--active:#343434;--vkui--color_stroke_accent:#71aaeb;--vkui--color_stroke_accent--hover:#77adec;--vkui--color_stroke_accent--active:#7cb1ed;--vkui--color_stroke_accent_themed:#e1e3e6;--vkui--color_stroke_accent_themed--hover:#e2e4e7;--vkui--color_stroke_accent_themed--active:#e3e5e8;--vkui--color_separator_secondary:#292929;--vkui--color_separator_secondary--hover:#323232;--vkui--color_separator_secondary--active:#3a3a3a;--vkui--color_accent_blue:#397dcc;--vkui--color_accent_blue--hover:#4182ce;--vkui--color_accent_blue--active:#4987d0;--vkui--color_accent_gray--hover:#b1bac4;--vkui--color_accent_gray--active:#b4bdc7;--vkui--color_accent_purple:#937ff5;--vkui--color_accent_purple--hover:#9784f5;--vkui--color_accent_purple--active:#9c89f6;--vkui--color_accent_violet:#a393f5;--vkui--color_accent_violet--hover:#a797f5;--vkui--color_accent_violet--active:#aa9cf6;--vkui--color_skeleton_from:#292929;--vkui--color_skeleton_from--hover:#323232;--vkui--color_skeleton_from--active:#3a3a3a;--vkui--color_skeleton_to:#333;--vkui--color_skeleton_to--hover:#3b3b3b;--vkui--color_skeleton_to--active:#434343;--vkui--color_write_bar_icon:#e1e3e6;--vkui--color_write_bar_icon--hover:#e2e4e7;--vkui--color_write_bar_icon--active:#e3e5e8;--vkui--color_write_bar_input_background:#424242;--vkui--color_write_bar_input_background--hover:#4a4a4a;--vkui--color_write_bar_input_background--active:#515151;--vkui--color_write_bar_input_border:#555;--vkui--color_write_bar_input_border--hover:#5c5c5c;--vkui--color_write_bar_input_border--active:#636363;--vkui--color_track_background:#828282;--vkui--color_track_background--hover:#878787;--vkui--color_track_background--active:#8c8c8c;--vkui--color_track_buffer:#fff;--vkui--color_track_buffer--hover:#ebedf0;--vkui--color_track_buffer--active:#d7d8db;--vkui--color_search_field_background:#424242;--vkui--color_search_field_background--hover:#4a4a4a;--vkui--color_search_field_background--active:#515151}
|
|
2
2
|
:root{--vkui_internal--tabbar_height:48px;--vkui_internal--thin_border:1px;--vkui_internal--grid_avatar_image_offset:2px;--vkui_internal--popover_safe_zone_padding:8px;--vkui_internal--white:#fff;--vkui_internal--safe_area_inset_top:0px;--vkui_internal--safe_area_inset_right:0px;--vkui_internal--safe_area_inset_bottom:0px;--vkui_internal--safe_area_inset_left:0px;--vkui_internal--duration:0.7s;--vkui_internal--z_index_cell_dragging:1;--vkui_internal--z_index_pull_to_refresh:1;--vkui_internal--z_index_tabs:2;--vkui_internal--z_index_fixed_layout:3;--vkui_internal--z_index_panel_header_context:4;--vkui_internal--z_index_panel_header_fixed:10;--vkui_internal--z_index_split_layout_panel_header:11;--vkui_internal--z_index_tappable_state:0;--vkui_internal--z_index_tappable_element:1;--vkui_internal--z_index_banner_background:0;--vkui_internal--z_index_banner_content:1;--vkui_internal--z_index_banner_hover:2;--vkui_internal--z_index_form_field_element:1;--vkui_internal--z_index_form_field_border:2;--vkui_internal--z_index_form_field_status:3;--vkui_internal--z_index_form_field_border_hover:4;--vkui_internal--z_index_form_field_focus:5;--vkui_internal--z_index_form_field_side:6;--vkui_internal--z_index_image_base_overlay:0;--vkui_internal--z_index_image_base_badge:1}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--vkui_internal--thin_border:0.5px}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--vkui_internal--thin_border:0.33px}}@supports (padding-top:constant(safe-area-inset-top)){:root{--vkui_internal--safe_area_inset_top:constant(safe-area-inset-top);--vkui_internal--safe_area_inset_right:constant(safe-area-inset-right);--vkui_internal--safe_area_inset_bottom:constant(safe-area-inset-bottom);--vkui_internal--safe_area_inset_left:constant(safe-area-inset-left)}}@supports (padding-top:env(safe-area-inset-top)){:root{--vkui_internal--safe_area_inset_top:env(safe-area-inset-top);--vkui_internal--safe_area_inset_right:env(safe-area-inset-right);--vkui_internal--safe_area_inset_bottom:env(safe-area-inset-bottom);--vkui_internal--safe_area_inset_left:env(safe-area-inset-left)}}
|
|
3
|
-
@
|
|
4
|
-
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.vkuiButton{border:none;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:inline-block;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);margin:0;max-width:100%;min-height:28px;min-height:var(--vkui--size_button_small_height--compact);min-width:80px;min-width:var(--vkui--size_button_minimum_width--regular);padding:0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiButton--loading{cursor:progress}.vkuiButton--singleIcon{min-width:auto;width:28px;width:var(--vkui--size_button_small_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular)}}.vkuiButton--stretched{display:block;flex-basis:0;flex-grow:1;width:100%}.vkuiButton__in{align-items:center;box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);justify-content:center;min-height:inherit;text-align:center;width:100%}.vkuiButton--align-left .vkuiButton__in{justify-content:flex-start;text-align:left}.vkuiButton--align-right .vkuiButton__in{justify-content:flex-end;text-align:right}.vkuiButton[disabled]{opacity:.4;opacity:var(--vkui--opacity_disable)}.vkuiButton--mode-outline[disabled]:not(.vkuiButton--appearance-overlay),.vkuiButton--mode-primary[disabled]:not(.vkuiButton--appearance-overlay):not(.vkuiButton--appearance-negative):not(.vkuiButton--appearance-positive),.vkuiButton--mode-secondary[disabled]:not(.vkuiButton--appearance-overlay),.vkuiButton--mode-tertiary[disabled]:not(.vkuiButton--appearance-overlay){opacity:.64}.vkuiButton__content{font-weight:500;font-weight:var(--vkui--font_weight_accent2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiButton--size-s .vkuiButton__content:first-child{padding-left:16px;padding-left:var(--vkui--size_button_base_small_padding_horizontal--regular)}.vkuiButton--size-s .vkuiButton__after,.vkuiButton--size-s .vkuiButton__content:last-child{padding-right:16px;padding-right:var(--vkui--size_button_base_small_padding_horizontal--regular)}.vkuiButton--size-m .vkuiButton__content:first-child{padding-left:16px;padding-left:var(--vkui--size_button_base_medium_padding_horizontal--regular)}.vkuiButton--size-m .vkuiButton__after,.vkuiButton--size-m .vkuiButton__content:last-child{padding-right:16px;padding-right:var(--vkui--size_button_base_medium_padding_horizontal--regular)}.vkuiButton--size-l .vkuiButton__content:first-child{padding-left:20px;padding-left:var(--vkui--size_button_base_large_padding_horizontal--regular)}.vkuiButton--size-l .vkuiButton__after,.vkuiButton--size-l .vkuiButton__content:last-child{padding-right:20px;padding-right:var(--vkui--size_button_base_large_padding_horizontal--regular)}.vkuiButton--size-s .vkuiButton__before{padding-left:12px;padding-left:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.vkuiButton--size-m .vkuiButton__before{padding-left:12px;padding-left:var(--vkui--size_button_base_medium_padding_horizontal_icon--regular)}.vkuiButton--size-l .vkuiButton__before{padding-left:16px;padding-left:var(--vkui--size_button_base_large_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:first-child{padding-left:12px;padding-left:var(--vkui--size_button_tertiary_small_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:last-child{padding-right:12px;padding-right:var(--vkui--size_button_tertiary_small_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:first-child{padding-left:12px;padding-left:var(--vkui--size_button_tertiary_medium_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:last-child{padding-right:12px;padding-right:var(--vkui--size_button_tertiary_medium_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:first-child{padding-left:16px;padding-left:var(--vkui--size_button_tertiary_large_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:last-child{padding-right:16px;padding-right:var(--vkui--size_button_tertiary_large_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__before{padding-left:8px;padding-left:var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__before{padding-left:8px;padding-left:var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__before{padding-left:12px;padding-left:var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--singleIcon .vkuiButton__before,.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--singleIcon .vkuiButton__before{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.vkuiButton--mode-link{background:none;min-width:auto}.vkuiButton--mode-link .vkuiButton__after,.vkuiButton--mode-link .vkuiButton__before,.vkuiButton--mode-link .vkuiButton__content:first-child,.vkuiButton--mode-link .vkuiButton__content:last-child{padding-left:0;padding-right:0}.vkuiButton__spinner{bottom:0;left:0;position:absolute;right:0;top:0}.vkuiButton__spinner+.vkuiButton__in{visibility:hidden}.vkuiButton--mode-primary.vkuiButton--appearance-accent{background-color:#2688eb;background-color:var(--vkui--color_background_accent_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--hover{background-color:#2483e4;background-color:var(--vkui--color_background_accent_themed--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--active{background-color:#237edd;background-color:var(--vkui--color_background_accent_themed--active)}.vkuiButton--mode-primary.vkuiButton--appearance-positive{background-color:#4bb34b;background-color:var(--vkui--color_background_positive)}.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--hover{background-color:#48ac4a;background-color:var(--vkui--color_background_positive--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--active{background-color:#45a64a;background-color:var(--vkui--color_background_positive--active)}.vkuiButton--mode-primary.vkuiButton--appearance-negative{background-color:#e64646;background-color:var(--vkui--color_background_negative)}.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--hover{background-color:#dd4446;background-color:var(--vkui--color_background_negative--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--active{background-color:#d44245;background-color:var(--vkui--color_background_negative--active)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable{background-color:#2688eb;background-color:var(--vkui--color_background_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--hover{background-color:#2483e4;background-color:var(--vkui--color_background_accent--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--active{background-color:#237edd;background-color:var(--vkui--color_background_accent--active)}.vkuiButton--mode-secondary{background-color:rgba(0,0,0,.04);background-color:var(--vkui--color_background_secondary_alpha)}.vkuiButton--mode-secondary.vkuiButton--hover{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiButton--mode-secondary.vkuiButton--active{background-color:rgba(0,0,0,.12);background-color:var(--vkui--color_background_secondary_alpha--active)}.vkuiButton--mode-outline,.vkuiButton--mode-tertiary{background-color:initial;background-color:var(--vkui--color_transparent)}.vkuiButton--mode-outline.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.vkuiButton--mode-outline.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active)}.vkuiButton.vkuiButton--appearance-accent{color:#2688eb;color:var(--vkui--color_text_accent_themed)}.vkuiButton.vkuiButton--appearance-positive{color:#4bb34b;color:var(--vkui--color_text_positive)}.vkuiButton.vkuiButton--appearance-negative{color:#e64646;color:var(--vkui--color_text_negative)}.vkuiButton.vkuiButton--appearance-neutral{color:#000;color:var(--vkui--color_text_primary)}.vkuiButton.vkuiButton--appearance-accent-invariable{color:#2688eb;color:var(--vkui--color_text_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-accent{color:#fff;color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable,.vkuiButton--mode-primary.vkuiButton--appearance-negative,.vkuiButton--mode-primary.vkuiButton--appearance-positive{color:#fff;color:var(--vkui--color_text_contrast)}.vkuiButton--mode-link.vkuiButton--hover{opacity:.8}.vkuiButton--mode-link.vkuiButton--active{opacity:.7}.vkuiButton--mode-outline.vkuiButton--appearance-accent,.vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--active,.vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--hover{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent_themed)}.vkuiButton--mode-outline.vkuiButton--appearance-positive{box-shadow:inset 0 0 0 1px #4bb34b;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive)}.vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--hover{box-shadow:inset 0 0 0 1px #48ac4a;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--active{box-shadow:inset 0 0 0 1px #45a64a;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--active)}.vkuiButton--mode-outline.vkuiButton--appearance-negative{box-shadow:inset 0 0 0 1px #e64646;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative)}.vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--hover{box-shadow:inset 0 0 0 1px #dd4446;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--active{box-shadow:inset 0 0 0 1px #d44245;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--active)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px var(--vkui--color_field_border_alpha)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover);box-shadow:unset}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active);box-shadow:unset}.vkuiButton--mode-outline.vkuiButton--appearance-accent-invariable{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{background-color:#fff;background-color:var(--vkui--color_background_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover{background-color:#f5f5f7;background-color:var(--vkui--color_background_contrast--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active{background-color:#ebecef;background-color:var(--vkui--color_background_contrast--active)}.vkuiButton--mode-secondary.vkuiButton--appearance-overlay{background-color:hsla(0,0%,100%,.2);background-color:var(--vkui--color_background_contrast_secondary_alpha)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--hover{background-color:hsla(0,0%,100%,.24);background-color:var(--vkui--color_background_contrast_secondary_alpha--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--active{background-color:hsla(0,0%,100%,.28);background-color:var(--vkui--color_background_contrast_secondary_alpha--active)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{color:#000;color:var(--vkui--color_text_primary_invariably)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active)}.vkuiButton--mode-link.vkuiButton--appearance-overlay,.vkuiButton--mode-outline.vkuiButton--appearance-overlay,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay{color:#fff;color:var(--vkui--color_text_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active)}.vkuiButton__after:not(:first-child),.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton--size-l .vkuiButton__after:not(:first-child),.vkuiButton--size-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--size-s .vkuiButton__content{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-s .vkuiButton__content{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-s .vkuiButton__content{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}}.vkuiButton--size-m .vkuiButton__content{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m .vkuiButton__content{font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m .vkuiButton__content{font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular)}}.vkuiButton--size-l .vkuiButton__content{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l .vkuiButton__content{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l .vkuiButton__content{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular)}}.vkuiButton--size-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular)}}.vkuiButton--size-m.vkuiButton--singleIcon{width:32px;width:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular)}}.vkuiButton--size-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular)}}.vkuiButton--size-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular)}}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none{min-height:30px;min-height:var(--vkui--size_button_small_height--regular)}}.vkuiButton--mode-primary.vkuiButton--appearance-accent{--vkui_internal--counter_inherit_background:var(--vkui--color_background_content);--vkui_internal--counter_inherit_color:var(--vkui--color_text_accent_themed)}.vkuiButton--mode-outline.vkuiButton--appearance-accent,.vkuiButton--mode-secondary.vkuiButton--appearance-accent,.vkuiButton--mode-tertiary.vkuiButton--appearance-accent{--vkui_internal--counter_inherit_background:var(--vkui--color_background_accent_themed);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-positive{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_positive)}.vkuiButton--mode-outline.vkuiButton--appearance-positive,.vkuiButton--mode-secondary.vkuiButton--appearance-positive,.vkuiButton--mode-tertiary.vkuiButton--appearance-positive{--vkui_internal--counter_inherit_background:var(--vkui--color_background_positive);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-negative{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_negative)}.vkuiButton--mode-outline.vkuiButton--appearance-negative,.vkuiButton--mode-secondary.vkuiButton--appearance-negative,.vkuiButton--mode-tertiary.vkuiButton--appearance-negative{--vkui_internal--counter_inherit_background:var(--vkui--color_background_negative);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral{--vkui_internal--counter_inherit_background:var(--vkui--color_background_content);--vkui_internal--counter_inherit_color:var(--vkui--color_text_primary_invariably)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral,.vkuiButton--mode-secondary.vkuiButton--appearance-neutral,.vkuiButton--mode-tertiary.vkuiButton--appearance-neutral{--vkui_internal--counter_inherit_background:var(--vkui--color_background_accent);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{--vkui_internal--counter_inherit_background:var(--vkui--color_icon_primary_invariably);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_primary_invariably)}
|
|
20
|
-
.vkuiSpinner{align-items:center;color:#818c99;color:var(--vkui--color_icon_medium);display:flex;height:100%;justify-content:center;width:100%}.vkuiSpinner__self{animation:vkui-rotator .7s linear infinite;animation:vkui-rotator var(--vkui_internal--duration) linear infinite;transform-origin:center}.vkuiSpinner__self svg{transform:scale(1)}.vkuiButton .vkuiSpinner,.vkuiPanelHeader .vkuiSpinner{color:currentColor}
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.
|
|
35
|
-
.
|
|
36
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
39
|
-
.
|
|
40
|
-
.
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
.
|
|
50
|
-
.
|
|
51
|
-
.
|
|
52
|
-
.
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
.
|
|
56
|
-
.vkuiCard{background:#f5f5f5;background:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular);position:relative}.vkuiCard__in{border-radius:inherit;position:relative}.vkuiCard--mode-shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(
|
|
3
|
+
.-sizeX--compact-forced,.-sizeX--regular-forced{}@media (min-width:768px){.-sizeX--compact-mq{display:none!important}}@media (max-width:767.9px){.-sizeX--regular-mq{display:none!important}}.-sizeY--compact-forced,.-sizeY--regular-forced{}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.-sizeY--compact-mq{display:none!important}}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.-sizeY--regular-mq{display:none!important}}.-viewWidth--tabletMinus-forced,.-viewWidth--tabletPlus-forced{}@media (min-width:1024px){.-viewWidth--tabletMinus-mq{display:none!important}}@media (max-width:1023.9px){.-viewWidth--tabletPlus-mq{display:none!important}}.-deviceType--desktop-forced,.-deviceType--mobile-forced{display:none!important}@media (min-width:768px) and (min-height:720px),(min-width:768px) and (pointer:fine){.-deviceType--mobile-mq{display:none!important}}@media (max-width:767.9px),(pointer:coarse) and (max-height:719.9px),(pointer:none) and (max-height:719.9px){.-deviceType--desktop-mq{display:none!important}}
|
|
4
|
+
.AppRoot{height:100%}.AppRoot--pointer-has-not{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (pointer:coarse),(pointer:none){.AppRoot--pointer-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}:global(.vkui__root--embedded) .AppRoot{overflow:auto}
|
|
5
|
+
.Title--level-1{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_title1--font_family--regular);font-size:24px;font-size:var(--vkui--font_title1--font_size--regular);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular)}.Title--level-2{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_title2--font_family--regular);font-size:20px;font-size:var(--vkui--font_title2--font_size--regular);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular)}.Title--level-3{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_title3--font_family--regular);font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular)}
|
|
6
|
+
.Typography--normalize{display:block;margin:0}.Typography--weight-1.Typography--weight-1.Typography--weight-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.Typography--weight-2.Typography--weight-2.Typography--weight-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.Typography--weight-3.Typography--weight-3.Typography--weight-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}
|
|
7
|
+
.Headline--level-1{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_headline1--font_family--regular);font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);font-weight:500;font-weight:var(--vkui--font_headline1--font_weight--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}.Headline--sizeY-compact.Headline--level-1{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Headline--sizeY-none.Headline--level-1{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact)}}.Headline--level-2{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_headline2--font_family--regular);font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular);font-weight:500;font-weight:var(--vkui--font_headline2--font_weight--regular);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular)}.Headline--sizeY-compact.Headline--level-2{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Headline--sizeY-none.Headline--level-2{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact)}}:global(.vkuiInternalPanelHeaderContent__children) .Headline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
8
|
+
.Text{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_text--font_family--regular);font-size:16px;font-size:var(--vkui--font_text--font_size--regular);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular);line-height:20px;line-height:var(--vkui--font_text--line_height--regular)}.Text--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Text--sizeY-none{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}}:global(.vkuiInternalPanelHeaderContent__children) .Text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
9
|
+
.Paragraph{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_paragraph--font_family--regular);font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular)}
|
|
10
|
+
.Subhead{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_subhead--font_family--regular);font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}.Subhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Subhead--sizeY-none{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}}
|
|
11
|
+
.Footnote{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_footnote--font_family--regular);font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular)}.Footnote--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_footnote_caps--font_family--regular);font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular);text-transform:uppercase}
|
|
12
|
+
.Caption--caps{text-transform:uppercase}.Caption--level-1{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption1--font_family--regular);font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption1--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular)}.Caption--level-1.Caption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption1_caps--font_family--regular);font-size:12px;font-size:var(--vkui--font_caption1_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption1_caps--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption1_caps--line_height--regular)}.Caption--level-2{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption2--font_family--regular);font-size:11px;font-size:var(--vkui--font_caption2--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption2--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption2--line_height--regular)}.Caption--level-2.Caption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption2_caps--font_family--regular);font-size:11px;font-size:var(--vkui--font_caption2_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption2_caps--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption2_caps--line_height--regular)}.Caption--level-3{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption3--font_family--regular);font-size:9px;font-size:var(--vkui--font_caption3--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption3--font_weight--regular);line-height:12px;line-height:var(--vkui--font_caption3--line_height--regular)}.Caption--level-3.Caption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption3_caps--font_family--regular);font-size:9px;font-size:var(--vkui--font_caption3_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption3_caps--font_weight--regular);line-height:12px;line-height:var(--vkui--font_caption3_caps--line_height--regular)}
|
|
13
|
+
.Tappable{-webkit-tap-highlight-color:transparent;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);cursor:default;isolation:isolate;position:relative;transition:background-color .15s ease-out,opacity .15s ease-out}.Tappable>*{position:relative;z-index:1;z-index:var(--vkui_internal--z_index_tappable_element)}.Tappable--hasActive,.Tappable--hasHover{cursor:pointer}.Tappable[aria-disabled=true],.Tappable[disabled]{cursor:default}.Tappable--focus-visible{outline:none}.Tappable__stateLayer{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .15s ease-out;z-index:0;z-index:var(--vkui_internal--z_index_tappable_state)}.Tappable--hover-background>.Tappable__stateLayer{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.Tappable--hover-opacity{opacity:.8}.Tappable--active-background>.Tappable__stateLayer{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active)}.Tappable--active-opacity{opacity:.7}.Tappable--ios.Tappable--active-background{transition:none}.Tappable .Tappable__waves{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;will-change:transform;z-index:0;z-index:var(--vkui_internal--z_index_tappable_state)}.Tappable .Tappable__wave{animation:vkui-animation-wave .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-wave .3s var(--vkui--animation_easing_platform);background:rgba(0,16,61,.08);background:var(--vkui--color_transparent--active);border-radius:50%;content:"";height:24px;left:0;margin:-12px 0 0 -12px;opacity:0;position:absolute;top:0;width:24px}.Tappable--sizeX-compact{border-radius:0}@media (max-width:767.9px){.Tappable--sizeX-none{border-radius:0}}@keyframes vkui-animation-wave{0%{opacity:1;transform:scale(1)}30%{opacity:1}to{opacity:0;transform:scale(8)}}
|
|
14
|
+
.FocusVisible{border-radius:inherit;bottom:0;bottom:var(--vkui_internal--focus_visible_distance,0);left:0;left:var(--vkui_internal--focus_visible_distance,0);overflow:hidden;pointer-events:none;position:absolute;right:0;right:var(--vkui_internal--focus_visible_distance,0);top:0;top:var(--vkui_internal--focus_visible_distance,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}.FocusVisible--visible{visibility:visible}.FocusVisible.FocusVisible{position:absolute}.FocusVisible{--vkui_internal--focus_visible_thin:2px}.FocusVisible--thin{--vkui_internal--focus_visible_thin:var(--vkui_internal--thin_border)}.FocusVisible--mode-inside,.FocusVisible--mode-outline{border-color:#2688eb;border-color:var(--vkui--color_stroke_accent);border-style:solid;border-width:var(--vkui_internal--focus_visible_thin);box-sizing:border-box}.FocusVisible--mode-outline{--vkui_internal--focus_visible_distance:0}.FocusVisible--mode-inside{--vkui_internal--focus_visible_distance:2px}.FocusVisible--mode-outside{--vkui_internal--focus_visible_distance:-2px;box-shadow:0 0 0 var(--vkui_internal--focus_visible_thin) #2688eb;box-shadow:0 0 0 var(--vkui_internal--focus_visible_thin) var(--vkui--color_stroke_accent)}@media (prefers-reduced-motion:no-preference){.FocusVisible--visible.FocusVisible--mode-inside{--vkui_internal--focus_visible_distance:4px;animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation-delay:.01ms;will-change:top,left,bottom,right}.FocusVisible--visible.FocusVisible--mode-outside{--vkui_internal--focus_visible_distance:0;animation-name:vkui-animation-focus-visible-outside}@keyframes vkui-animation-focus-visible{0%{}to{bottom:0;left:0;right:0;top:0;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{0%{}to{bottom:-2px;left:-2px;right:-2px;top:-2px;will-change:auto}}}
|
|
15
|
+
.FixedLayout{box-sizing:border-box;left:auto;padding-left:0;padding-left:var(--vkui_internal--safe_area_inset_left);padding-right:0;padding-right:var(--vkui_internal--safe_area_inset_right);position:fixed;z-index:3;z-index:var(--vkui_internal--z_index_fixed_layout)}.FixedLayout--filled{background:#fff;background:var(--vkui--color_background_content)}.FixedLayout--vertical-top{top:0;width:100%}.FixedLayout--vertical-bottom{bottom:0;padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);width:100%}:global(.vkuiInternalEpic--hasTabbar) .FixedLayout--vertical-bottom{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom))}:global(.vkuiInternalPanelHeader)~* .FixedLayout--vertical-top:not(:global(.vkuiInternalPanelHeader__fixed)),:global(.vkuiInternalPanelHeader)~.FixedLayout--vertical-top{top:calc(56px + 0px);top:calc(var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top))}
|
|
16
|
+
.ImageBase{align-items:center;background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);background-size:cover;box-sizing:border-box;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;flex-shrink:0;justify-content:center;position:relative}.ImageBase--withBorder{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);box-shadow:inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_image_border_alpha)}.ImageBase__img{border:none;border-radius:inherit;display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;visibility:hidden;width:100%}.ImageBase--loaded .ImageBase__img{visibility:visible}.ImageBase__fallback{left:auto;position:absolute;top:auto}:global(.vkuiInternalCellButton)>.ImageBase :global(.vkuiIcon){color:#2688eb;color:var(--vkui--color_icon_accent)}:global(.vkuiInternalCellButton--mode-danger)>.ImageBase :global(.vkuiIcon){color:#e64646;color:var(--vkui--color_icon_negative)}:global(.vkuiInternalPanelHeader__before) .ImageBase{margin-left:8px}:global(.vkuiInternalPanelHeader__after) .ImageBase{margin-right:8px}:global(.vkuiInternalSimpleCell)>.ImageBase{margin-right:12px}:global(.vkuiInternalSimpleCell)>.ImageBase--size-28,:global(.vkuiInternalSimpleCell)>.ImageBase--size-32{margin-bottom:10px;margin-top:10px}:global(.vkuiInternalSimpleCell)>.ImageBase--size-40{margin-bottom:4px;margin-top:4px}:global(.vkuiInternalSimpleCell)>.ImageBase--size-48,:global(.vkuiInternalSimpleCell)>.ImageBase--size-72{margin-bottom:6px;margin-top:6px}:global(.vkuiInternalSimpleCell--ios)>.ImageBase--size-28,:global(.vkuiInternalSimpleCell--ios)>.ImageBase--size-32{margin-left:4px}:global(.vkuiInternalSimpleCell--sizeY-compact)>.ImageBase--size-28,:global(.vkuiInternalSimpleCell--sizeY-compact)>.ImageBase--size-32{margin-bottom:8px;margin-top:8px}:global(.vkuiInternalSimpleCell--sizeY-compact)>.ImageBase--size-40{margin-bottom:2px;margin-top:2px}:global(.vkuiInternalSimpleCell--sizeY-compact)>.ImageBase--size-48{margin-bottom:4px;margin-top:4px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){:global(.vkuiInternalSimpleCell--sizeY-none)>.ImageBase--size-28,:global(.vkuiInternalSimpleCell--sizeY-none)>.ImageBase--size-32{margin-bottom:8px;margin-top:8px}:global(.vkuiInternalSimpleCell--sizeY-none)>.ImageBase--size-40{margin-bottom:2px;margin-top:2px}:global(.vkuiInternalSimpleCell--sizeY-none)>.ImageBase--size-48{margin-bottom:4px;margin-top:4px}}
|
|
17
|
+
.ImageBaseBadge{border-radius:50%;bottom:0;padding:2px;position:absolute;right:0;transform:translate(2px,2px);z-index:1;z-index:var(--vkui_internal--z_index_image_base_badge)}.ImageBaseBadge--background-stroke{background-color:#fff;background-color:var(--vkui_internal--background,var(--vkui--color_background_content))}.ImageBaseBadge--background-shadow:before{border-radius:inherit;bottom:2px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1);content:"";left:2px;margin:auto;position:absolute;right:2px;top:2px}
|
|
18
|
+
.ImageBaseOverlay{align-items:center;border:none;border-radius:inherit;box-shadow:inherit;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:0;z-index:var(--vkui_internal--z_index_image_base_overlay)}.ImageBaseOverlay--visible{opacity:1}.ImageBaseOverlay--focus-visible{box-shadow:inset 0 0 0 2px #2688eb;box-shadow:inset 0 0 0 2px var(--vkui--color_stroke_accent);opacity:1}.ImageBaseOverlay--theme-light{background-color:hsla(0,0%,100%,.85);background-color:var(--vkui--color_avatar_overlay_inverse_alpha);color:#2688eb;color:var(--vkui--color_icon_accent)}.ImageBaseOverlay--theme-dark{background-color:rgba(0,0,0,.6);background-color:var(--vkui--color_avatar_overlay);color:#fff;color:var(--vkui--color_icon_contrast)}
|
|
19
|
+
.Spinner{align-items:center;color:#818c99;color:var(--vkui--color_icon_medium);display:flex;height:100%;justify-content:center;width:100%}.Spinner__self{animation:vkui-spinner-rotator .7s linear infinite;animation:vkui-spinner-rotator var(--vkui_internal--duration) linear infinite;transform-origin:center}.Spinner__self svg{transform:scale(1)}:global(.vkuiInternalPanelHeader) .Spinner{color:currentColor}@keyframes vkui-spinner-rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
20
|
+
.Button{border:none;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:inline-block;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);margin:0;max-width:100%;min-height:28px;min-height:var(--vkui--size_button_small_height--compact);min-width:80px;min-width:var(--vkui--size_button_minimum_width--regular);padding:0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Button--loading{cursor:progress}.Button--singleIcon{min-width:auto;width:28px;width:var(--vkui--size_button_small_height--compact)}.Button--sizeY-regular.Button--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular)}}.Button--stretched{display:block;flex-basis:0;flex-grow:1;width:100%}.Button__in{align-items:center;box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);justify-content:center;min-height:inherit;text-align:center;width:100%}.Button--align-left .Button__in{justify-content:flex-start;text-align:left}.Button--align-center{}.Button--align-right .Button__in{justify-content:flex-end;text-align:right}.Button[disabled]{opacity:.4;opacity:var(--vkui--opacity_disable)}.Button--mode-outline[disabled]:not(.Button--appearance-overlay),.Button--mode-primary[disabled]:not(.Button--appearance-overlay):not(.Button--appearance-negative):not(.Button--appearance-positive),.Button--mode-secondary[disabled]:not(.Button--appearance-overlay),.Button--mode-tertiary[disabled]:not(.Button--appearance-overlay){opacity:.64}.Button--with-icon{}.Button__content{font-weight:500;font-weight:var(--vkui--font_weight_accent2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Button--size-s .Button__content:first-child{padding-left:16px;padding-left:var(--vkui--size_button_base_small_padding_horizontal--regular)}.Button--size-s .Button__after,.Button--size-s .Button__content:last-child{padding-right:16px;padding-right:var(--vkui--size_button_base_small_padding_horizontal--regular)}.Button--size-m .Button__content:first-child{padding-left:16px;padding-left:var(--vkui--size_button_base_medium_padding_horizontal--regular)}.Button--size-m .Button__after,.Button--size-m .Button__content:last-child{padding-right:16px;padding-right:var(--vkui--size_button_base_medium_padding_horizontal--regular)}.Button--size-l .Button__content:first-child{padding-left:20px;padding-left:var(--vkui--size_button_base_large_padding_horizontal--regular)}.Button--size-l .Button__after,.Button--size-l .Button__content:last-child{padding-right:20px;padding-right:var(--vkui--size_button_base_large_padding_horizontal--regular)}.Button--size-s .Button__before{padding-left:12px;padding-left:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.Button--size-m .Button__before{padding-left:12px;padding-left:var(--vkui--size_button_base_medium_padding_horizontal_icon--regular)}.Button--size-l .Button__before{padding-left:16px;padding-left:var(--vkui--size_button_base_large_padding_horizontal_icon--regular)}.Button--mode-tertiary.Button--size-s .Button__content:first-child{padding-left:12px;padding-left:var(--vkui--size_button_tertiary_small_padding_horizontal--regular)}.Button--mode-tertiary.Button--size-s .Button__after,.Button--mode-tertiary.Button--size-s .Button__content:last-child{padding-right:12px;padding-right:var(--vkui--size_button_tertiary_small_padding_horizontal--regular)}.Button--mode-tertiary.Button--size-m .Button__content:first-child{padding-left:12px;padding-left:var(--vkui--size_button_tertiary_medium_padding_horizontal--regular)}.Button--mode-tertiary.Button--size-m .Button__after,.Button--mode-tertiary.Button--size-m .Button__content:last-child{padding-right:12px;padding-right:var(--vkui--size_button_tertiary_medium_padding_horizontal--regular)}.Button--mode-tertiary.Button--size-l .Button__content:first-child{padding-left:16px;padding-left:var(--vkui--size_button_tertiary_large_padding_horizontal--regular)}.Button--mode-tertiary.Button--size-l .Button__after,.Button--mode-tertiary.Button--size-l .Button__content:last-child{padding-right:16px;padding-right:var(--vkui--size_button_tertiary_large_padding_horizontal--regular)}.Button--mode-tertiary.Button--size-s .Button__before{padding-left:8px;padding-left:var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular)}.Button--mode-tertiary.Button--size-m .Button__before{padding-left:8px;padding-left:var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular)}.Button--mode-tertiary.Button--size-l .Button__before{padding-left:12px;padding-left:var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular)}.Button--mode-tertiary.Button--singleIcon .Button__after,.Button--mode-tertiary.Button--singleIcon .Button__before,.Button--singleIcon .Button__after,.Button--singleIcon .Button__before{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.Button--mode-link{background:none;min-width:auto}.Button--mode-link .Button__after,.Button--mode-link .Button__before,.Button--mode-link .Button__content:first-child,.Button--mode-link .Button__content:last-child{padding-left:0;padding-right:0}.Button__spinner{bottom:0;color:currentColor;left:0;position:absolute;right:0;top:0}.Button__spinner+.Button__in{visibility:hidden}.Button--mode-primary.Button--appearance-accent{background-color:#2688eb;background-color:var(--vkui--color_background_accent_themed)}.Button--mode-primary.Button--appearance-accent.Button--hover{background-color:#2483e4;background-color:var(--vkui--color_background_accent_themed--hover)}.Button--mode-primary.Button--appearance-accent.Button--active{background-color:#237edd;background-color:var(--vkui--color_background_accent_themed--active)}.Button--mode-primary.Button--appearance-positive{background-color:#4bb34b;background-color:var(--vkui--color_background_positive)}.Button--mode-primary.Button--appearance-positive.Button--hover{background-color:#48ac4a;background-color:var(--vkui--color_background_positive--hover)}.Button--mode-primary.Button--appearance-positive.Button--active{background-color:#45a64a;background-color:var(--vkui--color_background_positive--active)}.Button--mode-primary.Button--appearance-negative{background-color:#e64646;background-color:var(--vkui--color_background_negative)}.Button--mode-primary.Button--appearance-negative.Button--hover{background-color:#dd4446;background-color:var(--vkui--color_background_negative--hover)}.Button--mode-primary.Button--appearance-negative.Button--active{background-color:#d44245;background-color:var(--vkui--color_background_negative--active)}.Button--mode-primary.Button--appearance-neutral{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.Button--mode-primary.Button--appearance-neutral.Button--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover)}.Button--mode-primary.Button--appearance-neutral.Button--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active)}.Button--mode-primary.Button--appearance-accent-invariable{background-color:#2688eb;background-color:var(--vkui--color_background_accent)}.Button--mode-primary.Button--appearance-accent-invariable.Button--hover{background-color:#2483e4;background-color:var(--vkui--color_background_accent--hover)}.Button--mode-primary.Button--appearance-accent-invariable.Button--active{background-color:#237edd;background-color:var(--vkui--color_background_accent--active)}.Button--mode-secondary{background-color:rgba(0,0,0,.04);background-color:var(--vkui--color_background_secondary_alpha)}.Button--mode-secondary.Button--hover{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover)}.Button--mode-secondary.Button--active{background-color:rgba(0,0,0,.12);background-color:var(--vkui--color_background_secondary_alpha--active)}.Button--mode-outline,.Button--mode-tertiary{background-color:initial;background-color:var(--vkui--color_transparent)}.Button--mode-outline.Button--hover,.Button--mode-tertiary.Button--hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.Button--mode-outline.Button--active,.Button--mode-tertiary.Button--active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active)}.Button.Button--appearance-accent{color:#2688eb;color:var(--vkui--color_text_accent_themed)}.Button.Button--appearance-positive{color:#4bb34b;color:var(--vkui--color_text_positive)}.Button.Button--appearance-negative{color:#e64646;color:var(--vkui--color_text_negative)}.Button.Button--appearance-neutral{color:#000;color:var(--vkui--color_text_primary)}.Button.Button--appearance-accent-invariable{color:#2688eb;color:var(--vkui--color_text_accent)}.Button--mode-primary.Button--appearance-accent{color:#fff;color:var(--vkui--color_text_contrast_themed)}.Button--mode-primary.Button--appearance-accent-invariable,.Button--mode-primary.Button--appearance-negative,.Button--mode-primary.Button--appearance-positive{color:#fff;color:var(--vkui--color_text_contrast)}.Button--mode-link.Button--hover{opacity:.8}.Button--mode-link.Button--active{opacity:.7}.Button--mode-outline.Button--appearance-accent,.Button--mode-outline.Button--appearance-accent.Button--active,.Button--mode-outline.Button--appearance-accent.Button--hover{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent_themed)}.Button--mode-outline.Button--appearance-positive{box-shadow:inset 0 0 0 1px #4bb34b;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive)}.Button--mode-outline.Button--appearance-positive.Button--hover{box-shadow:inset 0 0 0 1px #48ac4a;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--hover)}.Button--mode-outline.Button--appearance-positive.Button--active{box-shadow:inset 0 0 0 1px #45a64a;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--active)}.Button--mode-outline.Button--appearance-negative{box-shadow:inset 0 0 0 1px #e64646;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative)}.Button--mode-outline.Button--appearance-negative.Button--hover{box-shadow:inset 0 0 0 1px #dd4446;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--hover)}.Button--mode-outline.Button--appearance-negative.Button--active{box-shadow:inset 0 0 0 1px #d44245;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--active)}.Button--mode-outline.Button--appearance-neutral{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px var(--vkui--color_field_border_alpha)}.Button--mode-outline.Button--appearance-neutral.Button--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover);box-shadow:unset}.Button--mode-outline.Button--appearance-neutral.Button--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active);box-shadow:unset}.Button--mode-outline.Button--appearance-accent-invariable{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent)}.Button--mode-primary.Button--appearance-overlay{background-color:#fff;background-color:var(--vkui--color_background_contrast)}.Button--mode-primary.Button--appearance-overlay.Button--hover{background-color:#f5f5f7;background-color:var(--vkui--color_background_contrast--hover)}.Button--mode-primary.Button--appearance-overlay.Button--active{background-color:#ebecef;background-color:var(--vkui--color_background_contrast--active)}.Button--mode-secondary.Button--appearance-overlay{background-color:hsla(0,0%,100%,.2);background-color:var(--vkui--color_background_contrast_secondary_alpha)}.Button--mode-outline.Button--appearance-overlay.Button--hover,.Button--mode-secondary.Button--appearance-overlay.Button--hover,.Button--mode-tertiary.Button--appearance-overlay.Button--hover{background-color:hsla(0,0%,100%,.24);background-color:var(--vkui--color_background_contrast_secondary_alpha--hover)}.Button--mode-outline.Button--appearance-overlay.Button--active,.Button--mode-secondary.Button--appearance-overlay.Button--active,.Button--mode-tertiary.Button--appearance-overlay.Button--active{background-color:hsla(0,0%,100%,.28);background-color:var(--vkui--color_background_contrast_secondary_alpha--active)}.Button--mode-primary.Button--appearance-overlay{color:#000;color:var(--vkui--color_text_primary_invariably)}.Button--mode-primary.Button--appearance-overlay.Button--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover)}.Button--mode-primary.Button--appearance-overlay.Button--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active)}.Button--mode-link.Button--appearance-overlay,.Button--mode-outline.Button--appearance-overlay,.Button--mode-secondary.Button--appearance-overlay,.Button--mode-tertiary.Button--appearance-overlay{color:#fff;color:var(--vkui--color_text_contrast)}.Button--mode-outline.Button--appearance-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast)}.Button--mode-outline.Button--appearance-overlay.Button--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover)}.Button--mode-outline.Button--appearance-overlay.Button--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active)}.Button__after:not(:first-child),.Button__before:not(:last-child)+.Button__content{margin-left:6px}.Button--size-l .Button__after:not(:first-child),.Button--size-l .Button__before:not(:last-child)+.Button__content{margin-left:8px}.Button--size-s .Button__content{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}.Button--sizeY-regular.Button--size-s .Button__content{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--size-s .Button__content{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}}.Button--size-m .Button__content{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact)}.Button--sizeY-regular.Button--size-m .Button__content{font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--size-m .Button__content{font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular)}}.Button--size-l .Button__content{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact)}.Button--sizeY-regular.Button--size-l .Button__content{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--size-l .Button__content{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}}.Button--sizeY-regular.Button--size-l.Button--ios .Button__content{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--size-l.Button--ios .Button__content{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular)}}.Button--size-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact)}.Button--sizeY-regular.Button--size-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--size-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular)}}.Button--size-m.Button--singleIcon{width:32px;width:var(--vkui--size_button_medium_height--compact)}.Button--sizeY-regular.Button--size-m.Button--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--size-m.Button--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular)}}.Button--size-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact)}.Button--sizeY-regular.Button--size-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--size-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular)}}.Button--size-l.Button--singleIcon{width:36px;width:var(--vkui--size_button_large_height--compact)}.Button--sizeY-regular.Button--size-l.Button--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none.Button--size-l.Button--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular)}}.Button--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Button--sizeY-none{min-height:30px;min-height:var(--vkui--size_button_small_height--regular)}}.Button--mode-primary.Button--appearance-accent{--vkui_internal--counter_inherit_background:var(--vkui--color_background_content);--vkui_internal--counter_inherit_color:var(--vkui--color_text_accent_themed)}.Button--mode-outline.Button--appearance-accent,.Button--mode-secondary.Button--appearance-accent,.Button--mode-tertiary.Button--appearance-accent{--vkui_internal--counter_inherit_background:var(--vkui--color_background_accent_themed);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed)}.Button--mode-primary.Button--appearance-positive{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_positive)}.Button--mode-outline.Button--appearance-positive,.Button--mode-secondary.Button--appearance-positive,.Button--mode-tertiary.Button--appearance-positive{--vkui_internal--counter_inherit_background:var(--vkui--color_background_positive);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.Button--mode-primary.Button--appearance-negative{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_negative)}.Button--mode-outline.Button--appearance-negative,.Button--mode-secondary.Button--appearance-negative,.Button--mode-tertiary.Button--appearance-negative{--vkui_internal--counter_inherit_background:var(--vkui--color_background_negative);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.Button--mode-primary.Button--appearance-neutral{--vkui_internal--counter_inherit_background:var(--vkui--color_background_content);--vkui_internal--counter_inherit_color:var(--vkui--color_text_primary_invariably)}.Button--mode-outline.Button--appearance-neutral,.Button--mode-secondary.Button--appearance-neutral,.Button--mode-tertiary.Button--appearance-neutral{--vkui_internal--counter_inherit_background:var(--vkui--color_background_accent);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.Button--mode-primary.Button--appearance-overlay{--vkui_internal--counter_inherit_background:var(--vkui--color_icon_primary_invariably);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.Button--mode-outline.Button--appearance-overlay,.Button--mode-secondary.Button--appearance-overlay,.Button--mode-tertiary.Button--appearance-overlay{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_primary_invariably)}
|
|
21
|
+
.Root{height:100%;position:relative;width:100%}.Root--transition{pointer-events:none}.Root__view{height:100%;position:relative;width:100%}.Root--transition .Root__view{left:0;overflow:hidden;position:fixed;top:0}.Root__scrollCompensation{height:100%;width:100%}.Root__view--show-forward{animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-root-android-animation-show-forward .3s var(--vkui--animation_easing_platform)}.Root__view--hide-back{animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-android-animation-hide-back .3s var(--vkui--animation_easing_platform) forwards}.Root--ios .Root__view--hide-forward:after,.Root--ios .Root__view--show-back:after{background-color:#000;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.Root--ios .Root__view--show-back:after{animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-ios-animation-show-back .6s var(--vkui--animation_easing_platform) forwards}.Root--ios .Root__view--hide-forward:after{animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.4,0,.2,1);animation:vkui-root-ios-animation-hide-forward .6s var(--vkui--animation_easing_platform)}.Root--ios .Root__view--show-forward{animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.4,0,.2,1);animation:vkui-root-ios-animation-show-forward .6s var(--vkui--animation_easing_platform)}.Root--ios .Root__view--hide-back{animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-ios-animation-hide-back .6s var(--vkui--animation_easing_platform) forwards}@keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@keyframes vkui-root-ios-animation-hide-back{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes vkui-root-ios-animation-show-forward{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes vkui-root-android-animation-hide-back{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes vkui-root-android-animation-show-forward{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
|
|
22
|
+
.View{word-wrap:break-word;height:100%;position:relative;width:100%}.View--animated,.View--swiping-back{overflow:hidden}.View--animated .View__header,.View--animated .View__panel,.View--swiping-back .View__header,.View--swiping-back .View__panel{pointer-events:none}.View__panel,.View__panels{height:100%;width:100%}.View__panel{box-sizing:border-box;isolation:isolate;position:relative}.View__panel-in{height:100%}.View--animated .View__panel,.View--swiping-back .View__panel{left:0;overflow:hidden;position:fixed;top:0}.View__panel--next~.View__panel--prev{animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s var(--vkui--animation_easing_platform) forwards}.View__panel--prev~.View__panel--next{animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s var(--vkui--animation_easing_platform)}.View--no-motion .View__panel{animation:none}@keyframes vkui-animation-view-prev-back{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(80px)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.View--ios .View__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-success{transform:translate3d(100%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-success,.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-failed{transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-failed{transform:translate3d(-50%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.View--ios .View__panel--prev{animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.4,0,.2,1);animation:vkui-animation-ios-prev-forward .6s var(--vkui--animation_easing_platform)}.View--ios .View__panel--next{animation:vkui-animation-ios-next-back .6s cubic-bezier(.4,0,.2,1);animation:vkui-animation-ios-next-back .6s var(--vkui--animation_easing_platform)}.View--ios .View__panel--prev~.View__panel--next{animation:vkui-animation-ios-next-forward .6s cubic-bezier(.4,0,.2,1);animation:vkui-animation-ios-next-forward .6s var(--vkui--animation_easing_platform)}.View--ios .View__panel--next~.View__panel--prev{animation:vkui-animation-ios-prev-back .6s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-ios-prev-back .6s var(--vkui--animation_easing_platform) forwards}.View--ios .View__panel--next :global(.vkuiInternalPanel__fade),.View--ios .View__panel--prev :global(.vkuiInternalPanel__fade){background:#000;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.View--ios .View__panel--prev :global(.vkuiInternalPanel__fade){animation:vkui-animation-ios-fade-in .6s cubic-bezier(.4,0,.2,1);animation:vkui-animation-ios-fade-in .6s var(--vkui--animation_easing_platform)}.View--ios .View__panel--next :global(.vkuiInternalPanel__fade){animation:vkui-animation-ios-fade-out .6s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-ios-fade-out .6s var(--vkui--animation_easing_platform) forwards}.View--ios .View__panel--next~.View__panel--prev :global(.vkuiInternalPanel__fade),.View--ios .View__panel--prev~.View__panel--next :global(.vkuiInternalPanel__fade){display:none}.View--ios.View--no-motion .View__panel,.View--ios.View--no-motion .View__panel :global(.vkuiInternalPanel__in){animation:none}.View--ios .View__panel--active :global(.vkuiInternalPanel__fade){display:none}@keyframes vkui-animation-ios-next-forward{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes vkui-animation-ios-next-back{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@keyframes vkui-animation-ios-prev-forward{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}
|
|
23
|
+
.Panel{position:relative}.Panel,.Panel:before{height:100%;width:100%}.Panel:before{content:"";left:0;position:absolute;top:0}.Panel__in{flex-direction:column;min-height:100%;position:relative;width:100%}.Panel__centered,.Panel__in{box-sizing:border-box;display:flex}.Panel__centered{align-items:center;flex:1 0;flex-direction:column;justify-content:center}.Panel__centered :global(.vkuiInternalPanelHeader--vis)+*{margin-top:56px;margin-top:var(--vkui--size_panel_header_height--regular)}.Panel__centered :global(.vkuiInternalPanelHeader--ios):global(.vkuiInternalPanelHeader--vis)+*{margin-top:56px;margin-top:var(--vkui--size_panel_header_height--regular)}.Panel--sizeX-compact .Panel__centered :global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}@media (max-width:767.9px){.Panel--sizeX-none .Panel__centered :global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}}.Panel--sizeX-compact .Panel__centered :global(.vkuiInternalPanelHeader--ios):global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}@media (max-width:767.9px){.Panel--sizeX-none .Panel__centered :global(.vkuiInternalPanelHeader--ios):global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}}.Panel--sizeX-compact .Panel__centered :global(.vkuiInternalPanelHeader--vkcom):global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}@media (max-width:767.9px){.Panel--sizeX-none .Panel__centered :global(.vkuiInternalPanelHeader--vkcom):global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}}.Panel--sizeX-regular .Panel__centered :global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}@media (min-width:768px){.Panel--sizeX-none .Panel__centered :global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}}.Panel--sizeX-regular .Panel__centered :global(.vkuiInternalPanelHeader--ios):global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}@media (min-width:768px){.Panel--sizeX-none .Panel__centered :global(.vkuiInternalPanelHeader--ios):global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}}.Panel--sizeX-regular .Panel__centered :global(.vkuiInternalPanelHeader--vkcom):global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}@media (min-width:768px){.Panel--sizeX-none .Panel__centered :global(.vkuiInternalPanelHeader--vkcom):global(.vkuiInternalPanelHeader--sep)+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}}:global(.vkuiInternalView--ios) .Panel__in{padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom)}:global(.vkuiInternalView--ios) .Panel__in{padding:0;padding:0 var(--vkui_internal--safe_area_inset_right) var(--vkui_internal--safe_area_inset_bottom) var(--vkui_internal--safe_area_inset_left)}:global(.vkuiInternalEpic--hasTabbar) .Panel__in{padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--vkui_internal--safe_area_inset_bottom) + var(--vkui_internal--tabbar_height))}.Panel__in-before{height:1px;margin-bottom:-1px}.Panel__in-after{height:1px;margin-top:-1px}.Panel .Panel__in,.Panel:before{background-color:#fff;background-color:var(--vkui--color_background_content)}.Panel.Panel--sizeX-regular .Panel__in,.Panel.Panel--sizeX-regular:before{background-color:initial}@media (min-width:768px){.Panel--sizeX-none .Panel__in,.Panel--sizeX-none:before{background-color:initial}}
|
|
24
|
+
.PanelHeaderButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;box-shadow:none;color:currentColor;display:block;margin:0;padding:0;position:relative}.PanelHeaderButton[disabled]{opacity:.6}.PanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 12px}.PanelHeaderButton--ios{align-items:center;display:flex;font-size:17px;position:relative}.PanelHeaderButton--ios.PanelHeaderButton--primitive{height:44px;line-height:44px}.PanelHeaderButton--ios :global(.vkuiIcon--24){padding:10px}.PanelHeaderButton--ios :global(.vkuiIcon--28){padding:8px}.PanelHeaderButton--android.PanelHeaderButton--notPrimitive{border-radius:50%}.PanelHeaderButton--android :global(.vkuiIcon--24){padding:12px}.PanelHeaderButton--android :global(.vkuiIcon--28){padding:10px}.PanelHeaderButton--vkcom{color:#818c99;color:var(--vkui--color_text_secondary)}.PanelHeaderButton--vkcom>:not(:global(.vkuiInternalCounter)){opacity:.7;transition:opacity .3s}.PanelHeaderButton--vkcom.PanelHeaderButton--active>:not(:global(.vkuiInternalCounter)),.PanelHeaderButton--vkcom.PanelHeaderButton--hover>:not(:global(.vkuiInternalCounter)){opacity:1}.PanelHeaderButton--vkcom{align-items:center;display:flex;padding:10px}.PanelHeaderButton--vkcom.PanelHeaderButton--notPrimitive{border-radius:50%}.PanelHeaderBack--vkcom.PanelHeaderBack--has-label{padding-right:11px}@media (min-width:768px){.PanelHeaderBack--ios.PanelHeaderBack--has-label:not(.PanelHeaderBack--sizeX-compact){padding-right:8px}}.PanelHeaderBack--sizeX-compact.PanelHeaderBack--ios .PanelHeaderButton__label{display:none}@media (max-width:767.9px){.PanelHeaderBack--sizeX-none.PanelHeaderBack--ios .PanelHeaderButton__label{display:none}}
|
|
25
|
+
.PanelHeader{position:relative}.PanelHeader--vis.PanelHeader--fixed:before{content:"";display:block}.PanelHeader:not(.PanelHeader--vis):not(.PanelHeader--fixed){height:0}.PanelHeader__fixed{z-index:10;z-index:var(--vkui_internal--z_index_panel_header_fixed)}.PanelHeader__in{align-items:center;background:#fff;background:var(--vkui--color_background_content);display:flex;justify-content:space-between;position:relative;white-space:nowrap}.PanelHeader--trnsp .PanelHeader__in{background:transparent}.PanelHeader--sizeX-regular .PanelHeader--shadow .PanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}@media (min-width:768px){.PanelHeader--sizeX-none .PanelHeader--shadow .PanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}}.PanelHeader__before{box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent_themed);display:flex;flex-shrink:0}.PanelHeader__content{overflow:hidden}.PanelHeader__content>*{display:block;overflow:hidden;text-overflow:ellipsis}.PanelHeader__content-in{color:#000;color:var(--vkui--color_text_primary);font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_accent);font-weight:500}.PanelHeader:before,.PanelHeader__in{height:56px;height:var(--vkui--size_panel_header_height--regular);padding-top:0;padding-top:var(--vkui_internal--safe_area_inset_top)}.PanelHeader__after{box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent_themed);display:flex;justify-content:flex-end}.PanelHeader--vkapps .PanelHeader__after{min-width:90px}.PanelHeader--ios .PanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 0 4px 4px;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.PanelHeader--ios .PanelHeader__before .PanelHeaderButton+.PanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.PanelHeader--ios .PanelHeader__content{opacity:1;text-align:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.PanelHeader--ios .PanelHeader__content-in{font-size:21px}.PanelHeader--ios .PanelHeader__content>*{padding:0 4px}.PanelHeader--ios.PanelHeader--no-before .PanelHeader__content{padding-left:8px}.PanelHeader--ios.PanelHeader--no-after .PanelHeader__content>*{padding-right:0}.PanelHeader--ios.PanelHeader--no-after .PanelHeader__content{padding-right:8px}.PanelHeader--ios .PanelHeader__after{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 4px 4px 0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.View--ios .View__panel--prev .PanelHeader__after,.View--ios .View__panel--prev .PanelHeader__before,.View--ios .View__panel--prev .PanelHeader__content{opacity:0}.PanelHeader--android .PanelHeader__before:not(:empty){padding:4px 0 4px 4px}.PanelHeader--android .PanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.PanelHeader--android .PanelHeader__content-in{font-size:23px}.PanelHeader--android .PanelHeader__content>*{padding:0 12px}:global(.vkuiInternalSplitCol--spaced) .PanelHeader--android.PanelHeader--no-before:not(:global(.vkuiInternalModalPageHeader__in)) .PanelHeader__content{padding-left:0}:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-none):global(.vkuiInternalSplitCol--spaced-auto) .PanelHeader--android.PanelHeader--no-before:not(:global(.vkuiInternalModalPageHeader__in)) .PanelHeader__content{padding-left:0}@media (min-width:768px){:global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-none):global(.vkuiInternalSplitCol--spaced-auto) .PanelHeader--android.PanelHeader--no-before:not(:global(.vkuiInternalModalPageHeader__in)) .PanelHeader__content{padding-left:0}}.PanelHeader--android.PanelHeader--no-after .PanelHeader__content>*,.PanelHeader--vkcom.PanelHeader--no-after .PanelHeader__content>*{padding-right:0}.PanelHeader--android.PanelHeader--no-after .PanelHeader__content{padding-right:16px}.PanelHeader--android.PanelHeader--no-before .PanelHeader__content{padding-left:16px}:global(.vkuiInternalSplitCol--spaced) .PanelHeader--android.PanelHeader--no-after:not(:global(.vkuiInternalModalPageHeader__in)) .PanelHeader__content{padding-right:0}:global(.vkuiInternalSplitCol--viewWidth-tabletPlus):global(.vkuiInternalSplitCol--spaced-none):global(.vkuiInternalSplitCol--spaced-auto) .PanelHeader--android.PanelHeader--no-after:not(:global(.vkuiInternalModalPageHeader__in)) .PanelHeader__content{padding-right:0}@media (min-width:768px){:global(.vkuiInternalSplitCol--viewWidth-none):global(.vkuiInternalSplitCol--spaced-none):global(.vkuiInternalSplitCol--spaced-auto) .PanelHeader--android.PanelHeader--no-after:not(:global(.vkuiInternalModalPageHeader__in)) .PanelHeader__content{padding-right:0}}.PanelHeader--android .PanelHeader__after:not(:empty),.PanelHeader--vkcom .PanelHeader__after:not(:empty){padding:4px 4px 4px 0}.PanelHeader--vkcom{position:relative;z-index:10;z-index:var(--vkui_internal--z_index_panel_header_fixed)}.PanelHeader--vkcom.PanelHeader--sizeX-regular:not(:global(.vkuiInternalModalPageHeader__in)):not(.PanelHeader--sep) .PanelHeader__in:after{background-color:#fff;background-color:var(--vkui--color_background_content);bottom:0;content:"";height:1px;height:var(--vkui_internal--thin_border);left:1px;left:var(--vkui_internal--thin_border);position:absolute;right:1px;right:var(--vkui_internal--thin_border)}@media (min-width:768px){.PanelHeader--vkcom.PanelHeader--sizeX-none:not(:global(.vkuiInternalModalPageHeader__in)):not(.PanelHeader--sep) .PanelHeader__in:after{background-color:#fff;background-color:var(--vkui--color_background_content);bottom:0;content:"";height:1px;height:var(--vkui_internal--thin_border);left:1px;left:var(--vkui_internal--thin_border);position:absolute;right:1px;right:var(--vkui_internal--thin_border)}}.PanelHeader--vkcom.PanelHeader--sizeX-regular:not(:global(.vkuiInternalModalPageHeader__in)) .PanelHeader__in{border-bottom:none;border-top-left-radius:12px;border-top-left-radius:var(--vkui--size_border_radius_paper--regular);border-top-right-radius:12px;border-top-right-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha) inset}@media (min-width:768px){.PanelHeader--vkcom.PanelHeader--sizeX-none:not(:global(.vkuiInternalModalPageHeader__in)) .PanelHeader__in{border-bottom:none;border-top-left-radius:12px;border-top-left-radius:var(--vkui--size_border_radius_paper--regular);border-top-right-radius:12px;border-top-right-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha) inset}}.PanelHeader--vkcom .PanelHeader__content{text-align:center}.PanelHeader--vkcom .PanelHeader__before:not(:empty){padding:0 0 0 4px}.PanelHeader--vkcom .PanelHeader__after,.PanelHeader--vkcom .PanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0}.PanelHeader__separator{margin-top:calc(-1 * 1px);margin-top:calc(-1 * var(--vkui_internal--thin_border))}.PanelHeader--no-before .PanelHeader__content>*{padding-left:0}:global(.vkuiInternalPanel--centered) .PanelHeader{left:0;position:absolute;top:0;width:100%}
|
|
26
|
+
.Separator{color:#d7d8d9;color:var(--vkui--color_separator_primary)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.Separator{color:#cbcccd;color:var(--vkui--color_separator_primary2x)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.Separator{color:#bebfc1;color:var(--vkui--color_separator_primary3x)}}.Separator__in{background:currentColor;border:none;color:inherit;height:1px;height:var(--vkui_internal--thin_border);margin:0;transform-origin:center top}.Separator--padded .Separator__in{margin-left:16px;margin-left:var(--vkui--size_base_padding_horizontal--regular);margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular)}:global(.vkuiInternalModalPage--sizeX-regular) .Separator--padded{padding-left:8px;padding-right:8px}@media (min-width:768px){:global(.vkuiInternalModalPage--sizeX-none) .Separator--padded{padding-left:8px;padding-right:8px}}
|
|
27
|
+
.Spacing{box-sizing:border-box;position:relative}
|
|
28
|
+
.PanelHeaderContent{align-items:center;box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);height:100%;justify-content:flex-start;line-height:normal;max-width:100%}.PanelHeaderContent__before{flex-shrink:0;margin-right:12px}.PanelHeaderContent__in{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;min-width:0}.PanelHeaderContent__children-in,.PanelHeaderContent__status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PanelHeaderContent__status{color:#818c99;color:var(--vkui--color_text_secondary);margin-top:1px;max-width:100%;order:1}.PanelHeaderContent__children{align-items:center;display:flex;max-width:100%}.PanelHeaderContent__children-in{flex-grow:0;min-width:0}.PanelHeaderContent__aside{align-items:center;color:#2688eb;color:var(--vkui--color_icon_accent);display:flex;justify-content:flex-start;margin-left:2px}.PanelHeaderContent__width{width:1000px}.PanelHeaderContent__in--centered{align-items:center}.PanelHeaderContent--ios .PanelHeaderContent__children-in{font-size:21px}.PanelHeaderContent--android .PanelHeaderContent__children-in,.PanelHeaderContent--ios .PanelHeaderContent__children-in{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_accent);font-weight:500;line-height:56px;line-height:var(--vkui--size_panel_header_height--regular)}.PanelHeaderContent--android .PanelHeaderContent__children-in{font-size:23px}.PanelHeader--no-before .PanelHeaderContent--vkcom{padding-left:16px}
|
|
29
|
+
.PanelHeaderContext{z-index:4;z-index:var(--vkui_internal--z_index_panel_header_context)}.PanelHeaderContext--closing,.PanelHeaderContext--opened{height:100%;width:100%}.PanelHeaderContext--sizeX-regular.PanelHeaderContext--closing,.PanelHeaderContext--sizeX-regular.PanelHeaderContext--opened{height:auto}@media (min-width:768px){.PanelHeaderContext--sizeX-none.PanelHeaderContext--closing,.PanelHeaderContext--sizeX-none.PanelHeaderContext--opened{height:auto}}.PanelHeaderContext__in{box-sizing:border-box;left:0;padding:8px;pointer-events:none;position:absolute;width:100%}.PanelHeaderContext__fade{background:rgba(0,0,0,.4);display:none;height:100%;left:0;position:absolute;top:0;width:100%}.PanelHeaderContext--sizeX-compact .PanelHeaderContext__fade{display:block}@media (max-width:767.9px){.PanelHeaderContext--sizeX-none .PanelHeaderContext__fade{display:block}}.PanelHeaderContext--opened .PanelHeaderContext__fade{animation:vkui-animation-panelheadercontext-fade-in .2s ease}.PanelHeaderContext--closing .PanelHeaderContext__fade{animation:vkui-animation-panelheadercontext-fade-out .2s ease}.PanelHeaderContext--opened .PanelHeaderContext__in{animation:vkui-animation-panelheadercontext-translate-in .2s ease;pointer-events:auto}.PanelHeaderContext--closing .PanelHeaderContext__in{animation:vkui-animation-panelheadercontext-translate-out .2s ease}.PanelHeaderContext__content{background:#fff;background:var(--vkui--color_background_content);overflow:hidden}.PanelHeaderContext--ios .PanelHeaderContext__in{padding:0}.PanelHeaderContext--sizeX-regular.PanelHeaderContext--ios .PanelHeaderContext__content,.PanelHeaderContext:not(.PanelHeaderContext--ios) .PanelHeaderContext__content{border-radius:12px;padding:8px 0}@media (min-width:768px){.PanelHeaderContext--sizeX-none.PanelHeaderContext--ios .PanelHeaderContext__content{border-radius:12px;padding:8px 0}}.PanelHeaderContext--sizeX-regular .PanelHeaderContext__in{padding:12px 8px}.PanelHeaderContext--sizeX-regular .PanelHeaderContext__content{border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}@media (min-width:768px){.PanelHeaderContext--sizeX-none .PanelHeaderContext__in{padding:12px 8px}.PanelHeaderContext--sizeX-none .PanelHeaderContext__content{border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}}@keyframes vkui-animation-panelheadercontext-translate-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes vkui-animation-panelheadercontext-translate-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}
|
|
30
|
+
.SplitLayout{height:100%;position:relative;width:100%}.SplitLayout__inner{display:flex;height:100%;width:100%}.SplitLayout__inner--header{position:relative;z-index:11;z-index:var(--vkui_internal--z_index_split_layout_panel_header)}.SplitLayout--ios .SplitLayout__inner--header,.SplitLayout__inner--header{margin-top:calc(-1 * (56px + 0px));margin-top:calc(-1 * (var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top)))}
|
|
31
|
+
.PopoutRoot{height:100%;position:relative;width:100%}.PopoutRoot__popout{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;z-index:var(--vkui--z_index_popout)}.PopoutRoot__popout--absolute{position:absolute}.PopoutRoot__modal{height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;z-index:var(--vkui--z_index_modal)}.PopoutRoot__modal:empty,.PopoutRoot__popout:empty{display:none}
|
|
32
|
+
.SplitCol{flex-grow:1;flex-shrink:1;height:100%;position:relative;width:1px}.SplitCol--spaced,.SplitCol--viewWidth-smallTabletPlus.SplitCol--spaced-none.SplitCol--spaced-auto{margin:0 16px;margin:0 var(--vkui--size_split_col_padding_horizontal--regular)}@media (min-width:768px){.SplitCol--viewWidth-none.SplitCol--spaced-none.SplitCol--spaced-auto{margin:0 16px;margin:0 var(--vkui--size_split_col_padding_horizontal--regular)}}.SplitCol--viewWidth-tabletMinus.SplitCol--stretched-on-mobile{max-width:100%!important;width:100%!important}@media (max-width:1023.9px){.SplitCol--viewWidth-none.SplitCol--stretched-on-mobile{max-width:100%!important;width:100%!important}}.SplitCol--fixed{flex-grow:1;flex-shrink:1;height:100%;width:1px}.SplitCol__fixedInner{height:inherit;max-width:inherit;min-width:inherit;overflow:hidden;position:fixed;top:0;transform:translateZ(0);width:inherit}
|
|
33
|
+
.Epic{height:100%;width:100%}
|
|
34
|
+
.Tabbar{background:#f9f9f9;background:var(--vkui--color_background_tertiary);bottom:0;box-sizing:initial;display:flex;height:48px;height:var(--vkui_internal--tabbar_height);left:0;overflow:hidden;padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);position:fixed;width:100%;z-index:2;z-index:var(--vkui_internal--z_index_tabs)}.Tabbar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.Tabbar--ios.Tabbar--shadow{box-shadow:none}.Tabbar--ios.Tabbar--shadow:before{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);content:"";height:1px;height:var(--vkui_internal--thin_border);left:0;position:absolute;width:100%}
|
|
35
|
+
.TabbarItem{align-items:center;background:transparent;border:none;color:#99a2ad;color:var(--vkui--color_text_tertiary);display:flex;height:48px;height:var(--vkui_internal--tabbar_height);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none}:global(.vkuiInternalTabbar) .TabbarItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:0}.TabbarItem--selected{color:#2688eb;color:var(--vkui--color_text_accent_themed)}.TabbarItem__tappable{position:absolute}.TabbarItem__in{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding:0 2px;pointer-events:none;width:100%}:global(.vkuiInternalTabbar--layout-vertical) .TabbarItem--text .TabbarItem__in{position:relative;top:2px}:global(.vkuiInternalTabbar--layout-vertical) .TabbarItem__in{flex-direction:column}:global(.vkuiInternalTabbar--layout-horizontal) .TabbarItem__in{flex-direction:row}.TabbarItem__icon{color:#99a2ad;color:var(--vkui--color_icon_secondary);position:relative}.TabbarItem--selected .TabbarItem__icon{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.TabbarItem__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:global(.vkuiInternalTabbar--layout-vertical) .TabbarItem__text{font-size:10px;line-height:12px;margin-top:2px}:global(.vkuiInternalTabbar--layout-horizontal) .TabbarItem__text{margin-left:8px}.TabbarItem--android .TabbarItem__tappable{border-radius:50%;padding-bottom:calc(100% + 16px);width:calc(100% + 16px)}.TabbarItem--android:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.TabbarItem--android:last-child{border-bottom-right-radius:0;border-top-right-radius:0}.TabbarItem--ios .TabbarItem__tappable{height:100%;left:0;top:0;width:100%}.TabbarItem--ios .TabbarItem__in{transition:transform .07s cubic-bezier(.4,0,.2,1);transition:transform .07s var(--vkui--animation_easing_platform)}.TabbarItem--ios .TabbarItem__tappable--active+.TabbarItem__in{transform:scale(.96)}
|
|
36
|
+
.HorizontalScroll{overflow-x:hidden;position:relative}.HorizontalScroll__in{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.HorizontalScroll__in::-webkit-scrollbar{display:none}.HorizontalScroll__in-wrapper{transition:transform .2s}.HorizontalScroll__arrowLeft:hover~.HorizontalScroll__in .HorizontalScroll__in-wrapper{transform:translateX(8px)}.HorizontalScroll__arrowRight:hover~.HorizontalScroll__in .HorizontalScroll__in-wrapper{transform:translateX(-8px)}:global(.vkuiInternalTabs) .HorizontalScroll{min-width:100%}:global(.vkuiInternalTabs) .HorizontalScroll__in-wrapper{align-items:stretch;display:flex}:global(.vkuiInternalTabs--withGaps) .HorizontalScroll__in-wrapper:after,:global(.vkuiInternalTabs--withGaps) .HorizontalScroll__in-wrapper:before{content:"";display:block;flex-shrink:0;height:1px;width:16px;width:var(--vkui--size_base_padding_horizontal--regular)}
|
|
37
|
+
.HorizontalScrollArrow{background-color:initial;border:none;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:0;position:absolute;top:0;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--vkui--animation_easing_platform);-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.HorizontalScrollArrow__icon{align-items:center;background-color:#fff;background-color:var(--vkui--color_background_modal);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;justify-content:center;position:relative}.HorizontalScrollArrow--size-m .HorizontalScrollArrow__icon{border-radius:14px;height:28px;width:28px}.HorizontalScrollArrow--size-l .HorizontalScrollArrow__icon{border-radius:24px;height:40px;width:40px}.HorizontalScrollArrow--direction-left{left:0;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px)}.HorizontalScrollArrow--direction-right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px);right:0}:global(.vkuiInternalBaseGallery):hover .HorizontalScrollArrow,:global(.vkuiInternalHorizontalScroll):hover .HorizontalScrollArrow{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}:global(.vkuiInternalBaseGallery):hover .HorizontalScrollArrow:hover,:global(.vkuiInternalHorizontalScroll):hover .HorizontalScrollArrow:hover,:global(.vkuiInternalHorizontalScroll--withConstArrows) .HorizontalScrollArrow,:global(.vkuiInternalHorizontalScroll--withConstArrows):hover .HorizontalScrollArrow{opacity:1}
|
|
38
|
+
.PopoutWrapper{box-sizing:border-box;height:100%;left:0;pointer-events:none;top:0;width:100%}.PopoutWrapper--opened{pointer-events:auto}.PopoutWrapper--closing{pointer-events:none}.PopoutWrapper--fixed{position:fixed}.PopoutWrapper__overlay{animation:vkui-animation-full-fade-in .2s ease;animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m) ease;height:100%;left:0;opacity:1;position:fixed;top:0;width:100%}.PopoutWrapper--closing .PopoutWrapper__overlay{opacity:0;transition:opacity .2s cubic-bezier(.3,.3,.5,1);transition:opacity var(--vkui--animation_duration_m) var(--vkui--animation_easing_default)}.PopoutWrapper--masked .PopoutWrapper__overlay{background:rgba(0,0,0,.4);background:var(--vkui--color_overlay_primary)}.PopoutWrapper--fixed .PopoutWrapper__overlay{position:absolute}.PopoutWrapper__container{box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.PopoutWrapper__content{display:flex;justify-content:center;pointer-events:none;width:100%}.PopoutWrapper__content>*{pointer-events:auto}.PopoutWrapper--alignY-center .PopoutWrapper__container{align-items:center}.PopoutWrapper--alignY-bottom .PopoutWrapper__container{align-items:flex-end}.PopoutWrapper--alignY-top .PopoutWrapper__container{align-items:flex-start}.PopoutWrapper--alignX-center .PopoutWrapper__container{justify-content:center}.PopoutWrapper--alignX-left .PopoutWrapper__container{justify-content:flex-start}.PopoutWrapper--alignX-right .PopoutWrapper__container{justify-content:flex-end}@keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}
|
|
39
|
+
.Alert{animation:vkui-animation-android-alert-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-android-alert-intro .2s var(--vkui--animation_easing_platform);border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4);color:#000;color:var(--vkui--color_text_primary);margin:auto 24px;max-width:416px;min-width:280px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Alert--desktop{width:100%}.Alert--closing{opacity:0;transform:scale(.95);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .2s var(--vkui--animation_easing_platform),opacity .2s var(--vkui--animation_easing_platform)}.Alert:before{background-color:#fff;background-color:var(--vkui--color_background_modal);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.Alert__content{padding:24px 24px 20px;position:relative}.Alert__action{background:transparent;white-space:nowrap}.Alert__actions{display:flex;max-width:100%;padding:0 16px 16px;position:relative}.Alert__header{margin-bottom:8px}.Alert__text{color:#818c99;color:var(--vkui--color_text_secondary)}.Alert--h .Alert__actions{justify-content:flex-end}.Alert--h .Alert__button{margin-left:8px}.Alert--v .Alert__actions{align-items:flex-end;flex-direction:column}.Alert--v .Alert__button{margin-bottom:4px;margin-top:4px}.Alert--v .Alert__button:first-child{margin-top:0}.Alert--v .Alert__button:last-child{margin-bottom:0}.Alert--ios{animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-ios-alert-intro .3s var(--vkui--animation_easing_platform);box-shadow:none;min-width:270px;overflow:hidden;width:270px}.Alert--ios.Alert--closing{opacity:0;transform:none;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.Alert--ios .Alert__content{padding:19px 16px 20px;text-align:center}.Alert--ios .Alert__header:not(:last-child){margin-bottom:7px}.Alert--ios .Alert__text{color:inherit}.Alert--ios .Alert__content:after{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform-origin:center bottom}.Alert--ios .Alert__actions{padding:initial}.Alert--ios.Alert--v .Alert__actions{align-items:normal;flex-direction:column}.Alert--ios .Alert__action{border:0;border-radius:0;color:#2688eb;color:var(--vkui--color_text_accent);display:block;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);font-size:17px;height:44px;line-height:44px;margin:0;overflow:hidden;padding:0 6px;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis}.Alert--ios .Alert__action:after{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);content:"";position:absolute}.Alert--ios.Alert--h .Alert__action:after{height:100%;right:0;top:0;transform-origin:right center;width:1px}.Alert--ios.Alert--h .Alert__action:last-child:after{content:none}.Alert--ios.Alert--h .Alert__action{flex-basis:0;flex-grow:1;flex-shrink:1}.Alert--ios.Alert--h .Alert__action:first-child{border-bottom-left-radius:12px;border-bottom-left-radius:var(--vkui--size_border_radius_paper--regular)}.Alert--ios.Alert--h .Alert__action:last-child{border-bottom-right-radius:12px;border-bottom-right-radius:var(--vkui--size_border_radius_paper--regular)}.Alert--ios.Alert--v .Alert__action:after{bottom:0;height:1px;left:0;transform-origin:center bottom;width:100%}.Alert--ios.Alert--v .Alert__action:last-child:after{content:none}.Alert--ios.Alert--v .Alert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.Alert--ios .Alert__content:after,.Alert--ios.Alert--v .Alert__action:after{transform:scaleY(.5)}.Alert--ios.Alert--h .Alert__action:after{transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.Alert--ios .Alert__content:after,.Alert--ios.Alert--v .Alert__action:after{transform:scaleY(.33)}.Alert--ios.Alert--h .Alert__action:after{transform:scaleX(.33)}}.Alert--ios .Alert__action--mode-cancel{font-weight:600}.Alert--ios .Alert__action--mode-destructive{color:#e64646;color:var(--vkui--color_text_negative)}.Alert--vkcom{box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);width:400px}.Alert--vkcom .Alert__content{padding:24px}.Alert--vkcom .Alert__actions{padding:0 24px 16px}.Alert--vkcom .Alert__button{order:2}.Alert--vkcom .Alert__button--mode-cancel{order:1}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
|
|
40
|
+
.ModalDismissButton{box-sizing:border-box;color:#fff;color:var(--vkui--color_icon_contrast);height:56px;justify-content:center;padding:18px;position:absolute;right:-56px;top:0;transition:opacity .15s ease-out;width:56px}.ModalDismissButton:before{background:rgba(0,0,0,.4);background:var(--vkui--color_overlay_primary);border-radius:50%;bottom:14px;content:"";display:block;left:14px;position:absolute;right:14px;top:14px}.ModalDismissButton :global(.vkuiIcon){transform:translateX(0)}.ModalDismissButton--hover.ModalDismissButton:before{background:rgba(0,0,0,.44);background:var(--vkui--color_overlay_primary--hover)}.ModalDismissButton--active.ModalDismissButton:before{background:rgba(0,0,0,.48);background:var(--vkui--color_overlay_primary--active)}
|
|
41
|
+
.ActionSheet{align-items:stretch;animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .2s var(--vkui--animation_easing_platform);background:#fff;background:var(--vkui--color_background_modal);border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);box-sizing:border-box;display:flex;flex-direction:column;margin:10px;max-width:420px;max-width:var(--vkui--size_popup_small--regular);overflow:hidden;padding:8px 0;position:relative;width:calc(100% - 20px)}.ActionSheet__header{color:#6d7885;color:var(--vkui--color_text_subhead);padding:16px 20px}.ActionSheet--closing{transform:translateY(calc(100% + 20px));transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s var(--vkui--animation_easing_platform)}.ActionSheet__title+.ActionSheet__text{margin-top:8px}.ActionSheet--ios{animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .3s var(--vkui--animation_easing_platform);background:transparent;margin:unset;padding:10px;width:100%}.ActionSheet--ios.ActionSheet--closing{transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.ActionSheet--ios .ActionSheet__header{border-radius:14px 14px 0 0;overflow:hidden;position:relative;text-align:center}.ActionSheet--ios .ActionSheet__title{position:relative}.ActionSheet--ios .ActionSheet__title+.ActionSheet__text{margin-top:9px}.ActionSheet--ios .ActionSheet__text{position:relative}.ActionSheet--ios .ActionSheet__header:before{background-color:#fff;background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ActionSheet--sizeY-compact .ActionSheet__header{padding:12px 20px}.ActionSheet--desktop{animation:none;height:auto;margin:0;max-width:100%;width:auto}.ActionSheet--desktop.ActionSheet--ios{border-radius:14px;padding:0}@keyframes vkui-animation-actionsheet-intro{0%{transform:translateY(100%)}to{transform:translateY(0)}}
|
|
42
|
+
.Popper{z-index:100;z-index:var(--vkui--z_index_popout)}
|
|
43
|
+
.PopperArrow{position:absolute}.PopperArrow__in{content:"";display:block;transform:translateY(1px)}.PopperArrow[data-placement^=top] .PopperArrow__in{transform:rotate(180deg) translateY(1px)}.PopperArrow[data-placement^=left] .PopperArrow__in{transform:rotate(90deg) translateY(1px)}.PopperArrow[data-placement^=right] .PopperArrow__in{transform:rotate(270deg) translateY(1px)}
|
|
44
|
+
.ActionSheetItem{align-items:center;border-radius:0;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);display:flex;min-height:48px;overflow:hidden;padding:0 20px;text-decoration:none}.ActionSheetItem,.ActionSheetItem__after,.ActionSheetItem__before,.ActionSheetItem__container{position:relative}.ActionSheetItem__after,.ActionSheetItem__before{flex-shrink:0}.ActionSheetItem__before{margin-left:-2px;margin-right:18px}.ActionSheetItem__container{flex-grow:1;max-width:100%;padding:10px 0}.ActionSheetItem--ellipsis{overflow:hidden;white-space:nowrap}.ActionSheetItem__content{align-items:baseline;display:flex;justify-content:space-between;overflow:hidden}.ActionSheetItem--ellipsis .ActionSheetItem__content{justify-content:flex-start}.ActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.ActionSheetItem__subtitle{margin-top:2px;overflow:hidden;text-overflow:ellipsis}.ActionSheetItem__meta,.ActionSheetItem__subtitle{color:#818c99;color:var(--vkui--color_text_secondary)}.ActionSheetItem__meta{flex-shrink:0;margin-left:6px}.ActionSheetItem__before{color:#2688eb;color:var(--vkui--color_icon_accent)}.ActionSheetItem--ios .ActionSheetItem__before{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.ActionSheetItem--mode-destructive .ActionSheetItem__container:first-child{color:#e64646;color:var(--vkui--color_text_negative)}.ActionSheetItem--mode-destructive .ActionSheetItem__before{color:#e64646;color:var(--vkui--color_icon_negative)}.ActionSheetItem__radio{display:none}.ActionSheetItem__marker{align-items:center;background-color:initial;color:#2688eb;color:var(--vkui--color_icon_accent);display:none;justify-content:center;margin-left:16px}.ActionSheetItem__radio:checked~.ActionSheetItem__marker{display:flex}.ActionSheetItem--ios{background:#fff;background:var(--vkui--color_background_modal);border-radius:0;color:#2688eb;color:var(--vkui--color_text_accent_themed);min-height:56px;padding:14px 20px 14px 19px}.ActionSheetItem--rich{color:#000;color:var(--vkui--color_text_primary)}.ActionSheetItem--ios.ActionSheetItem--mode-destructive{color:#e64646;color:var(--vkui--color_text_negative)}.ActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.ActionSheetItem--ios:last-child,.ActionSheetItem--ios:not(.ActionSheetItem--desktop):nth-last-child(2){border-bottom-left-radius:14px;border-bottom-right-radius:14px}.ActionSheetItem--ios:before{background-color:#fff;background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .15s ease-out,background-color .15s ease-out;width:100%}.ActionSheetItem--ios:after{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);content:"";height:1px;left:0;position:absolute;right:0;top:0;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.ActionSheetItem--ios:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.ActionSheetItem--ios:after{transform:scaleY(.33)}}.ActionSheet--ios .ActionSheetItem--last:after,.ActionSheet--ios .ActionSheet__header:empty,.ActionSheetItem--ios:first-child:after,.ActionSheetItem--mode-cancel:after{content:none}.ActionSheetItem--ios.ActionSheetItem--active:before{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active);opacity:1;transition:none}.ActionSheetItem--ios .ActionSheetItem__container{padding:0}.ActionSheetItem--ios .ActionSheetItem--centered{justify-content:center}.ActionSheetItem--mode-cancel{border-radius:14px;margin-bottom:0;margin-bottom:var(--vkui_internal--safe_area_inset_bottom);margin-top:8px;min-height:52px}.ActionSheetItem--desktop{cursor:pointer;width:auto}.ActionSheetItem[disabled] .ActionSheetItem__children,.ActionSheetItem[disabled] .ActionSheetItem__meta,.ActionSheetItem[disabled] .ActionSheetItem__subtitle{color:#818c99;color:var(--vkui--color_text_secondary)}.ActionSheetItem[disabled] .ActionSheetItem__before,.ActionSheetItem[disabled] .ActionSheetItem__marker{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.ActionSheetItem--sizeY-compact{min-height:32px}.ActionSheetItem--sizeY-compact.ActionSheetItem--ios{min-height:36px;padding:4px 20px 4px 18px}.ActionSheetItem--sizeY-compact:not(.ActionSheetItem--ios)+.ActionSheetItem--sizeY-compact:not(.ActionSheetItem--ios){margin-top:2px}.ActionSheetItem--sizeY-compact .ActionSheetItem__container{padding:5px 0}
|
|
45
|
+
.ScreenSpinner{animation:vkui-screen-spinner-intro .3s ease}.ScreenSpinner--state-cancelable{cursor:pointer}.ScreenSpinner__spinner{opacity:1}.ScreenSpinner--hideSpinner .ScreenSpinner__spinner{opacity:0;transition:opacity .1s ease}.ScreenSpinner__container{background:#fff;background:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4);color:#818c99;color:var(--vkui--color_icon_medium);height:88px;position:relative;width:88px}.ScreenSpinner__icon{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.ScreenSpinner__icon :global(.vkuiIcon){animation:vkui-screen-spinner-intro .2s ease}.ScreenSpinner--state-done .ScreenSpinner__icon :global(.vkuiIcon) path{stroke-dasharray:50;stroke-dashoffset:50;animation:vkui-screen-spinner-iconDone .6s cubic-bezier(.4,0,.2,1) .3s forwards;animation:vkui-screen-spinner-iconDone .6s .3s var(--vkui--animation_easing_platform) forwards}@keyframes vkui-screen-spinner-iconDone{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}
|
|
46
|
+
.Snackbar{bottom:0;left:auto;padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);padding-left:0;padding-left:var(--vkui_internal--safe_area_inset_left);padding-right:0;padding-right:var(--vkui_internal--safe_area_inset_right);position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:100;z-index:var(--vkui--z_index_popout)}:global(.vkuiInternalEpic--hasTabbar) .Snackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom))}.Snackbar__body,.Snackbar__in{transition:transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s var(--vkui--animation_easing_platform)}.Snackbar__in{animation:vkui-animation-snackbar-intro-vertical .34s cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical .34s var(--vkui--animation_easing_platform);padding:8px}.Snackbar--closing .Snackbar__in{transform:translate3d(0,140%,0)}.Snackbar__body{align-items:center;background:#fff;background:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4);box-sizing:border-box;display:flex;min-height:56px;padding:12px}.Snackbar--mode-dark .Snackbar__body{background:#2c2d2e;background:var(--vkui--color_background_contrast_inverse)}.Snackbar__before{margin-right:12px}.Snackbar__after{margin-left:12px}.Snackbar__content{align-items:center;display:flex;flex:1;overflow:hidden}.Snackbar--layout-vertical .Snackbar__content{align-items:flex-start;flex-direction:column}.Snackbar__content-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#000;color:var(--vkui--color_text_primary);display:-webkit-box;flex:1;overflow:hidden;width:100%}.Snackbar__content-subtitle{color:#6d7885;color:var(--vkui--color_text_subhead);margin-top:2px}.Snackbar--mode-dark .Snackbar__content-text{color:#fff;color:var(--vkui--color_text_contrast)}.Snackbar--layout-horizontal .Snackbar__action{margin-left:12px;position:relative}.Snackbar--layout-vertical .Snackbar__action{margin-top:2px;min-height:auto}.ModalRoot .Snackbar{padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom)}.Snackbar--ios .Snackbar__body,.Snackbar--ios .Snackbar__in{transition:transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s var(--vkui--animation_easing_platform)}.Snackbar--desktop{bottom:0;left:0;max-width:351px}.Snackbar--desktop .Snackbar__in{animation-name:vkui-animation-snackbar-intro-horizontal;padding:12px}.Snackbar--desktop.Snackbar--closing .Snackbar__in{transform:translate3d(-140%,0,0)}.Snackbar--touched .Snackbar__body{transition:none}@keyframes vkui-animation-snackbar-intro-vertical{0%{transform:translate3d(0,140%,0)}to{transform:translateZ(0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{transform:translate3d(-140%,0,0)}to{transform:translateZ(0)}}
|
|
47
|
+
.ModalRoot,.ModalRoot__mask{height:100%;width:100%}.ModalRoot__mask{animation:vkui-animation-fadeIn .32s ease;background:rgba(0,0,0,.4);left:0;opacity:1;position:absolute;top:0;transition:opacity 167ms ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ModalRoot--touched .ModalRoot__mask{transition:none}.ModalRoot--switching .ModalRoot__mask{pointer-events:none}.ModalRoot__viewport{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}:not(.ModalRoot--desktop).ModalRoot .ModalRoot__viewport{top:0;top:var(--vkui_internal--safe_area_inset_top)}:not(.ModalRoot--desktop).ModalRoot--vkapps .ModalRoot__viewport{top:calc(0px + 56px);top:calc(var(--vkui_internal--safe_area_inset_top) + var(--vkui--size_panel_header_height--regular))}.ModalRoot__modal{box-sizing:border-box;height:100%;position:absolute;width:100%}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}
|
|
48
|
+
.ModalPage{box-sizing:border-box;height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.ModalPage--desktop{align-items:center;display:flex;justify-content:center}.ModalPage__in-wrap{align-items:flex-end;bottom:0;display:flex;height:100%;left:0;margin-left:auto;margin-right:auto;pointer-events:auto;position:absolute;right:0;transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s var(--vkui--animation_easing_platform);width:100%}.ModalPage--ios .ModalPage__in-wrap{transition:transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s var(--vkui--animation_easing_platform)}.ModalPage--desktop .ModalPage__in-wrap{align-items:normal;height:auto;margin:32px 56px;max-height:640px;opacity:0;position:relative;transform:none;transition:opacity .34s cubic-bezier(.4,0,.2,1);transition:opacity .34s var(--vkui--animation_easing_platform)}@media (max-height:672px){.ModalPage--desktop .ModalPage__in-wrap{max-height:calc(100% - 32px * 2)}}.ModalPage--size-s .ModalPage__in-wrap{max-width:420px;max-width:var(--vkui--size_popup_small--regular)}.ModalPage--size-m .ModalPage__in-wrap{max-width:680px;max-width:var(--vkui--size_popup_medium--regular)}.ModalPage--size-l .ModalPage__in-wrap{max-width:880px;max-width:var(--vkui--size_popup_large--regular)}.ModalPage__in{--vkui_internal--background:var(--vkui--color_background_modal);background-color:#fff;background-color:var(--vkui--color_background_modal);border-top-left-radius:12px;border-top-left-radius:var(--vkui--size_border_radius_paper--regular);border-top-right-radius:12px;border-top-right-radius:var(--vkui--size_border_radius_paper--regular);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:visible;position:relative;width:100%}.ModalPage--desktop .ModalPage__in{border-bottom-left-radius:12px;border-bottom-left-radius:var(--vkui--size_border_radius_paper--regular);border-bottom-right-radius:12px;border-bottom-right-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);height:auto}.ModalPage__header{width:100%}.ModalPage__content-wrap{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;display:flex;flex-direction:column;overflow:hidden;position:relative}.ModalPage__header:empty+.ModalPage__content-wrap{border-radius:inherit}.ModalPage__content{box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:hidden}.ModalPage--desktop .ModalPage__content,:global(.vkuiInternalModalRoot__modal--expandable) .ModalPage__content{-webkit-overflow-scrolling:touch;overflow-y:auto}.ModalPage--desktop .ModalPage__content-in,:global(.vkuiInternalModalRoot__modal--expandable) .ModalPage__content-in{height:100%}.ModalPage__content-in{position:relative}.ModalPage__content-in:after{content:"";display:block;height:0;height:var(--vkui_internal--safe_area_inset_bottom)}:global(.vkuiInternalModalRoot--touched) .ModalPage__in-wrap{transition:none}:global(.vkuiInternalModalRoot--switching) .ModalPage__in-wrap{pointer-events:none}:global(.vkuiInternalModalRoot__modal--collapsed) .ModalPage__content,:global(.vkuiInternalModalRoot__modal--dragging) .ModalPage__content{overflow:hidden;touch-action:pan-y}
|
|
49
|
+
.ModalPageHeader{--vkui_internal--safe_area_inset_top:0}.ModalPageHeader--withGaps{padding-left:4px;padding-right:4px}.ModalPageHeader--desktop.ModalPageHeader--withGaps{padding-left:8px;padding-right:8px}.ModalPageHeader :global(.vkuiIcon--cancel_24),.ModalPageHeader :global(.vkuiIcon--dismiss_24){color:#99a2ad;color:var(--vkui--color_icon_secondary)}
|
|
50
|
+
.ModalCard{align-items:flex-end;box-sizing:border-box;display:flex;height:100%;left:0;padding:8px;position:absolute;top:0;width:100%}.ModalCard__in{margin-left:auto;margin-right:auto;transform:translateY(calc(100% + 16px));transition:transform .34s cubic-bezier(.4,0,.2,1);transition:transform .34s var(--vkui--animation_easing_platform);width:100%}.ModalCard--ios .ModalCard__in{max-width:414px}.ModalCard--android .ModalCard__in{max-width:440px}.ModalCard--vkcom .ModalCard__in{max-width:400px}.ModalCard--desktop{align-items:center}.ModalCard--desktop .ModalCard__in{opacity:0;transform:unset;transition:opacity .34s cubic-bezier(.4,0,.2,1);transition:opacity .34s var(--vkui--animation_easing_platform)}:global(.vkuiInternalModalRoot--touched) .ModalCard__in{transition:none}
|
|
51
|
+
.ModalCardBase__container{--vkui_internal--background:var(--vkui--color_background_modal);background:#fff;background:var(--vkui--color_background_modal);border-radius:18px;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-bottom:var(--vkui_internal--safe_area_inset_bottom);padding:16px;pointer-events:auto;position:relative}.ModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.ModalCardBase__header,.ModalCardBase__subheader{margin:0;padding:0 8px;text-align:center;word-break:break-word}.ModalCardBase__header{color:#000;color:var(--vkui--color_text_primary)}.ModalCardBase__subheader{color:#6d7885;color:var(--vkui--color_text_subhead)}.ModalCardBase__header+.ModalCardBase__subheader{margin-top:8px}.ModalCardBase__icon{color:#2688eb;color:var(--vkui--color_icon_accent);margin:8px auto 16px}.ModalCardBase__actions{display:flex;margin-top:16px}:global(.vkuiInternalUsersStack)+.ModalCardBase__actions{margin-top:24px}.ModalCardBase__header+.ModalCardBase__actions,.ModalCardBase__subheader+.ModalCardBase__actions{margin-top:32px}.ModalCardBase__dismiss{color:#99a2ad;color:var(--vkui--color_icon_secondary);height:48px;justify-content:center;position:absolute;right:4px;top:4px;width:48px}.ModalCardBase--ios .ModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.ModalCardBase--android .ModalCardBase__container,.ModalCardBase--vkcom .ModalCardBase__container{border-radius:12px}.ModalCardBase--desktop .ModalCardBase__container{border-radius:8px}
|
|
52
|
+
.Badge{border-radius:50%;display:block;flex-grow:0;flex-shrink:0;height:6px;width:6px}.Badge--mode-new{background-color:#2688eb;background-color:var(--vkui--color_icon_accent)}.Badge--mode-prominent{background-color:#ff3347;background-color:var(--vkui--color_accent_red)}:global(.vkuiInternalTabbarItem__label) .Badge{position:absolute;right:-4px;top:-2px}
|
|
53
|
+
.ButtonGroup{display:inline-flex;max-width:100%}.ButtonGroup--stretched{display:flex;width:100%}.ButtonGroup--mode-vertical{flex-direction:column}.ButtonGroup--mode-horizontal{flex-direction:row}.ButtonGroup--mode-vertical.ButtonGroup--gap-space>:not(:first-child){margin-top:1px;margin-top:var(--vkui--size_button_group_gap_space--regular)}.ButtonGroup--mode-vertical.ButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular)}.ButtonGroup--mode-vertical.ButtonGroup--gap-m>:not(:first-child){margin-top:12px;margin-top:var(--vkui--size_button_group_gap_medium--regular)}.ButtonGroup--mode-horizontal>:not(.ButtonGroup){min-width:0}.ButtonGroup--mode-horizontal.ButtonGroup--gap-space>:not(:last-child){margin-right:1px;margin-right:var(--vkui--size_button_group_gap_space--regular)}.ButtonGroup--mode-horizontal.ButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular)}.ButtonGroup--mode-horizontal.ButtonGroup--gap-m>:not(:last-child){margin-right:12px;margin-right:var(--vkui--size_button_group_gap_medium--regular)}.ButtonGroup--align-left{align-items:flex-start}.ButtonGroup--align-center{align-items:center}.ButtonGroup--align-right{align-items:flex-end}
|
|
54
|
+
.IconButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:9999px;box-shadow:none;color:currentColor;display:block;height:48px;margin:0;padding:0;position:relative}.IconButton--sizeY-compact{height:44px}.IconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.IconButton--ios{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular)}.IconButton :global(.vkuiIcon--16){padding:16px}.IconButton :global(.vkuiIcon--16.vkuiIcon--w-8){padding:16px 14px}.IconButton--sizeY-compact :global(.vkuiIcon--16),.IconButton--sizeY-compact :global(.vkuiIcon--16.vkuiIcon--w-8){padding:14px}.IconButton :global(.vkuiIcon--24){padding:12px}.IconButton--sizeY-compact :global(.vkuiIcon--24){padding:10px}.IconButton :global(.vkuiIcon--28){padding:10px}.IconButton--sizeY-compact :global(.vkuiIcon--28){padding:8px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.IconButton--sizeY-none{height:44px}.IconButton--sizeY-none :global(.vkuiIcon--16),.IconButton--sizeY-none :global(.vkuiIcon--16.vkuiIcon--w-8){padding:14px}.IconButton--sizeY-none :global(.vkuiIcon--24){padding:10px}.IconButton--sizeY-none :global(.vkuiIcon--28){padding:8px}}:global(.vkuiInternalFormField__after) .IconButton,:global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content)>.IconButton,:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalRemovable__content)>.IconButton{align-content:center;align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;height:44px;height:var(--vkui--size_field_height--regular);justify-content:center;width:44px;width:var(--vkui--size_field_height--regular)}:global(.vkuiInternalFormField__after) .IconButton :global(.vkuiIcon):global(.vkuiIcon):global(.vkuiIcon){padding:0}:global(.vkuiInternalFormField__after) .IconButton--sizeY-compact{height:36px;height:var(--vkui--size_field_height--compact);width:36px;width:var(--vkui--size_field_height--compact)}:global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content)>.IconButton--sizeY-compact,:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalRemovable__content)>.IconButton--sizeY-compact{height:36px;height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){:global(.vkuiInternalFormField__after) .IconButton--sizeY-none{height:36px;height:var(--vkui--size_field_height--compact);width:36px;width:var(--vkui--size_field_height--compact)}:global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content)>.IconButton--sizeY-none,:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalRemovable__content)>.IconButton--sizeY-none{height:36px;height:var(--vkui--size_field_height--compact)}}:global(.vkuiInternalSimpleCell__after) .IconButton:last-child{margin-right:-12px}:global(.vkuiInternalSimpleCell--ios) :global(.vkuiInternalSimpleCell__after) .IconButton:last-child{margin-right:-9px}
|
|
55
|
+
.Card{background:#f5f5f5;background:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular);position:relative}.Card--mode-shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(
|
|
57
56
|
--vkui--elevation3,0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08)
|
|
58
|
-
)}.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
63
|
-
.
|
|
64
|
-
.
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.
|
|
73
|
-
.
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
77
|
-
.
|
|
78
|
-
.
|
|
79
|
-
.
|
|
80
|
-
.
|
|
81
|
-
.
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
86
|
-
.
|
|
87
|
-
.
|
|
88
|
-
.
|
|
89
|
-
.
|
|
90
|
-
.
|
|
91
|
-
.
|
|
57
|
+
)}.Card--mode-outline,.Card--mode-shadow{background:#fff;background:var(--vkui--color_background_modal)}.Card--mode-outline:after{border:1px solid rgba(0,0,0,.08);border:var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}:global(.vkuiInternalCardScroll) .Card{flex-shrink:0;margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular)}:global(.vkuiInternalCardScroll) .Card:last-of-type{margin-right:0}:global(.vkuiInternalCardScroll--size-s) .Card{width:40%}:global(.vkuiInternalCardScroll--size-m) .Card{width:62%}:global(.vkuiInternalCardScroll--size-l) .Card{margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular);width:calc(100% - 16px * 2);width:calc(100% - var(--vkui--size_base_padding_horizontal--regular) * 2)}:global(.vkuiInternalGroup--mode-card) :global(.vkuiInternalCardScroll--size-l) .Card,:global(.vkuiInternalSplitCol--spaced) :global(.vkuiInternalCardScroll--size-l) .Card{margin-right:16px;width:calc(100% - 32px)}:global(.vkuiInternalGroup--mode-card) :global(.vkuiInternalCardScroll--size-l) .Card:last-of-type,:global(.vkuiInternalSplitCol--spaced) :global(.vkuiInternalCardScroll--size-l) .Card:last-of-type{margin-right:0}@media (min-width:768px){:global(.vkuiInternalGroup--mode-none) :global(.vkuiInternalCardScroll--size-l) .Card:last-of-type{margin-right:0}:global(.vkuiInternalGroup--mode-none) :global(.vkuiInternalCardScroll--size-l) .Card{margin-right:16px;width:calc(100% - 32px)}}:global(.vkuiInternalCardGrid) .Card{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular)}:global(.vkuiInternalCardGrid--size-l) .Card{margin-right:0;width:100%}:global(.vkuiInternalCardGrid--size-l) .Card:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}:global(.vkuiInternalCardGrid--size-m) .Card{width:calc(50% - (8px / 2));width:calc(50% - (var(--vkui--size_cardgrid_padding--regular) / 2))}:global(.vkuiInternalCardGrid--size-m) .Card:nth-child(n+3){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}:global(.vkuiInternalCardGrid--size-m) .Card:nth-child(2n){margin-right:0}:global(.vkuiInternalCardGrid--size-s) .Card{width:calc((100% - 2 * 8px) / 3);width:calc((100% - 2 * var(--vkui--size_cardgrid_padding--regular)) / 3)}:global(.vkuiInternalCardGrid--size-s) .Card:nth-child(n+4){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}:global(.vkuiInternalCardGrid--size-s) .Card:nth-child(3n){margin-right:0}
|
|
58
|
+
.CardGrid{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.CardGrid--spaced{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.CardGrid--sizeX-compact{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}@media (max-width:767.9px){.CardGrid--sizeX-none{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}}.CardGrid+.CardGrid{margin-top:calc(8px * 2);margin-top:calc(var(--vkui--size_cardgrid_padding_vertical--regular) * 2)}@media (max-width:767.9px){.CardGrid--sizeX-none.CardGrid--android{padding-left:16px;padding-right:16px}}:global(.vkuiInternalGroup--mode-card) .CardGrid{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}@media (min-width:768px){:global(.vkuiInternalGroup--mode-none) .CardGrid{padding-left:8px;padding-right:8px}}:global(.vkuiInternalGroup) .CardGrid:first-child{margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding_vertical--regular)}:global(.vkuiInternalGroup) .CardGrid:last-child{margin-bottom:8px;margin-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}
|
|
59
|
+
.CardScroll__in{align-items:stretch;display:flex}.CardScroll__gap{display:block;flex-shrink:0}.CardScroll+.CardScroll{margin-top:16px}.CardScroll--withSpaces .CardScroll__gap{width:16px;width:var(--vkui--size_base_padding_horizontal--regular)}:global(.vkuiInternalSplitCol--spaced) .CardScroll--withSpaces .CardScroll{margin-left:-16px;margin-right:-16px}:global(.vkuiInternalSplitCol--spaced) .CardScroll--withSpaces .CardScroll__gap{width:16px}:global(.vkuiInternalGroup--mode-card) .CardScroll--withSpaces{margin-left:-8px;margin-right:-8px}:global(.vkuiInternalGroup--mode-card) .CardScroll--withSpaces:first-child{padding-top:8px;padding-top:var(--vkui--size_cardgrid_padding_vertical--regular)}:global(.vkuiInternalGroup--mode-card) .CardScroll--withSpaces:last-child{padding-bottom:8px;padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}@media (min-width:768px){:global(.vkuiInternalGroup--mode-none) .CardScroll--withSpaces{margin-left:-8px;margin-right:-8px}:global(.vkuiInternalGroup--mode-none) .CardScroll--withSpaces:first-child{padding-top:8px;padding-top:var(--vkui--size_cardgrid_padding_vertical--regular)}:global(.vkuiInternalGroup--mode-none) .CardScroll--withSpaces:last-child{padding-bottom:8px;padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}}
|
|
60
|
+
.ContentCard--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.ContentCard__body{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.ContentCard__tappable{border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular);color:#000;color:var(--vkui--color_text_primary);display:block;text-decoration:none}.ContentCard__img{border-radius:8px 8px 0 0;border-radius:var(--vkui--size_card_border_radius--regular) var(--vkui--size_card_border_radius--regular) 0 0;display:block;object-fit:cover}.ContentCard__text:not(:last-child){margin-bottom:4px}.ContentCard__caption,.ContentCard__subtitle{color:#818c99;color:var(--vkui--color_text_secondary)}
|
|
61
|
+
.Header{align-items:baseline;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);justify-content:space-between;padding:0 0 0 16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.Header__main{color:#000;color:var(--vkui--color_text_primary);min-width:0}.Header__content{align-items:center;display:flex}.Header__content-in,.Header__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Header__content-in--multiline{white-space:normal;word-break:break-word}.Header--multiline{white-space:normal}.Header__subtitle{color:#818c99;color:var(--vkui--color_text_secondary);display:block}.Header--mode-primary .Header__content:not(:last-child){margin-top:-1px}.Header--mode-secondary:not(.Header--pi):not(.Header--with-subtitle) .Header__main,.Header--mode-tertiary .Header__main,.Header__indicator{color:#818c99;color:var(--vkui--color_text_secondary)}.Header__indicator{flex-shrink:0;margin-left:6px}.Header--mode-primary .Header__indicator{color:#6d7885;color:var(--vkui--color_text_subhead)}.Header:not(.Header--pi) .Header__indicator{align-self:center}.Header--mode-secondary .Header__indicator{margin-left:8px}.Header__aside{margin-left:12px;white-space:nowrap}.Header__aside>:global(.vkuiIcon){color:#99a2ad;color:var(--vkui--color_icon_secondary);position:relative}.Header__aside>:global(.vkuiIcon--24){top:3px}.Header__aside>:global(.vkuiIcon--16){top:1px}.Header--android .Header__main{margin:15px 0 9px}.Header--android.Header--mode-primary .Header__main{margin-bottom:7px}.Header--android.Header--mode-primary .Header__content:not(:last-child){margin-top:0}.Header--android.Header--mode-primary .Header__content:last-child{margin-bottom:2px}.Header--android.Header--mode-tertiary .Header__main{margin-top:11px}.Header--ios .Header__main{margin:13px 0 9px}.Header--ios.Header--mode-primary .Header__main{margin:16px 0 7px}.Header--ios.Header--mode-secondary .Header__main{margin:14px 0 10px}.Header--ios.Header--mode-tertiary .Header__main{margin-bottom:8px;margin-top:12px}.Header--vkcom{align-items:center;height:64px}.Header--vkcom .Header__main{color:#000;color:var(--vkui--color_text_primary)}.Header--vkcom.Header--mode-primary .Header__content:not(:last-child){margin-top:0}.Header--vkcom.Header--mode-secondary{height:56px}.Header--vkcom.Header--mode-tertiary{height:40px}:global(.vkuiInternalGroup--mode-plain):not(:first-of-type)>.Header:first-child,:global(.vkuiInternalGroup--mode-plain):not(:first-of-type)>:global(.vkuiInternalTappable):first-child>.Header{margin-top:-16px}@media (max-width:767.9px){:global(.vkuiInternalGroup--mode-none):not(:first-of-type)>.Header:first-child,:global(.vkuiInternalGroup--mode-none):not(:first-of-type)>:global(.vkuiInternalTappable):first-child>.Header{margin-top:-16px}}:global(.vkuiInternalGroup--mode-card)>.Header:not(.Header--mode-tertiary):first-child,:global(.vkuiInternalGroup--mode-card)>:global(.vkuiInternalTappable):first-child>.Header:not(.Header--mode-tertiary){margin-top:-4px}@media (min-width:768px){:global(.vkuiInternalGroup--mode-none)>.Header:not(.Header--mode-tertiary):first-child,:global(.vkuiInternalGroup--mode-none)>:global(.vkuiInternalTappable):first-child>.Header:not(.Header--mode-tertiary){margin-top:-4px}}.Header__aside{--vkui_internal--link-color:var(--vkui--color_text_accent)}
|
|
62
|
+
.Group{color:#000;color:var(--vkui--color_text_primary);padding-bottom:8px;padding-top:8px}.Group__separator--separator,.Group__separator--spacing{display:none}.Group--mode-plain+.Group__separator--spacing+.Group__separator--separator,.Group--sizeX-compact+.Group__separator--spacing+.Group__separator--separator{display:block}@media (max-width:767.9px){.Group--sizeX-none+.Group__separator--spacing+.Group__separator--separator{display:block}}.Group--sizeX-regular.Group--mode-none+.Group__separator--spacing{display:block}@media (min-width:768px){.Group--sizeX-none.Group--mode-none+.Group__separator--spacing{display:block}}.Group--mode-card.Group--padding-s{padding:4px}.Group--mode-card.Group--padding-m{padding:8px}.Group--sizeX-compact{padding-left:0;padding-right:0}@media (min-width:768px){.Group--sizeX-none.Group--padding-s{padding:4px}.Group--sizeX-none.Group--padding-m{padding:8px}}.Group--mode-card{background:#fff;background:var(--vkui--color_background_content);border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular);position:relative}@media (min-width:768px){.Group--mode-none.Group--sizeX-none{background:#fff;background:var(--vkui--color_background_content);border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular);position:relative}}.Group--mode-card:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #d7d8d9;box-shadow:inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_separator_primary);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media (min-width:768px){.Group--mode-none:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}}.Group--mode-plain+.Group__separator,.Group--mode-plain+.Group__separator+.Group__separator{padding-bottom:8px;padding-top:8px}@media (max-width:767.9px){.Group--sizeX-none.Group--mode-none+.Group__separator,.Group--sizeX-none.Group--mode-none+.Group__separator+.Group__separator{padding-bottom:8px;padding-top:8px}}.Group:last-of-type~.Group__separator{display:none}.Group--sizeX-regular.Group--mode-card:last-of-type+.Group__separator--spacing,.Group--sizeX-regular.Group--mode-none:last-of-type+.Group__separator--spacing,.Group:last-of-type~.Group__separator--force{display:block}@media (min-width:768px){.Group--sizeX-none.Group--mode-card:last-of-type+.Group__separator--spacing,.Group--sizeX-none.Group--mode-none:last-of-type+.Group__separator--spacing{display:block}}.Group__description{color:#818c99;color:var(--vkui--color_text_secondary);display:block;padding:4px 16px 16px}.Group .Group,.Group .Group+.Group__separator{padding-left:0;padding-right:0}.Group .Group:first-of-type{padding-top:0}.Group .Group:last-of-type{padding-bottom:0}.Group--ios .Group__description{padding:4px 12px 16px}:global(.vkuiInternalPanelHeader--vkcom)+* .Group:first-of-type,:global(.vkuiInternalPanelHeader--vkcom)~.Group:first-of-type{border-top-left-radius:0;border-top-right-radius:0;position:relative;top:-1px}
|
|
63
|
+
.Gradient--mode-tint.Gradient--to-top{background:linear-gradient(180deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9);background:linear-gradient(to bottom,var(--vkui--gradient_tint))}.Gradient--mode-tint.Gradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9);background:linear-gradient(to top,var(--vkui--gradient_tint))}.Gradient--mode-white.Gradient--to-top{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to bottom,var(--vkui--gradient_white))}.Gradient--mode-white.Gradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to top,var(--vkui--gradient_white))}.Gradient--mode-black.Gradient--to-top{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4));background:linear-gradient(to bottom,var(--vkui--gradient_black))}.Gradient--mode-black.Gradient--to-bottom{background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4));background:linear-gradient(to top,var(--vkui--gradient_black))}
|
|
64
|
+
.List{isolation:isolate}
|
|
65
|
+
.Cell{position:relative}:global(.vkuiInternalList--dragging) .Cell:not(.Cell--dragging){pointer-events:none;transition:transform .3s ease}.Cell--dragging{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);z-index:1;z-index:var(--vkui_internal--z_index_cell_dragging)}.Cell--selectable.Cell--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.Cell__checkbox,.Cell__dragger{flex-shrink:0;margin-right:16px;position:relative}.Cell__content{max-width:100%;min-width:0}.Cell--removable .Cell__content{flex-grow:1;padding-left:0;padding-right:0}.Cell--ios .Cell__dragger{margin-left:12px;margin-right:0}.Cell--ios .Cell__checkbox{margin-right:12px}:global(.vkuiInternalFormItem)>.Cell{margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}
|
|
66
|
+
.CellDragger{color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:ns-resize}
|
|
67
|
+
.CellCheckbox__icon{color:#b8c1cc;color:var(--vkui--color_icon_tertiary);display:none}.CellCheckbox__icon--on{color:#2688eb;color:var(--vkui--color_icon_accent)}.CellCheckbox__input:checked~.CellCheckbox__icon--on,.CellCheckbox__input:not(:checked)~.CellCheckbox__icon--off{display:block}
|
|
68
|
+
.VisuallyHidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}
|
|
69
|
+
.SimpleCell{align-items:center;color:#000;color:var(--vkui--color_text_primary);display:flex;min-height:48px;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular);text-decoration:none;white-space:nowrap}.SimpleCell--mult{white-space:normal}.SimpleCell--mult .SimpleCell__children{text-overflow:clip}.SimpleCell__main{flex-grow:1;max-width:100%;min-width:0;overflow:hidden}.SimpleCell>:global(.vkuiIcon){color:#2688eb;color:var(--vkui--color_icon_accent);flex-shrink:0;padding-bottom:10px;padding-right:12px;padding-top:10px}.SimpleCell>:global(.vkuiIcon--28){padding-right:16px}.SimpleCell__subhead{color:#6d7885;color:var(--vkui--color_text_subhead)}.SimpleCell__text{overflow:hidden;text-overflow:ellipsis}.SimpleCell__extraSubtitle,.SimpleCell__subtitle{color:#818c99;color:var(--vkui--color_text_secondary)}.SimpleCell .SimpleCell__content{align-content:flex-start;align-items:center;display:flex;justify-content:space-between;max-width:100%}.SimpleCell:not(.SimpleCell--mult) .SimpleCell__content{justify-content:flex-start}.SimpleCell__children{color:inherit;display:block;overflow:hidden;text-overflow:ellipsis}.SimpleCell--mult .SimpleCell__children,.SimpleCell--mult .SimpleCell__subtitle{flex:1 1 auto}.SimpleCell__badge{color:#2688eb;color:var(--vkui--color_icon_accent);display:inline-block;flex-grow:0;flex-shrink:0}.SimpleCell__content>:not(:last-child){margin-right:4px}.SimpleCell__indicator{color:#818c99;color:var(--vkui--color_text_secondary);min-width:0;overflow:hidden;padding-left:4px;text-overflow:ellipsis;white-space:nowrap}.SimpleCell__after{align-items:center;color:#2688eb;color:var(--vkui--color_icon_accent);display:flex;flex-shrink:0}.SimpleCell__after>:global(.vkuiIcon){padding-left:8px}.SimpleCell__after>:global(.vkuiIcon):last-child{padding-right:2px}.SimpleCell--ios .SimpleCell__indicator,.SimpleCell--ios .SimpleCell__main{padding-bottom:11px;padding-top:9px}.SimpleCell--ios>:global(.vkuiIcon--28){padding-left:4px}.SimpleCell--ios .SimpleCell__after :global(.vkuiIcon--chevron_24){color:#b8c1cc;color:var(--vkui--color_icon_tertiary);padding-left:12px;padding-right:4px}.SimpleCell--sizeY-regular.SimpleCell--ios>.Avatar:not(.Avatar--size-32)~.SimpleCell__indicator,.SimpleCell--sizeY-regular.SimpleCell--ios>.Avatar:not(.Avatar--size-32)~.SimpleCell__main .SimpleCell__children{font-size:16px;line-height:20px}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.SimpleCell--sizeY-none.SimpleCell--ios>.Avatar:not(.Avatar--size-32)~.SimpleCell__indicator,.SimpleCell--sizeY-none.SimpleCell--ios>.Avatar:not(.Avatar--size-32)~.SimpleCell__main .SimpleCell__children{font-size:16px;line-height:20px}}.SimpleCell--android .SimpleCell__indicator,.SimpleCell--android .SimpleCell__main,.SimpleCell--vkcom .SimpleCell__indicator,.SimpleCell--vkcom .SimpleCell__main{padding-bottom:10px;padding-top:11px}.SimpleCell--sizeY-compact{min-height:44px}.SimpleCell--sizeY-compact .SimpleCell__indicator,.SimpleCell--sizeY-compact .SimpleCell__main{padding-bottom:10px;padding-top:10px}.SimpleCell--sizeY-compact .SimpleCell__description,.SimpleCell--sizeY-compact>.Avatar--size-28~.SimpleCell__main .SimpleCell__description,.SimpleCell--sizeY-compact>.Avatar--size-32~.SimpleCell__main .SimpleCell__description{margin-top:1px}.SimpleCell--sizeY-compact .SimpleCell__badge .Badge{transform:translateY(.5px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.SimpleCell--sizeY-none{min-height:44px}.SimpleCell--sizeY-none .SimpleCell__indicator,.SimpleCell--sizeY-none .SimpleCell__main{padding-bottom:10px;padding-top:10px}.SimpleCell--sizeY-none .SimpleCell__description,.SimpleCell--sizeY-none>.Avatar--size-28~.SimpleCell__main .SimpleCell__description,.SimpleCell--sizeY-none>.Avatar--size-32~.SimpleCell__main .SimpleCell__description{margin-top:1px}.SimpleCell--sizeY-none .SimpleCell__badge .Badge{transform:translateY(.5px)}}:global(.vkuiInternalFormItem)>.SimpleCell{margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}.SimpleCell__main>:not(:first-child){margin-top:2px}
|
|
70
|
+
.Removable__content{align-items:center;display:flex;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);position:relative}.Removable__action{border:none;flex-grow:0;flex-shrink:0;position:relative}.Removable__action.Removable__action{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.Removable--align-start .Removable__action{align-self:flex-start}.Removable--ios{overflow:hidden}.Removable__remove{background-color:#e64646;background-color:var(--vkui--color_background_negative);border:none;border-radius:0;color:#fff;color:var(--vkui_internal--white);font-size:15px;height:100%;left:100%;line-height:45px;padding:0 10px;position:absolute;top:0}.Removable__remove-in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@media (prefers-reduced-motion:no-preference){.Removable--ios .Removable__content{transition:transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s var(--vkui--animation_easing_platform)}}.Removable__toggle{background:none;display:block;height:44px;margin:0 2px;width:44px}.Removable__toggle-in{align-content:center;align-items:center;border:none;display:flex;height:100%;justify-content:center;position:relative;width:100%}.Removable__toggle-in:after{background-color:#e64646;background-color:var(--vkui--color_background_negative);border-radius:50%;content:"";height:22px;width:22px}.Removable__toggle-in:before{background-color:#fff;background-color:var(--vkui_internal--white);content:"";display:block;height:2px;position:absolute;width:12px}.Removable--ios .Removable__content{padding-left:0;padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}.Removable--indent .Removable__action{pointer-events:none;visibility:hidden}:global(.vkuiInternalFormItem--removable) .Removable__content,:global(.vkuiInternalFormLayoutGroup--removable) .Removable__content{align-items:flex-start;flex-wrap:wrap}.Removable__offset{display:none}:global(.vkuiInternalFormItem--withTop) :global(.vkuiInternalFormItem__removable)~.Removable__offset,:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalFormItem--withTop)~.Removable__offset{display:block;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);order:-1;width:100%}:global(.vkuiInternalFormItem--sizeY-compact):global(.vkuiInternalFormItem--withTop) :global(.vkuiInternalFormItem__removable)~.Removable__offset,:global(.vkuiInternalFormLayoutGroup--sizeY-compact):global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalFormItem--withTop)~.Removable__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){:global(.vkuiInternalFormItem--sizeY-none):global(.vkuiInternalFormItem--withTop) :global(.vkuiInternalFormItem__removable)~.Removable__offset,:global(.vkuiInternalFormLayoutGroup--sizeY-none):global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalFormItem--withTop)~.Removable__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}}
|
|
71
|
+
.RichCell{box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);min-height:64px;padding:8px 16px;padding:8px var(--vkui--size_base_padding_horizontal--regular);text-decoration:none}.RichCell--sizeY-compact{min-height:60px}.RichCell__before{margin-right:12px}.RichCell__in{display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;min-width:0}.RichCell__content{display:flex;word-break:break-word}.RichCell__content-before{flex-grow:1;min-width:0}.RichCell__content-after{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding-left:12px}.RichCell__after-children{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.RichCell__after-caption{color:#818c99;color:var(--vkui--color_text_secondary);font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular);margin-top:2px}.RichCell--sizeY-compact .RichCell__after-caption{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.RichCell--sizeY-none .RichCell__after-caption{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular)}}.RichCell__caption,.RichCell__subhead{color:#818c99;color:var(--vkui--color_text_secondary)}.RichCell__caption{margin-top:1px}.RichCell__children{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.RichCell--text-ellipsis .RichCell__caption,.RichCell--text-ellipsis .RichCell__children,.RichCell--text-ellipsis .RichCell__subhead,.RichCell--text-ellipsis .RichCell__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.RichCell__bottom{margin-top:5px}.RichCell__actions{margin-top:8px}.RichCell__after-children,.RichCell__children,.RichCell__text{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular)}.RichCell--sizeY-compact .RichCell__after-children,.RichCell--sizeY-compact .RichCell__children,.RichCell--sizeY-compact .RichCell__text{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.RichCell--sizeY-none .RichCell__after-children,.RichCell--sizeY-none .RichCell__children,.RichCell--sizeY-none .RichCell__text{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}}:global(.vkuiInternalFormItem) .RichCell{margin-left:calc(-1 * 16px);margin-left:calc(-1 * var(--vkui--size_base_padding_horizontal--regular));margin-right:calc(-1 * 16px);margin-right:calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.RichCell--sizeY-none{min-height:60px}}
|
|
72
|
+
.RichCellIcon{align-items:center;box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent_themed);display:flex;flex-direction:row;height:40px;justify-content:flex-end;padding:6px 0 6px 12px;width:48px}
|
|
73
|
+
.CellButton{background:transparent;border:none;box-sizing:border-box;cursor:pointer;margin:0;padding-bottom:0;padding-top:0;text-align:left;text-decoration:none;width:100%}:global(.vkuiInternalFormItem) .CellButton{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular));width:100%}.CellButton[disabled]{opacity:.4}.CellButton--centered{justify-content:center;text-align:center}.CellButton--centered :global(.vkuiInternalSimpleCell__main){flex-grow:0;max-width:none}.CellButton--centered>:global(.vkuiIcon){padding-right:8px}.CellButton{color:#2688eb;color:var(--vkui--color_text_accent)}.CellButton>:global(.vkuiIcon){color:#2688eb;color:var(--vkui--color_icon_accent)}.CellButton--mode-danger{color:#e64646;color:var(--vkui--color_text_negative)}.CellButton--mode-danger>:global(.vkuiIcon){color:#e64646;color:var(--vkui--color_icon_negative)}
|
|
74
|
+
.HorizontalCell{display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base)}.HorizontalCell__image{display:flex;justify-content:center}.HorizontalCell__body{font-family:inherit;text-decoration:none}.HorizontalCell__content{color:#000;color:var(--vkui--color_text_primary);text-overflow:ellipsis;word-break:break-all}.HorizontalCell__subtitle{color:#818c99;color:var(--vkui--color_text_secondary)}.HorizontalCell__content .HorizontalCell__subtitle{margin-top:2px}.HorizontalCell--size-s{max-width:80px}.HorizontalCell__image{padding:4px 6px}.HorizontalCell__content{padding:2px 6px 8px;text-align:left}.HorizontalCell--size-s .HorizontalCell__image{padding:4px 8px}.HorizontalCell--size-s .HorizontalCell__content{padding:2px 4px 8px;text-align:center}.HorizontalCell--size-m{width:100px}.HorizontalCell--size-l{width:auto}.HorizontalCell:first-child:before,.HorizontalCell:last-child:after{content:"";min-width:10px}.HorizontalCell--size-s:first-child:before,.HorizontalCell--size-s:last-child:after{min-width:8px}.HorizontalCell--size-s:first-child,.HorizontalCell--size-s:last-child{max-width:88px}.HorizontalCell--size-m:first-child,.HorizontalCell--size-m:last-child{width:110px}
|
|
75
|
+
.Avatar{border-radius:50%}.Avatar--has-gradient{color:#fff;color:var(--vkui--color_text_contrast)}.Avatar--gradient-red{background-color:#e52e40;background-image:linear-gradient(135deg,#ff7583,#e52e40)}.Avatar--gradient-pink{background-color:#e62e6b;background-image:linear-gradient(135deg,#ff8880,#e62e6b)}.Avatar--gradient-orange{background-color:#e66b2e;background-image:linear-gradient(135deg,#ffbf80,#e66b2e)}.Avatar--gradient-yellow{background-color:#e7a902;background-image:linear-gradient(135deg,#ffd54f,#e7a902)}.Avatar--gradient-green{background-color:#6cd97e;background-image:linear-gradient(135deg,#6cd97e,#12b212)}.Avatar--gradient-l-blue{background-color:#2bb4d6;background-image:linear-gradient(135deg,#7df1fa,#2bb4d6)}.Avatar--gradient-blue{background-color:#3f8ae0;background-image:linear-gradient(135deg,#6cf,#3f8ae0)}.Avatar--gradient-violet{background-color:#8f3fe0;background-image:linear-gradient(135deg,#d3a6ff,#8f3fe0)}.Avatar__initials{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_accent);font-weight:600;line-height:1;text-align:center;text-transform:uppercase}
|
|
76
|
+
.AvatarBadge{bottom:0;right:0}.AvatarBadge--shifted{bottom:-2px;right:-2px}.AvatarBadge--preset-online,.AvatarBadge--preset-onlineMobile{bottom:14%;color:#4bb34b;color:var(--vkui--color_accent_green);right:14%;transform:translate(50%,50%)}.AvatarBadge--preset-online{padding:0}.AvatarBadge--preset-onlineMobile{border-radius:3px}
|
|
77
|
+
.Footer{color:#818c99;color:var(--vkui--color_text_secondary);display:block;margin:24px 16px;margin:24px var(--vkui--size_base_padding_horizontal--regular);padding-bottom:0;padding-top:0;text-align:center}
|
|
78
|
+
.InfoRow{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.InfoRow,.InfoRow__header{overflow:hidden;text-overflow:ellipsis}.InfoRow__header{color:#6d7885;color:var(--vkui--color_text_subhead);display:block;margin-bottom:2px;white-space:nowrap}
|
|
79
|
+
.BaseGallery{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.BaseGallery__viewport{height:100%;margin:0;position:relative}.BaseGallery--align-center .BaseGallery__viewport{margin:0 auto}.BaseGallery__layer{align-items:stretch;display:flex;height:100%;min-height:100px;width:100%}.BaseGallery--draggable .BaseGallery__layer{cursor:-webkit-grab;cursor:grab}.BaseGallery__layer:empty{min-height:0}.BaseGallery__slide{flex:0 0 auto;max-width:100%;overflow:hidden;width:100%}.BaseGallery--custom-width .BaseGallery__slide{width:auto}.BaseGallery__slide>*{min-height:100%;width:100%}.BaseGallery__bullets{align-items:center;bottom:10px;display:flex;height:6px;justify-content:center;left:0;position:absolute;width:100%}.BaseGallery__bullets--dark .BaseGallery__bullet{background-color:#2c2d2e;background-color:var(--vkui--color_icon_primary_invariably)}.BaseGallery__bullets--light .BaseGallery__bullet{background-color:#fff;background-color:var(--vkui--color_icon_contrast)}.BaseGallery__bullet{border-radius:50%;height:6px;margin:0 3px;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility);width:6px}.BaseGallery__bullet--active{opacity:1}
|
|
80
|
+
.GridAvatar{border-radius:50%}.GridAvatar__in{border-radius:inherit;display:flex;flex-flow:column wrap;height:100%;overflow:hidden;width:100%}.GridAvatar__item{background-position:50%;background-size:cover;height:calc(50% - 2px / 2);height:calc(50% - var(--vkui_internal--grid_avatar_image_offset) / 2);margin-right:2px;margin-right:var(--vkui_internal--grid_avatar_image_offset);width:calc(50% - 2px / 2);width:calc(50% - var(--vkui_internal--grid_avatar_image_offset) / 2)}.GridAvatar__item:only-child{width:100%}.GridAvatar__item:first-child:not(:nth-last-child(4)),.GridAvatar__item:nth-child(2):last-child{height:100%}.GridAvatar__item:nth-last-child(4),.GridAvatar__item:nth-last-child(n+3)~.GridAvatar__item:nth-last-child(2){margin-bottom:2px;margin-bottom:var(--vkui_internal--grid_avatar_image_offset)}
|
|
81
|
+
.GridAvatarBadge{bottom:0;right:0}.GridAvatarBadge--shifted{bottom:-2px;right:-2px}
|
|
82
|
+
.ImageBadge{bottom:-4px;position:absolute;right:-4px}.ImageBadge--shifted{bottom:-3px;right:-3px}
|
|
83
|
+
.Progress{background:#e1e3e6;background:var(--vkui--color_track_background);border-radius:1px;height:2px}.Progress__in{background:#2688eb;background:var(--vkui--color_stroke_accent);border-radius:inherit;height:100%;transition:width .2s ease}
|
|
84
|
+
.Search{-webkit-tap-highlight-color:transparent;--vkui_internal--search_height:var(--vkui--size_search_height--regular);display:flex;overflow:hidden;padding:8px 16px;padding:8px var(--vkui--size_base_padding_horizontal--regular)}.Search--sizeY-compact{--vkui_internal--search_height:var(--vkui--size_search_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Search--sizeY-none{--vkui_internal--search_height:var(--vkui--size_search_height--compact)}}.Search__field{background-color:#ebedf0;background-color:var(--vkui--color_search_field_background);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;flex:2;height:var(--vkui_internal--search_height);position:relative;width:10000px}.Search__field:hover{background-color:#e2e4e9;background-color:var(--vkui--color_search_field_background--hover)}.Search__field:active{background-color:#d8dbe2;background-color:var(--vkui--color_search_field_background--active)}.Search__control{align-items:center;border-radius:inherit;color:#818c99;color:var(--vkui--color_icon_medium);display:flex;height:100%;justify-content:flex-start;padding-left:12px;width:calc(100% - 1px)}.Search__input{-webkit-appearance:none;background-color:initial;border:none;border-radius:inherit;bottom:0;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);flex-grow:1;height:100%;left:0;margin:0;max-width:100%;min-width:0;padding:0 0 0 36px;position:absolute;right:0;top:0}.Search__input::-webkit-search-cancel-button,.Search__input::-webkit-search-decoration,.Search__input::-webkit-search-results-button,.Search__input::-webkit-search-results-decoration{display:none}.Search__input:focus{outline:none}.Search--has-after .Search__input{border-bottom-right-radius:0;border-top-right-radius:0}.Search--has-icon .Search__input,.Search--has-value .Search__input{margin-right:calc(var(--vkui_internal--search_height) + 4px)}.Search--has-icon.Search--has-value .Search__input{margin-right:calc((var(--vkui_internal--search_height) + 4px) * 2)}.Search__icons{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.Search__icon,.Search__icons{align-items:center;display:flex;justify-content:center}.Search__icon{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);height:100%;width:calc(var(--vkui_internal--search_height) + 4px)}.Search__icon :global(.vkuiIcon){padding:0}.Search__after{flex:0;margin-left:4px;margin-right:calc(4px - 16px);margin-right:calc(4px - var(--vkui--size_base_padding_horizontal--regular));max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content;min-width:auto;overflow:hidden;pointer-events:none;transform:translate(50%);transform-origin:left;transition:flex .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transition:flex .3s var(--vkui--animation_easing_platform),transform .3s var(--vkui--animation_easing_platform)}.Search--focused .Search__after,.Search--has-value .Search__after{flex:1;pointer-events:auto;transform:translate(0)}.Search__afterText{display:block;overflow:hidden;text-overflow:clip;white-space:nowrap}.Group--mode-plain .Search{padding-top:4px}
|
|
85
|
+
.Tabs__in{align-items:stretch;display:flex}.Tabs--withGaps{justify-content:flex-start}:global(.vkuiInternalPanelHeader) .Tabs{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);overflow:hidden}:global(.vkuiInternalPanelHeader) .Tabs:after{content:"";display:block;width:1000px}:global(.vkuiInternalGroup--mode-plain)>.Tabs--mode-default:first-child{margin-top:-8px}:global(.vkuiInternalGroup--mode-card)>.Tabs--mode-default:first-child{margin-top:-4px}:global(.vkuiInternalFixedLayout--ios):global(.vkuiInternalFixedLayout--vertical-bottom) .Tabs:after{background:#fff;background:var(--vkui--color_background_content);content:"";height:100%;left:0;position:absolute;top:0;width:100%}:global(.vkuiInternalFixedLayout--ios):global(.vkuiInternalFixedLayout--vertical-bottom) .Separator,:global(.vkuiInternalFixedLayout--ios):global(.vkuiInternalFixedLayout--vertical-bottom) .Tabs__in{position:relative;z-index:2;z-index:var(--vkui_internal--z_index_tabs)}
|
|
86
|
+
.TabsItem{align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:flex;justify-content:center;max-width:100%;min-height:32px;min-width:0;padding:4px 8px;transition:background-color .15s ease-out}.TabsItem--withGaps{margin-bottom:8px;margin-top:8px}.TabsItem--withGaps:not(:first-of-type){margin-left:6px}.TabsItem--sizeY-compact{min-height:28px;padding-bottom:2px;padding-top:2px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.TabsItem--sizeY-none{min-height:28px;padding-bottom:2px;padding-top:2px}}.TabsItem[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.TabsItem--mode-default{flex-basis:0;flex-grow:1;flex-shrink:0;min-height:48px;padding:12px 16px;position:relative}.TabsItem--sizeY-compact.TabsItem--mode-default{min-height:44px;padding-bottom:10px;padding-top:10px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.TabsItem--sizeY-none.TabsItem--mode-default{min-height:44px;padding-bottom:10px;padding-top:10px}}.TabsItem--hover.TabsItem--mode-default{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.TabsItem--mode-accent{transition:background-color .15s ease-out,box-shadow .15s ease-out}.TabsItem--selected.TabsItem--mode-accent{background-color:#fff;background-color:var(--vkui--color_background_modal);box-shadow:0 4px 8px rgba(0,0,0,.04),0 0 4px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation2)}.TabsItem--hover.TabsItem--mode-accent{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.TabsItem--mode-accent:before{border:1px solid transparent;border:var(--vkui_internal--thin_border) solid transparent;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.TabsItem--selected.TabsItem--mode-accent:before{border-color:#d7d8d9;border-color:var(--vkui--color_separator_primary)}.TabsItem--selected.TabsItem--mode-secondary{background-color:rgba(0,0,0,.04);background-color:var(--vkui--color_background_secondary_alpha)}.TabsItem--hover.TabsItem--mode-secondary{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover)}.TabsItem__before{color:#818c99;color:var(--vkui--color_icon_medium);margin-right:6px;transition:color .15s ease-out}.TabsItem--selected .TabsItem__before{color:#2c2d2e;color:var(--vkui--color_icon_primary)}.TabsItem--selected.TabsItem--mode-accent .TabsItem__before{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.TabsItem--selected.TabsItem--mode-secondary .TabsItem__before{opacity:.72}.TabsItem__label{color:#818c99;color:var(--vkui--color_text_secondary);max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease-out;white-space:nowrap}.TabsItem--selected .TabsItem__label{color:#000;color:var(--vkui--color_text_primary)}.TabsItem--selected.TabsItem--mode-accent .TabsItem__label{color:#2688eb;color:var(--vkui--color_text_accent_themed)}.TabsItem--selected.TabsItem--mode-secondary .TabsItem__label{opacity:.72}.TabsItem__status{margin-left:6px}.TabsItem__status--count{color:#99a2ad;color:var(--vkui--color_text_tertiary)}.TabsItem__after{color:#2688eb;color:var(--vkui--color_icon_accent_themed);margin-left:6px}.TabsItem__underline{background-color:#2688eb;background-color:var(--vkui--color_background_accent);border-radius:2px;bottom:5px;height:2px;left:16px;opacity:0;pointer-events:none;position:absolute;right:16px;transition:opacity .15s ease-out}.TabsItem--sizeY-compact .TabsItem__underline{bottom:3px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.TabsItem--sizeY-none .TabsItem__underline{bottom:3px}}.TabsItem__underline[data-selected=true]{opacity:1}:global(.vkuiInternalTabs--vkcom) .TabsItem{flex-grow:0;min-width:auto;padding-left:10px;padding-right:10px}:global(.vkuiInternalTabs--vkcom) .TabsItem__underline{bottom:0;left:2px;right:2px}:global(.vkuiInternalHorizontalScroll) .TabsItem{flex-basis:auto;flex-grow:1;flex-shrink:0;min-width:64px}
|
|
87
|
+
.PullToRefresh{flex-grow:1}.PullToRefresh--refreshing{pointer-events:none;touch-action:none}.PullToRefresh__controls{pointer-events:none;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_pull_to_refresh)}.PullToRefresh__spinner{align-items:center;background:#fff;background:var(--vkui--color_background_modal);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent);display:flex;height:40px;justify-content:center;margin:auto;opacity:0;transition:transform .3s cubic-bezier(.1,0,.25,1),opacity .22s ease-out;width:40px}.PullToRefresh--ios .PullToRefresh__spinner{background:none;border-radius:0;box-shadow:none;color:#818c99;color:var(--vkui--color_icon_medium)}.PullToRefresh--watching .PullToRefresh__spinner{transition:opacity .22s ease-out}.PullToRefresh__spinner-self{stroke:currentColor}.PullToRefresh--ios.PullToRefresh--refreshing .PullToRefresh__spinner-self{animation:vkui-PullToRefreshToRefreshing .38s ease-out}.PullToRefresh__spinner-path{transform:rotate(-90deg);transform-origin:center center;transition:stroke-dashoffset 167ms ease-out}.PullToRefresh--refreshing .PullToRefresh__spinner-path,.PullToRefresh--watching .PullToRefresh__spinner-path{transition:none}.PullToRefresh__spinner--on .PullToRefresh__spinner-path{animation:vkui-ptr-rotator .7s linear infinite;animation:vkui-ptr-rotator var(--vkui_internal--duration) linear infinite}.PullToRefresh__content{overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s var(--vkui--animation_easing_platform)}.PullToRefresh--watching .PullToRefresh__content{transition:none}@keyframes vkui-PullToRefreshToRefreshing{0%{transform:scale(1)}30%{transform:scale(.6)}90%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes vkui-ptr-rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
88
|
+
.Link{background:none;border:0;border-radius:0;color:#2d81e0;color:var(--vkui_internal--link-color,var(--vkui--color_text_link));cursor:pointer;display:inline;font-family:inherit;font-size:inherit;margin:0;padding:0;text-decoration:none}@media (hover:hover) and (pointer:fine){.Link:hover{text-decoration:underline}}.Link--focus-visible{outline:2px solid #2688eb!important;outline:2px solid var(--vkui--color_stroke_accent)!important}.Link--has-visited:visited{color:#4986cc;color:var(--vkui--color_text_link_visited)}.Link :global(.vkuiIcon){display:inline-block;margin-left:4px;vertical-align:middle}
|
|
89
|
+
.Tooltip{height:100%;left:0;position:absolute;top:0;white-space:normal;width:100%}.Tooltip__content{background-color:#fff;background-color:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);color:#000;color:var(--vkui--color_text_primary);max-width:220px;padding:9px 12px 10px}.Tooltip__arrow{color:#fff;color:var(--vkui--color_background_modal)}.Tooltip--appearance-accent .Tooltip__content{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint);color:#fff;color:var(--vkui--color_text_contrast)}.Tooltip--appearance-accent .Tooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint)}.Tooltip--appearance-white .Tooltip__content{background-color:#fff;background-color:var(--vkui--color_background_contrast);color:#000;color:var(--vkui--color_text_primary_invariably)}.Tooltip--appearance-white .Tooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast)}.Tooltip--appearance-black .Tooltip__content{background-color:#2c2d2e;background-color:var(--vkui--color_background_contrast_inverse);color:#fff;color:var(--vkui--color_text_contrast)}.Tooltip--appearance-black .Tooltip__arrow{color:#2c2d2e;color:var(--vkui--color_background_contrast_inverse)}.Tooltip--appearance-inversion .Tooltip__content{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse);color:#fff;color:var(--vkui--color_text_contrast_themed)}.Tooltip--appearance-inversion .Tooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse)}
|
|
90
|
+
.Counter{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding-left:5px;padding-right:5px;text-align:center}.Counter--mode-primary{background:#2688eb;background:var(--vkui--color_background_accent);color:#fff;color:var(--vkui--color_text_contrast)}.Counter--mode-secondary{background:#99a2ad;background:var(--vkui--color_icon_secondary);color:#fff;color:var(--vkui--color_text_contrast_themed)}.Counter--mode-prominent{background:#ff3347;background:var(--vkui--color_accent_red);color:#fff;color:var(--vkui--color_text_contrast)}.Counter--mode-contrast{background:#fff;background:var(--vkui--color_background_content);color:#2688eb;color:var(--vkui--color_text_accent_themed)}.Counter--size-m{border-radius:12px;height:24px;min-width:24px}.Counter--size-s{border-radius:9px;height:18px;min-width:18px}.Counter--mode-inherit{background-color:#99a2ad;background-color:var(
|
|
92
91
|
--vkui_internal--counter_inherit_background,var(--vkui--color_icon_secondary)
|
|
93
|
-
);color:#fff;color:var(--vkui_internal--counter_inherit_color,var(--vkui--color_text_contrast_themed))}
|
|
94
|
-
.
|
|
95
|
-
.
|
|
96
|
-
.
|
|
97
|
-
.
|
|
98
|
-
.
|
|
99
|
-
.
|
|
100
|
-
.
|
|
101
|
-
.
|
|
102
|
-
.
|
|
103
|
-
.
|
|
104
|
-
.
|
|
105
|
-
.
|
|
106
|
-
.
|
|
107
|
-
.
|
|
108
|
-
.
|
|
109
|
-
.
|
|
110
|
-
.
|
|
111
|
-
.
|
|
112
|
-
.
|
|
113
|
-
.
|
|
114
|
-
.
|
|
115
|
-
.
|
|
116
|
-
.
|
|
117
|
-
.
|
|
118
|
-
.
|
|
119
|
-
.
|
|
120
|
-
.
|
|
121
|
-
.
|
|
122
|
-
.
|
|
123
|
-
.
|
|
124
|
-
.
|
|
125
|
-
.
|
|
126
|
-
.
|
|
127
|
-
.
|
|
128
|
-
.
|
|
129
|
-
.
|
|
130
|
-
.
|
|
131
|
-
.
|
|
132
|
-
.
|
|
133
|
-
.
|
|
134
|
-
.
|
|
135
|
-
.
|
|
136
|
-
.
|
|
137
|
-
.
|
|
138
|
-
.
|
|
139
|
-
.
|
|
140
|
-
.
|
|
141
|
-
.
|
|
142
|
-
.
|
|
92
|
+
);color:#fff;color:var(--vkui_internal--counter_inherit_color,var(--vkui--color_text_contrast_themed))}:global(.vkuiInternalPanelHeaderButton) .Counter{padding:0;position:absolute;right:2px;top:8px}:global(.vkuiInternalTabbarItem__label) .Counter{position:absolute;right:-9px;top:-2px}
|
|
93
|
+
.UsersStack{align-items:center;color:#818c99;color:var(--vkui--color_text_secondary);display:flex}.UsersStack--direction-row-reverse{flex-direction:row-reverse}.UsersStack--direction-column{flex-direction:column;justify-content:center}.UsersStack__photos{display:flex}.UsersStack__fill{fill:rgba(0,28,61,.08);fill:var(--vkui--color_image_placeholder_alpha)}.UsersStack__photo--others{align-items:center;background:#99a2ad;background:var(--vkui--color_icon_secondary);border-radius:50%;color:#fff;color:var(--vkui--color_text_contrast_themed);display:flex;justify-content:center}.UsersStack--size-s .UsersStack__photo{height:16px;width:16px}.UsersStack--size-m .UsersStack__photo{height:24px;width:24px}.UsersStack--size-l .UsersStack__photo{height:32px;width:32px}.UsersStack__photo+.UsersStack__photo{margin-left:-2px}.UsersStack__text{flex:1;min-width:0}.UsersStack--direction-column .UsersStack__text{margin-top:8px;text-align:center}.UsersStack--direction-row .UsersStack__text{margin-left:8px}.UsersStack--direction-row-reverse .UsersStack__text{margin-right:8px}:global(.vkuiInternalModalCardBase) .UsersStack{margin-top:20px}
|
|
94
|
+
.Placeholder{align-items:center;display:flex;justify-content:center}.Placeholder--stretched{flex:1 0;padding-bottom:inherit;padding-top:inherit}.Placeholder__in{box-sizing:border-box;max-width:100%;padding:48px 32px;text-align:center}.Placeholder__icon{color:#99a2ad;color:var(--vkui--color_icon_secondary);display:inline-block;margin-bottom:12px;vertical-align:top}.Placeholder__header{color:#000;color:var(--vkui--color_text_primary)}.Placeholder__text{color:#818c99;color:var(--vkui--color_text_secondary)}.Placeholder__header+.Placeholder__text{margin-top:8px}.Placeholder__action:not(:first-child){margin-top:16px}
|
|
95
|
+
.Banner{color:#000;color:var(--vkui--color_text_primary);isolation:isolate;margin:12px 0;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular)}.Banner__in{align-items:stretch;background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;flex-flow:row nowrap;overflow:hidden;padding:12px 12px 12px 16px;position:relative}.Banner__in:before{border:1px solid rgba(0,0,0,.08);border:var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.Banner__before{margin-right:12px}.Banner__before,.Banner__content{position:relative;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.Banner__content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.Banner__header{display:block}.Banner__subheader{display:block}.Banner__subheader,.Banner__text{color:#6d7885;color:var(--vkui--color_text_subhead)}.Banner__bg{left:0;position:absolute;top:0;z-index:0;z-index:var(--vkui_internal--z_index_banner_background)}.Banner__bg,.Banner__bg>*{height:100%;width:100%}.Banner__aside{color:#b8c1cc;color:var(--vkui--color_icon_tertiary);justify-content:flex-end;width:28px}.Banner__aside,.Banner__dismiss{align-content:center;align-items:center;display:flex;flex-flow:row nowrap}.Banner__dismiss{color:#99a2ad;color:var(--vkui--color_icon_secondary);justify-content:center;position:absolute;right:2px;top:2px;z-index:2;z-index:var(--vkui_internal--z_index_banner_hover)}.Banner__actions{margin-top:12px}.Banner__subheader:not(:first-child),.Banner__text:not(:first-child){margin-top:2px}.Banner--mode-image .Banner__in{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.Banner--inverted,.Banner--inverted .Banner__subheader,.Banner--mode-image .Banner__dismiss{color:#fff;color:var(--vkui--color_text_contrast)}.Banner--inverted .Banner__subheader{opacity:.72}.Banner--size-s .Banner__before{margin-left:-4px}.Banner--size-m .Banner__in{padding:16px}.Banner--size-m .Banner__subheader:not(:first-child),.Banner--size-m .Banner__text:not(:first-child){margin-top:4px}.Banner--ios .Banner__dismiss,.Banner--ios.Banner--mode-image .Banner__dismiss{color:#b8c1cc;color:var(--vkui--color_icon_tertiary)}:global(.vkuiInternalFormStatus) .Banner__in:before{border:none}:global(.vkuiInternalFormStatus--mode-error) .Banner__in{background-color:#faebeb;background-color:var(--vkui--color_background_negative_tint)}:global(.vkuiInternalFormStatus--mode-error) .Banner__subheader{color:#e64646;color:var(--vkui--color_background_negative)}
|
|
96
|
+
.MiniInfoCell{color:#6d7885;color:var(--vkui--color_text_subhead);display:flex;padding:6px 16px;padding:6px var(--vkui--size_base_padding_horizontal--regular)}.MiniInfoCell--mode-accent{color:#000;color:var(--vkui--color_text_primary)}.MiniInfoCell__before{color:#99a2ad;color:var(--vkui--color_icon_secondary);margin-right:12px}.MiniInfoCell__middle{align-items:center;display:flex;flex:1;min-width:0;overflow:hidden}.MiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MiniInfoCell--textWrap-short .MiniInfoCell__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:60px;white-space:normal}.MiniInfoCell--textWrap-full .MiniInfoCell__content{overflow:inherit;white-space:normal}.MiniInfoCell--textWrap-nowrap .MiniInfoCell__content{flex:0 1 auto}.MiniInfoCell__after{margin-bottom:-2px;margin-left:12px;margin-top:-2px}.MiniInfoCell--mode-add,.MiniInfoCell--mode-more{color:#2d81e0;color:var(--vkui--color_text_link_themed)}.MiniInfoCell--mode-add .MiniInfoCell__before,.MiniInfoCell--mode-more .MiniInfoCell__before{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.MiniInfoCell--mode-more{padding-bottom:10px;padding-top:10px}.MiniInfoCell__middle :global(.vkuiIcon){color:#2688eb;color:var(--vkui--color_text_accent);margin-left:4px}.MiniInfoCell--mode-add .MiniInfoCell__middle :global(.vkuiIcon),.MiniInfoCell--mode-more .MiniInfoCell__middle :global(.vkuiIcon){color:#2688eb;color:var(--vkui--color_icon_accent_themed)}
|
|
97
|
+
.WriteBar{background:#fff;background:var(--vkui--color_background_modal)}.WriteBar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.WriteBar__after,.WriteBar__before,.WriteBar__form{align-items:flex-end;display:flex}.WriteBar__form{min-height:52px}.WriteBar__formIn{display:flex;flex:1;min-width:0;position:relative}.WriteBar__textarea{-webkit-appearance:none;background:transparent;border:none;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);flex:1;margin:0;max-height:120px;min-width:0;resize:none;width:100%}.WriteBar__textarea::-webkit-input-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.WriteBar__textarea::-moz-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.WriteBar__textarea::-ms-input-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.WriteBar__textarea::placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.WriteBar__textarea:focus{outline:none}.WriteBar__inlineAfter{align-items:flex-end;display:flex}.WriteBar__before{padding-left:4px}.WriteBar__after{padding-right:4px}.WriteBar__textarea{height:52px;padding:16px 12px}.WriteBar--ios .WriteBar__after,.WriteBar--ios .WriteBar__before{padding:0 4px}.WriteBar--ios .WriteBar__formIn{background-color:#f2f3f5;background-color:var(--vkui--color_write_bar_input_background);border:1px solid #e1e3e6;border:var(--vkui_internal--thin_border) solid var(--vkui--color_write_bar_input_border);border-radius:18px;box-sizing:border-box;margin:8px 0}.WriteBar--ios .WriteBar__formIn:first-child{margin-left:12px}.WriteBar--ios .WriteBar__inlineAfter{margin-bottom:-9px;margin-right:-1px;margin-top:-9px}.WriteBar--ios .WriteBar__textarea{font-size:17px;height:34px;line-height:22px;padding:6px 11px}
|
|
98
|
+
.WriteBarIcon{background:none;border:0;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:pointer;height:52px;margin:0;padding:0;position:relative;width:44px}.WriteBarIcon__in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.WriteBarIcon:disabled{opacity:.4;pointer-events:none}.WriteBarIcon__active{opacity:.6}.WriteBarIcon__counter{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--vkui--color_background_modal);position:absolute;right:2px;top:6px}.WriteBarIcon--ios,.WriteBarIcon.WriteBarIcon--mode-done,.WriteBarIcon.WriteBarIcon--mode-send{color:#2688eb;color:var(--vkui--color_icon_accent)}.WriteBarIcon--ios.WriteBarIcon--mode-done,.WriteBarIcon--ios.WriteBarIcon--mode-send{padding-left:0;padding-right:0;width:48px}.WriteBarIcon{--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed);--vkui_internal--counter_inherit_background:var(--vkui--color_background_positive)}
|
|
99
|
+
.SubnavigationBar__in{margin:-8px 0}.SubnavigationBar__scrollIn{display:flex;padding-bottom:calc(12px + 8px);padding-bottom:calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px);padding-top:calc(12px + 8px);padding-top:calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px)}.SubnavigationBar__scrollIn:after,.SubnavigationBar__scrollIn:before{content:"";min-width:16px;min-width:var(--vkui--size_base_padding_horizontal--regular)}
|
|
100
|
+
.SubnavigationButton{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.SubnavigationButton__in{align-items:center;display:flex;justify-content:center}.SubnavigationButton--size-s .SubnavigationButton__in{height:30px;height:var(--vkui--size_button_small_height--regular)}.SubnavigationButton--size-m .SubnavigationButton__in{height:36px;height:var(--vkui--size_button_medium_height--regular)}.SubnavigationButton--size-l .SubnavigationButton__in{height:44px;height:var(--vkui--size_button_large_height--regular)}.SubnavigationButton--sizeY-compact.SubnavigationButton--size-s .SubnavigationButton__in{height:28px;height:var(--vkui--size_button_small_height--compact)}.SubnavigationButton--sizeY-compact.SubnavigationButton--size-m .SubnavigationButton__in{height:32px;height:var(--vkui--size_button_medium_height--compact)}.SubnavigationButton--sizeY-compact.SubnavigationButton--size-l .SubnavigationButton__in{height:36px;height:var(--vkui--size_button_large_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.SubnavigationButton--sizeY-none.SubnavigationButton--size-s .SubnavigationButton__in{height:28px;height:var(--vkui--size_button_small_height--compact)}.SubnavigationButton--sizeY-none.SubnavigationButton--size-m .SubnavigationButton__in{height:32px;height:var(--vkui--size_button_medium_height--compact)}.SubnavigationButton--sizeY-none.SubnavigationButton--size-l .SubnavigationButton__in{height:36px;height:var(--vkui--size_button_large_height--compact)}}.SubnavigationButton__before{color:#2688eb;color:var(--vkui--color_icon_accent);margin-right:8px}.SubnavigationButton__label{flex-grow:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SubnavigationButton__after{margin-left:8px}.SubnavigationButton__expandableIcon{color:#99a2ad;color:var(--vkui--color_icon_secondary);margin-left:8px;margin-top:1px}.SubnavigationButton__before:first-child,.SubnavigationButton__label:first-child{padding-left:12px;padding-left:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.SubnavigationButton__after:last-child,.SubnavigationButton__expandableIcon,.SubnavigationButton__label:last-child{padding-right:12px;padding-right:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.SubnavigationButton--mode-primary{background-color:#fff;background-color:var(--vkui--color_background_modal);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.SubnavigationButton--mode-outline{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha)}.SubnavigationButton--selected{background-color:#2688eb;background-color:var(--vkui--color_background_accent_themed);border:none;box-shadow:none;color:#fff;color:var(--vkui--color_text_contrast_themed)}.SubnavigationButton--selected.SubnavigationButton--mode-tertiary{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active);color:#000;color:var(--vkui--color_text_primary)}.SubnavigationButton--selected:not(.SubnavigationButton--mode-tertiary) .SubnavigationButton__before,.SubnavigationButton--selected:not(.SubnavigationButton--mode-tertiary) .SubnavigationButton__expandableIcon{color:#fff;color:var(--vkui--color_icon_contrast_themed)}.SubnavigationButton{--vkui_internal--counter_inherit_background:var(--vkui--color_background_accent_themed);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed)}.SubnavigationButton--selected:not(.SubnavigationButton--mode-tertiary){--vkui_internal--counter_inherit_background:var(--vkui--color_background_content);--vkui_internal--counter_inherit_color:var(--vkui--color_text_accent_themed)}:global(.vkuiInternalSubnavigationBar) .SubnavigationButton+.SubnavigationButton{margin-left:8px;margin-left:var(--vkui--size_subnavigation_bar_gap--regular)}:global(.vkuiInternalSubnavigationBar--mode-fixed) .SubnavigationButton{flex:1;min-width:0}
|
|
101
|
+
.Pagination{}.Pagination__list{display:flex;list-style-type:none;margin:0;padding:0}.Pagination__prevButtonContainer{margin-right:8px}.Pagination__nextButtonContainer{margin-left:8px}.Pagination__page{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;color:#818c99;color:var(--vkui--color_text_secondary);font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);min-width:40px;padding-left:8px;padding-right:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.Pagination__page--state-hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.Pagination__page--current,.Pagination__page--state-active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active);color:#000;color:var(--vkui--color_text_primary)}.Pagination__page--disabled{opacity:.4;opacity:var(--vkui--opacity_disable)}.Pagination__page--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);height:36px;height:var(--vkui--size_button_large_height--compact);line-height:36px;line-height:var(--vkui--size_button_large_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Pagination__page--sizeY-none{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);height:36px;height:var(--vkui--size_button_large_height--compact);line-height:36px;line-height:var(--vkui--size_button_large_height--compact)}}.Pagination__page--sizeY-regular{font-size:16px;font-size:var(--vkui--font_text--font_size--regular);height:44px;height:var(--vkui--size_button_large_height--regular);line-height:44px;line-height:var(--vkui--size_button_large_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Pagination__page--sizeY-none{font-size:16px;font-size:var(--vkui--font_text--font_size--regular);height:44px;height:var(--vkui--size_button_large_height--regular);line-height:44px;line-height:var(--vkui--size_button_large_height--regular)}}.Pagination__page--type-ellipsis{min-width:16px;padding-left:0;padding-right:0}
|
|
102
|
+
.AccordionSummary::-webkit-details-marker{display:none}.AccordionSummary__icon{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.Accordion:not([open])>summary .AccordionSummary__icon--collapse,.Accordion[open]>summary .AccordionSummary__icon--expand{display:none}
|
|
103
|
+
.FormLayout{position:relative}.FormLayout__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:0;left:0;padding:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}
|
|
104
|
+
.FormItem{display:block;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.FormItem--removable{padding-left:0;padding-right:0}.FormItem__removable{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;overflow:hidden;padding:0}.FormItem__top{color:#6d7885;color:var(--vkui--color_text_subhead);overflow:hidden;padding-bottom:8px;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.FormItem__bottom{color:#818c99;color:var(--vkui--color_text_secondary);padding-top:8px}.FormItem--status-error .FormItem__bottom{color:#e64646;color:var(--vkui--color_text_negative)}.FormItem--status-valid .FormItem__bottom,.FormItem--verified .FormItem__bottom{color:#4bb34b;color:var(--vkui--color_text_positive)}.FormItem--sizeY-compact .FormItem__top{padding-bottom:6px}.FormItem--sizeY-compact .FormItem__bottom{padding-top:6px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.FormItem--sizeY-none .FormItem__top{padding-bottom:6px}.FormItem--sizeY-none .FormItem__bottom{padding-top:6px}}:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .FormItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;padding:0}:global(.vkuiInternalFormLayoutGroup--mode-horizontal):not(:global(.vkuiInternalFormLayoutGroup--segmented)) .FormItem+.FormItem{margin-left:24px}.FormItem--withTop .FormItem__removable,:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .FormItem--withTop{margin-top:calc(-2px - 18px - 8px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--regular) - 8px)}.FormItem--sizeY-compact.FormItem--withTop .FormItem__removable,:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .FormItem--sizeY-compact.FormItem--withTop{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.FormItem--sizeY-none.FormItem--withTop .FormItem__removable,:global(.vkuiInternalFormLayoutGroup--mode-horizontal) .FormItem--sizeY-none.FormItem--withTop{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px)}}
|
|
105
|
+
.FormField{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);isolation:isolate;min-height:44px;min-height:var(--vkui--size_field_height--regular);outline:none;position:relative}.FormField--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.FormField--sizeY-none{min-height:36px;min-height:var(--vkui--size_field_height--compact)}}.FormField>*{border-radius:inherit;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.FormField__after,.FormField__before{align-content:center;align-items:center;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;flex-shrink:0;height:100%;justify-content:center;min-width:44px;min-width:var(--vkui--size_field_height--regular);position:relative;z-index:6;z-index:var(--vkui_internal--z_index_form_field_side)}.FormField--sizeY-compact .FormField__after,.FormField--sizeY-compact .FormField__before{height:36px;height:var(--vkui--size_field_height--compact);min-width:36px;min-width:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.FormField--sizeY-none .FormField__after,.FormField--sizeY-none .FormField__before{height:36px;height:var(--vkui--size_field_height--compact);min-width:36px;min-width:var(--vkui--size_field_height--compact)}}.FormField__before{color:#2688eb;color:var(--vkui--color_icon_accent)}.FormField__after{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.FormField__border{border:1px solid transparent;border:var(--vkui_internal--thin_border) solid transparent;border-radius:inherit;box-sizing:border-box;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-origin:left top;width:100%;z-index:2;z-index:var(--vkui_internal--z_index_form_field_border)}.FormField--mode-default .FormField__border{border-color:rgba(0,0,0,.12);border-color:var(--vkui--color_field_border_alpha)}.FormField--mode-default{background-color:#f2f3f5;background-color:var(--vkui--color_field_background)}.FormField--status-error .FormField__border,:global(.vkuiInternalFormItem--status-error) .FormField__border{border-color:#e64646;border-color:var(--vkui--color_stroke_negative);z-index:3;z-index:var(--vkui_internal--z_index_form_field_status)}.FormField--status-error,:global(.vkuiInternalFormItem--status-error) .FormField{background-color:#faebeb;background-color:var(--vkui--color_background_negative_tint)}.FormField--status-valid .FormField__border,:global(.vkuiInternalFormItem--status-valid) .FormField__border{border-color:#4bb34b;border-color:var(--vkui--color_stroke_positive);z-index:3;z-index:var(--vkui_internal--z_index_form_field_status)}.FormField--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility);pointer-events:none}.FormField--hover{background-color:#f2f3f5;background-color:var(--vkui--color_field_background)}.FormField--mode-default.FormField--hover .FormField__border{border-color:rgba(0,0,0,.24);border-color:var(--vkui--color_field_border_alpha--hover);z-index:4;z-index:var(--vkui_internal--z_index_form_field_border_hover)}.FormField :focus{outline:none}:global(.vkuiInternalModalCardBase__header)+.FormField,:global(.vkuiInternalModalCardBase__subheader)+.FormField{margin-top:16px}:global(.vkuiInternalNativeSelect) .FormField__after{pointer-events:none}:global(.vkuiInternalCalendarHeader__picker) .FormField__after{min-width:12px;padding-right:8px}:global(.vkuiInternalChipsInput) .FormField__after{z-index:6;z-index:var(--vkui_internal--z_index_form_field_side)}:global(.vkuiInternalFormLayoutGroup--segmented) .FormField{isolation:auto;z-index:auto}:global(.vkuiInternalFormLayoutGroup--segmented) :global(.vkuiInternalRemovable__content)>:global(.vkuiInternalFormItem):not(:first-of-type):not(:last-of-type) .FormField,:global(.vkuiInternalFormLayoutGroup--segmented)>:global(.vkuiInternalFormItem):not(:first-of-type):not(:last-of-type) .FormField{border-radius:0}:global(.vkuiInternalFormLayoutGroup--segmented) :global(.vkuiInternalRemovable__content)>:first-of-type:not(:last-of-type) .FormField,:global(.vkuiInternalFormLayoutGroup--segmented)>:first-of-type:not(:last-of-type) .FormField{border-bottom-right-radius:0;border-top-right-radius:0}:global(.vkuiInternalFormLayoutGroup--segmented) :global(.vkuiInternalRemovable__content)>:global(.vkuiInternalFormItem):not(:first-of-type):last-of-type .FormField,:global(.vkuiInternalFormLayoutGroup--segmented)>:global(.vkuiInternalFormItem):not(:first-of-type):last-of-type .FormField{border-bottom-left-radius:0;border-top-left-radius:0}
|
|
106
|
+
.FormLayoutGroup--mode-horizontal{align-items:flex-start;display:flex;flex-wrap:wrap;isolation:isolate;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.FormLayoutGroup__removable{flex-grow:1;max-width:100%;min-width:0}.FormLayoutGroup__offset{display:none}.FormLayoutGroup--mode-horizontal :global(.vkuiInternalFormItem--withTop)~.FormLayoutGroup__offset{display:block;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);min-width:100%;order:-1}.FormLayoutGroup--sizeY-compact.FormLayoutGroup--mode-horizontal :global(.vkuiInternalFormItem--withTop)~.FormLayoutGroup__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.FormLayoutGroup--sizeY-none.FormLayoutGroup--mode-horizontal :global(.vkuiInternalFormItem--withTop)~.FormLayoutGroup__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}}.FormLayoutGroup--removable{padding-left:0;padding-right:0}.FormLayoutGroup--segmented{position:relative}.FormLayoutGroup--segmented>*{flex:1;min-width:0}.FormLayoutGroup--segmented>:not(:first-child):not(.FormLayoutGroup__offset){margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--vkui_internal--thin_border))}
|
|
107
|
+
.FormStatus--mode-error{color:#e64646;color:var(--vkui--color_background_negative)}
|
|
108
|
+
.Switch{cursor:pointer;display:block;padding:calc((20px - 14px) / 2);padding:calc((var(--vkui--size_switch_pin--regular) - var(--vkui--size_switch_height--regular)) / 2);position:relative}.Switch--sizeY-compact{padding:calc((18px - 12px) / 2);padding:calc((var(--vkui--size_switch_pin--compact) - var(--vkui--size_switch_height--compact)) / 2)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Switch--sizeY-none{padding:calc((18px - 12px) / 2);padding:calc((var(--vkui--size_switch_pin--compact) - var(--vkui--size_switch_height--compact)) / 2)}}.Switch--disabled{cursor:default}.Switch__pseudo{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:block;position:relative}.Switch__pseudo:before{background:#f2f3f5;background:var(--vkui--color_icon_contrast_secondary);border-radius:50%;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);box-sizing:border-box;content:"";height:20px;height:var(--vkui--size_switch_pin--regular);left:calc((14px - 20px) / 2);left:calc((var(--vkui--size_switch_height--regular) - var(--vkui--size_switch_pin--regular)) / 2);position:absolute;top:calc((14px - 20px) / 2);top:calc((var(--vkui--size_switch_height--regular) - var(--vkui--size_switch_pin--regular)) / 2);width:20px;width:var(--vkui--size_switch_pin--regular)}.Switch--sizeY-compact .Switch__pseudo:before{height:18px;height:var(--vkui--size_switch_pin--compact);left:calc((12px - 18px) / 2);left:calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact)) / 2);top:calc((12px - 18px) / 2);top:calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact)) / 2);width:18px;width:var(--vkui--size_switch_pin--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Switch--sizeY-none .Switch__pseudo:before{height:18px;height:var(--vkui--size_switch_pin--compact);left:calc((12px - 18px) / 2);left:calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact)) / 2);top:calc((12px - 18px) / 2);top:calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact)) / 2);width:18px;width:var(--vkui--size_switch_pin--compact)}}.Switch__self:checked+.Switch__pseudo:before{background:#2688eb;background:var(--vkui--color_icon_accent);transform:translateX(calc(34px - 14px));transform:translateX(calc(var(--vkui--size_switch_width--regular) - var(--vkui--size_switch_height--regular)))}.Switch__pseudo:after{background:rgba(0,0,0,.24);background:var(--vkui--color_icon_tertiary_alpha);border-radius:calc(34px / 2);border-radius:calc(var(--vkui--size_switch_width--regular) / 2);content:"";display:block;height:14px;height:var(--vkui--size_switch_height--regular);width:34px;width:var(--vkui--size_switch_width--regular)}.Switch--sizeY-compact .Switch__pseudo:after{border-radius:calc(32px / 2);border-radius:calc(var(--vkui--size_switch_width--compact) / 2);height:12px;height:var(--vkui--size_switch_height--compact);width:32px;width:var(--vkui--size_switch_width--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Switch--sizeY-none .Switch__pseudo:after{border-radius:calc(32px / 2);border-radius:calc(var(--vkui--size_switch_width--compact) / 2);height:12px;height:var(--vkui--size_switch_height--compact);width:32px;width:var(--vkui--size_switch_width--compact)}}.Switch__self:checked+.Switch__pseudo:after{background:#2688eb;background:var(--vkui--color_icon_accent);opacity:.48}.Switch--sizeY-compact .Switch__self:checked+.Switch__pseudo:before{transform:translateX(calc(32px - 12px));transform:translateX(calc(var(--vkui--size_switch_width--compact) - var(--vkui--size_switch_height--compact)))}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Switch--sizeY-none .Switch__self:checked+.Switch__pseudo:before{transform:translateX(calc(32px - 12px));transform:translateX(calc(var(--vkui--size_switch_width--compact) - var(--vkui--size_switch_height--compact)))}}.Switch__self[disabled]+.Switch__pseudo{opacity:.4;opacity:var(--vkui--opacity_disable)}.Switch--ios .Switch__pseudo:before{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)}.Switch--ios .Switch__pseudo:before,.Switch--ios .Switch__self:checked+.Switch__pseudo:before{background:#fff;background:var(--vkui_internal--white)}.Switch--ios .Switch__pseudo:after{background:#e1e3e6;background:var(--vkui--color_track_background)}.Switch--ios .Switch__self:checked+.Switch__pseudo:after{opacity:1}@media (prefers-reduced-motion:no-preference){.Switch__pseudo:after{transition:background-color .1s ease}.Switch__pseudo:before{transition:transform .1s ease}.Switch--ios .Switch__pseudo:after{transition:background-color .2s ease}.Switch--ios .Switch__pseudo:before{transition:transform .2s cubic-bezier(.36,-.24,.26,1.32)}}:global(.vkuiInternalSimpleCell__after)>.Switch{margin-left:12px}:global(.vkuiInternalSimpleCell)>.Switch:first-child{margin-right:12px}
|
|
109
|
+
.Input{font-size:16px;line-height:20px;position:relative}.Input--align-center .Input__el{text-align:center}.Input--align-right .Input__el{text-align:right}.Input__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:inherit;box-shadow:none;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);font-family:inherit;font-size:16px;font-size:var(--vkui--font_text--font_size--regular);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular);height:44px;height:var(--vkui--size_field_height--regular);line-height:20px;line-height:var(--vkui--font_text--line_height--regular);margin:0;padding:0 12px;position:relative;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.Input--sizeY-compact .Input__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);height:36px;height:var(--vkui--size_field_height--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}.Input--hasBefore .Input__el{padding-left:0}.Input--hasAfter .Input__el{padding-right:0}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Input--sizeY-none .Input__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);height:36px;height:var(--vkui--size_field_height--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}}.Input__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.Input__el::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.Input__el::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.Input__el::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.Input__el::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.Input__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.Input__el:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.Input__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.Input__el:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}
|
|
110
|
+
.Chip{background:#fff;background:var(--vkui--color_background_content);border:1px solid rgba(0,0,0,.08);border:var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha);border-radius:6px;box-sizing:border-box;display:inline-block;height:32px}.Chip__in{align-items:center;display:flex;height:100%;padding:0 8px;position:relative}.Chip--removable .Chip__in{padding-right:0}.Chip__content{color:#000;color:var(--vkui--color_text_primary);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Chip__remove{align-content:center;align-items:center;background:transparent;border:none;border-radius:2px;box-sizing:border-box;color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;height:28px;justify-content:center;margin:-1px;padding:6px;position:relative;transform:translateX(-1px);width:28px}.Chip__before{margin-right:6px}.Chip__after{margin-left:6px}.Chip--sizeY-compact{height:28px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Chip--sizeY-none{height:28px}}
|
|
111
|
+
.ChipsInput{max-width:100%}
|
|
112
|
+
.ChipsInputBase{display:flex;flex-grow:1;flex-shrink:1;flex-wrap:wrap;max-width:100%;overflow:hidden;padding:3px;position:relative;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.ChipsInputBase__chip{margin:2px;max-width:calc(100% - 4px)}.ChipsInputBase__label{display:flex;flex:1;flex-direction:column;margin:2px 2px 2px 10px}.ChipsInputBase__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none;color:#000;color:var(--vkui--color_text_primary);font-family:inherit;font-size:15px;line-height:26px;margin-bottom:2px;padding:0;position:relative;width:100%}.ChipsInputBase__el:focus{min-width:64px}.ChipsInputBase__el::-ms-clear{display:none}.ChipsInputBase__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.ChipsInputBase__el::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.ChipsInputBase__el::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.ChipsInputBase__el::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.ChipsInputBase__el::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.ChipsInputBase__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.ChipsInputBase__el:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.ChipsInputBase__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.ChipsInputBase__el:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.ChipsInputBase__el[readonly]{cursor:default}.ChipsInputBase--hasPlaceholder .ChipsInputBase__label{margin-left:9px;margin-right:0}.ChipsInputBase--hasPlaceholder .ChipsInputBase__el{text-overflow:ellipsis;white-space:nowrap}.ChipsInputBase--sizeY-compact{padding:1px}
|
|
113
|
+
.Slider{height:28px;padding:0 14px;position:relative}.Slider:before{background-color:#e1e3e6;background-color:var(--vkui--color_track_background);border-radius:1px;content:"";height:2px;left:0;position:absolute;top:13px;width:100%}.Slider__in{height:100%;position:relative}.Slider__dragger{height:0;left:0;position:absolute;top:13px;width:0}.Slider__dragger:before{background:#2688eb;background:var(--vkui--color_background_accent);border-radius:1px;content:"";height:2px;left:-14px;position:absolute;top:0;width:calc(100% + 28px)}.Slider__thumb{background:#fff;background:var(--vkui--color_background_contrast);border:.5px solid rgba(0,0,0,.12);border:.5px solid var(--vkui--color_separator_primary_alpha);border-radius:14px;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);height:28px;position:absolute;top:-13px;transition:transform .1s ease;width:28px}.Slider__thumb--start{left:-14px}.Slider__thumb--end{right:-14px}.Slider--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.Slider--sizeY-compact{height:24px;padding:0 12px}.Slider--sizeY-compact .Slider__dragger,.Slider--sizeY-compact:before{top:11px}.Slider--sizeY-compact .Slider__dragger:before{left:-12px;width:calc(100% + 24px)}.Slider--sizeY-compact .Slider__thumb{height:24px;top:-11px;width:24px}.Slider--sizeY-compact .Slider__thumb--start{left:-12px}.Slider--sizeY-compact .Slider__thumb--end{right:-12px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Slider--sizeY-none{height:24px;padding:0 12px}.Slider--sizeY-none .Slider__dragger,.Slider--sizeY-none:before{top:11px}.Slider--sizeY-none .Slider__dragger:before{left:-12px;width:calc(100% + 24px)}.Slider--sizeY-none .Slider__thumb{height:24px;top:-11px;width:24px}.Slider--sizeY-none .Slider__thumb--start{left:-12px}.Slider--sizeY-none .Slider__thumb--end{right:-12px}}
|
|
114
|
+
.Textarea,.Textarea__el{position:relative}.Textarea__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);display:block;font-family:inherit;font-size:16px;font-size:var(--vkui--font_text--font_size--regular);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular);line-height:20px;line-height:var(--vkui--font_text--line_height--regular);margin:0;max-height:204px;padding:12px;resize:none;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.Textarea__el[cols]{width:auto}.Textarea--sizeY-compact .Textarea__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact);max-height:196px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Textarea--sizeY-none .Textarea__el{font-size:15px;padding-bottom:7px;padding-top:7px}}.Textarea__el::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.Textarea__el::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.Textarea__el::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.Textarea__el::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.Textarea__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.Textarea__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.Textarea__el:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.Textarea__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.Textarea__el:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}
|
|
115
|
+
.Radio{display:block;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular)}:global(.vkuiInternalFormItem) .Radio{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular));width:100%}.Radio__container{align-items:center;display:flex;justify-content:flex-start}.Radio__input:disabled~.Radio__container{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.Radio__icon{color:#b8c1cc;color:var(--vkui--color_icon_tertiary);flex-shrink:0;height:22px;margin-right:14px;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color .15s var(--vkui--animation_easing_platform);width:22px}.Radio__input:checked~.Radio__container .Radio__icon{color:#2688eb;color:var(--vkui--color_icon_accent)}.Radio__icon .Radio__pin{transform:scale(0);transform-origin:12px 12px;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s var(--vkui--animation_easing_platform)}.Radio__input:checked~.Radio__container .Radio__icon .Radio__pin{transform:none}.Radio__content{color:#000;color:var(--vkui--color_text_primary);display:block;flex-grow:1;max-width:100%}.Radio__description{color:#818c99;color:var(--vkui--color_text_secondary);display:block;margin-bottom:12px;margin-top:2px}.Radio__title{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.Radio__title:last-child{margin-bottom:12px}.Radio__titleAfter{color:#b8c1cc;color:var(--vkui--color_icon_tertiary);margin-left:4px}.Radio--sizeY-compact .Radio__title{margin-top:8px}.Radio--sizeY-compact .Radio__title:last-child{margin-bottom:8px}.Radio--sizeY-compact .Radio__description{margin-bottom:7px}.Radio--sizeY-compact .Radio__icon{height:18px;width:18px}.Radio--sizeY-compact .Radio__icon:after{height:12px;width:12px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Radio--sizeY-none .Radio__title{margin-top:8px}.Radio--sizeY-none .Radio__title:last-child{margin-bottom:8px}.Radio--sizeY-none .Radio__description{margin-bottom:7px}.Radio--sizeY-none .Radio__icon{height:18px;width:18px}.Radio--sizeY-none .Radio__icon:after{height:12px;width:12px}}:global(.vkuiInternalRadioGroup) .Radio{box-sizing:border-box;flex:1;margin:0}
|
|
116
|
+
.RadioGroup--mode-horizontal{display:flex}:global(.vkuiInternalFormItem) .RadioGroup{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}
|
|
117
|
+
.Checkbox{align-items:center;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);justify-content:flex-start;min-height:44px;min-height:var(--vkui--size_field_height--regular);min-width:44px;min-width:var(--vkui--size_field_height--regular);padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular)}:global(.vkuiInternalFormItem) .Checkbox{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular));width:100%}.Checkbox__icon{flex-shrink:0;margin-right:12px}.Checkbox__icon--indeterminate,.Checkbox__icon--on{color:#2688eb;color:var(--vkui--color_icon_accent);display:none}.Checkbox__icon--off{color:#b8c1cc;color:var(--vkui--color_icon_tertiary)}.Checkbox__content{color:#000;color:var(--vkui--color_text_primary);flex-grow:1;font-weight:400;font-weight:var(--vkui--font_weight_accent3);word-break:break-word}.Checkbox--sizeY-regular:not(.Checkbox--vkcom) .Checkbox__content{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.Checkbox--sizeY-none:not(.Checkbox--vkcom) .Checkbox__content{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}}.Checkbox--sizeY-compact .Checkbox__content,.Checkbox--vkcom .Checkbox__content{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Checkbox--sizeY-none .Checkbox__content{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}}.Checkbox__description{color:#818c99;color:var(--vkui--color_text_secondary);display:block;margin-bottom:12px;margin-top:2px}.Checkbox__title{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.Checkbox__title:last-child{margin-bottom:12px}.Checkbox__titleAfter{color:#b8c1cc;color:var(--vkui--color_icon_tertiary);margin-left:4px}.Checkbox__input:checked~.Checkbox__icon--on{display:flex}.Checkbox__input:checked~.Checkbox__icon--off,.Checkbox__input:indeterminate~.Checkbox__icon--indeterminate{display:none}.Checkbox__input:indeterminate~.Checkbox__icon--indeterminate{display:flex}.Checkbox__input:indeterminate~.Checkbox__icon--off,.Checkbox__input:indeterminate~.Checkbox__icon--on{display:none}.Checkbox__input[disabled]~*{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.Checkbox--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact);min-width:36px;min-width:var(--vkui--size_field_height--compact)}.Checkbox--sizeY-compact .Checkbox__title{margin-top:8px}.Checkbox--sizeY-compact .Checkbox__description,.Checkbox--sizeY-compact .Checkbox__title:last-child{margin-bottom:8px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Checkbox--sizeY-none{min-height:36px;min-height:var(--vkui--size_field_height--compact);min-width:36px;min-width:var(--vkui--size_field_height--compact)}.Checkbox--sizeY-none .Checkbox__title{margin-top:8px}.Checkbox--sizeY-none .Checkbox__description,.Checkbox--sizeY-none .Checkbox__title:last-child{margin-bottom:8px}}.Checkbox--simple{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:0}.Checkbox--simple .Checkbox__content{display:none}.Checkbox--simple .Checkbox__icon{margin:0}
|
|
118
|
+
.CustomSelect{cursor:pointer;display:block;position:relative;width:100%}.CustomSelect--pop-down{border-bottom-left-radius:0;border-bottom-right-radius:0}.CustomSelect--pop-up{border-top-left-radius:0;border-top-right-radius:0}.CustomSelect__control{display:none}.CustomSelect__empty{color:#818c99;color:var(--vkui--color_text_secondary);padding:12px 0;text-align:center}.CustomSelect__fetching{align-items:center;display:flex;justify-content:center}.CustomSelect__dropdown-icon{margin-right:10px}.CustomSelect--clear-icon{margin-right:-6px}.CustomSelect--sizeY-compact .CustomSelect__dropdown-icon{margin-right:8px}.CustomSelect--sizeY-compact .CustomSelect--clear-icon{margin-right:-2px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.CustomSelect--sizeY-none .CustomSelect__dropdown-icon{margin-right:8px}.CustomSelect--sizeY-none .CustomSelect--clear-icon{margin-right:-2px}}
|
|
119
|
+
.CustomSelectOption{align-items:center;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);cursor:pointer;display:flex;padding:8px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.CustomSelectOption--hierarchy{--vkui_internal--custom_select_option_hierarchy_level:0;padding-left:calc(0 * 32px);padding-left:calc(var(--vkui_internal--custom_select_option_hierarchy_level) * var(--vkui--size_option_hierarchy--regular))}.CustomSelectOption--sizeY-regular{min-height:44px}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.CustomSelectOption--sizeY-none{min-height:44px}}.CustomSelectOption--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.CustomSelectOption--hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.CustomSelectOption__before{flex-shrink:0;margin-right:7px}.CustomSelectOption__main{flex-grow:1;max-width:100%;min-width:0}.CustomSelectOption__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.CustomSelectOption__after{align-items:center;display:flex;flex-shrink:0;margin-left:8px}.CustomSelectOption__description{color:#818c99;color:var(--vkui--color_text_secondary);overflow:hidden;text-overflow:ellipsis}.CustomSelectOption__selectedIcon{color:#2688eb;color:var(--vkui--color_icon_accent)}.CustomSelectOption__selectedIcon:not(:first-child){margin-left:8px}
|
|
120
|
+
.Select{box-sizing:border-box;cursor:pointer;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);position:relative}.Select__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:block;font-family:inherit;font-size:16px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:6;z-index:var(--vkui_internal--z_index_form_field_side)}.Select__container{box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);flex-grow:1;flex-shrink:1;overflow:hidden;padding-left:12px;padding-right:0;position:relative;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.Select--hasBefore .Select__container{padding-left:0}.Select--multiline .Select__container{padding-bottom:12px;padding-top:12px}.Select--sizeY-compact.Select--multiline .Select__container{padding-bottom:8px;padding-top:8px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.Select--sizeY-none.Select--multiline .Select__container{padding-bottom:8px;padding-top:8px}}.Select__title{display:block}.Select:not(.Select--multiline) .Select__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select--empty .Select__title{color:#818c99;color:var(--vkui--color_text_secondary)}.Select--align-right .Select__title{text-align:right}.Select--align-center .Select__title{text-align:center}:global(.vkuiInternalCalendarHeader__picker) .Select__container{padding-right:4px}
|
|
121
|
+
.SelectTypography--selectType-accent{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular);font-weight:600;font-weight:var(--vkui--font_weight_accent1);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular)}:not(.SelectTypography--selectType-accent).SelectTypography{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);font-weight:400;font-weight:var(--vkui--font_weight_accent3);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}.SelectTypography--selectType-accent.SelectTypography--android{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.SelectTypography--sizeY-compact:not(.SelectTypography--selectType-accent),.SelectTypography--vkcom:not(.SelectTypography--selectType-accent){font-size:15px;font-size:var(--vkui--font_text--font_size--compact);font-weight:400;font-weight:var(--vkui--font_weight_accent3);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.SelectTypography--sizeY-none:not(.SelectTypography--selectType-accent){font-size:15px;font-size:var(--vkui--font_text--font_size--compact);font-weight:400;font-weight:var(--vkui--font_weight_accent3);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}}
|
|
122
|
+
.CustomSelectDropdown{background-color:#fff;background-color:var(--vkui--color_background_modal);border:1px solid rgba(0,0,0,.12);border:var(--vkui_internal--thin_border) solid var(--vkui--color_field_border_alpha);border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1);box-sizing:border-box;overflow:hidden}.CustomSelectDropdown--wide{width:100%}.CustomSelectDropdown--bottom{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.CustomSelectDropdown--top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:100%;box-shadow:0 0 2px rgba(0,0,0,.03),0 -2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1_invert_y)}.CustomSelectDropdown__fetching{padding:12px 0}.CustomSelectDropdown__in{max-height:160px}:global(.vkuiInternalCalendarHeader__pickers) .CustomSelectDropdown__in{max-height:184px}
|
|
123
|
+
.CustomScrollView{height:100%;overflow:hidden;position:relative;width:100%}.CustomScrollView__box{height:100%;max-height:inherit;overflow-x:hidden;overflow-y:scroll;padding-right:100px;position:relative;scrollbar-width:none;width:100%}.CustomScrollView__box::-webkit-scrollbar{display:none}.CustomScrollView__barY:active+.CustomScrollView__box{pointer-events:none}.CustomScrollView__barY{height:100%;position:absolute;right:0;top:0;width:10px}.CustomScrollView__trackerY{box-sizing:border-box;left:0;padding:4px 4px 4px 0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:10px}.CustomScrollView__trackerY--hidden{opacity:0;transition:opacity .2s}.CustomScrollView__trackerY:before{background-color:#818c99;background-color:var(--vkui--color_icon_medium);border-radius:12px;content:"";display:block;height:100%;opacity:.48;transition:transform .2s,opacity .2s;width:100%}.CustomScrollView__trackerY:active:before,.CustomScrollView__trackerY:hover:before{opacity:.8;transform:scaleX(1.3333)}:global(.vkuiInternalCustomSelectDropdown) .CustomScrollView__box{padding-right:8px}:global(.vkuiInternalCustomSelectDropdown--wide) .CustomScrollView__box{padding-right:0}
|
|
124
|
+
.DatePicker{border:0;margin:0;padding:0}.DatePicker__container{display:flex;flex-direction:row;width:100%}.DatePicker__day{min-width:72px}.DatePicker__month{display:flex;flex:1 0 0;min-width:0;padding:0 8px}.DatePicker__year{min-width:92px}.DatePicker__monthSelect{width:100%}
|
|
125
|
+
.SegmentedControl{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);height:30px;padding:2px}.SegmentedControl--size-l{height:36px}.SegmentedControl__in{border-radius:inherit;display:flex;height:100%;position:relative;transition:all .1s ease-out;width:100%}.SegmentedControl__slider{background-color:#fff;background-color:var(--vkui--color_segmented_control);border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);box-shadow:inset 0 0 0 .5px var(--vkui--color_image_border_alpha),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);left:0;position:absolute;top:0;transform-origin:0 0;transition:transform .15s}.SegmentedControl__option{display:block;flex:1;margin:0;padding:0;position:relative}.SegmentedControl--sizeY-regular{height:36px}.SegmentedControl--sizeY-regular.SegmentedControl--size-l{height:44px}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.SegmentedControl--sizeY-none{height:36px}.SegmentedControl--sizeY-none.SegmentedControl--size-l{height:44px}}
|
|
126
|
+
.SegmentedControlOption{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:inherit;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);cursor:pointer;height:100%;transition:color .1s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.SegmentedControlOption :global(.vkuiIcon){color:#2c2d2e;color:var(--vkui--color_icon_primary)}.SegmentedControlOption:not(.SegmentedControlOption--checked):hover{opacity:.5}.SegmentedControlOption__content{align-content:center;align-items:center;border-radius:inherit;display:flex;font-size:16px;font-size:var(--vkui--font_text--font_size--regular);font-weight:500;font-weight:var(--vkui--font_weight_accent2);height:100%;justify-content:center;line-height:20px;line-height:var(--vkui--font_text--line_height--regular);width:100%}.SegmentedControlOption__content--sizeY-compact.SegmentedControlOption__content{font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);font-weight:400;font-weight:var(--vkui--font_weight_accent3);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.SegmentedControlOption__content--sizeY-none.SegmentedControlOption__content{font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);font-weight:400;font-weight:var(--vkui--font_weight_accent3);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular)}}
|
|
127
|
+
.Calendar{background:#fff;background:var(--vkui--color_background_modal);border:.5px solid #d7d8d9;border:.5px solid var(--vkui--color_separator_primary);border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1);box-sizing:border-box;display:flex;flex-direction:column;padding:12px;width:305px}.Calendar__time{border-top:1px solid #d7d8d9;border-top:1px solid var(--vkui--color_separator_primary);margin:12px -12px 0;padding:12px 12px 0}.Calendar__header{margin-bottom:4px}.Calendar--size-s{padding:8px;width:220px}.Calendar--size-s .Calendar__header{margin-bottom:0}
|
|
128
|
+
.CalendarHeader{align-items:center;display:flex;justify-content:center;min-height:36px;position:relative}.CalendarHeader__pickers{color:#000;color:var(--vkui--color_text_primary);display:flex;position:absolute}.CalendarHeader__picker+.CalendarHeader__picker{margin-left:4px}.CalendarHeader__nav-icon{align-items:center;display:flex;justify-content:center;padding:3px;position:absolute}.CalendarHeader__nav-icon--accent{color:#2688eb;color:var(--vkui--color_icon_accent)}.CalendarHeader__nav-icon-next{right:0}.CalendarHeader__nav-icon-prev{left:0}.CalendarHeader__month{text-transform:capitalize}
|
|
129
|
+
.CalendarDays{display:flex;flex-direction:column;flex-grow:1;justify-content:space-around}.CalendarDays__row{display:flex;flex-grow:1;justify-content:center}.CalendarDays__row:not(:last-child){margin-bottom:4px}.CalendarDays__row--size-s:not(:last-child){margin-bottom:0}.CalendarDays__weekday{align-items:center;color:#6d7885;color:var(--vkui--color_text_subhead);display:flex;flex-basis:calc(100% / 7);flex-grow:0;height:32px;justify-content:center;text-transform:capitalize}
|
|
130
|
+
.CalendarDay{border-radius:0;color:#000;color:var(--vkui--color_text_primary);font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);font-size:14px}.CalendarDay,.CalendarDay__hidden{flex-basis:calc(100% / 7);flex-grow:0;height:36px}.CalendarDay--size-s,.CalendarDay__hidden--size-s{height:34px}.CalendarDay--disabled,.CalendarDay--not-same-month{color:#99a2ad;color:var(--vkui--color_text_tertiary)}.CalendarDay--selected{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.CalendarDay--selection-start.CalendarDay--selected,.CalendarDay__hinted--selection-start{border-bottom-left-radius:8px;border-top-left-radius:8px}.CalendarDay--selection-end.CalendarDay--selected,.CalendarDay__hinted--selection-end{border-bottom-right-radius:8px;border-top-right-radius:8px}.CalendarDay__day-number{text-align:center}.CalendarDay--today{font-weight:600}.CalendarDay--today .CalendarDay__day-number:after{border-bottom:2px solid #2688eb;border-bottom:2px solid var(--vkui--color_stroke_accent);content:"";display:block;left:50%;position:relative;transform:translateX(-50%);width:16px}.CalendarDay--today .CalendarDay__inner--active .CalendarDay__day-number:after{border-bottom-color:#fff;border-bottom-color:var(--vkui--color_stroke_contrast)}.CalendarDay__hinted,.CalendarDay__inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.CalendarDay__inner{border-radius:8px}.CalendarDay--hover :not(.CalendarDay__hinted--active) .CalendarDay__inner,.CalendarDay__hinted--active{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover)}.CalendarDay__inner--active{background-color:#2688eb;background-color:var(--vkui--color_background_accent);color:#fff;color:var(--vkui--color_text_contrast)}
|
|
131
|
+
.CalendarTime{align-items:center;display:flex}.CalendarTime__picker{width:77px}.CalendarTime__divider{color:#000;color:var(--vkui--color_text_primary);font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);margin-left:6px;margin-right:6px}.CalendarTime__button{margin-left:auto}
|
|
132
|
+
.CalendarRange{background:#fff;background:var(--vkui--color_background_modal);border:.5px solid #d7d8d9;border:.5px solid var(--vkui--color_separator_primary);border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-around;padding:12px;width:610px}.CalendarRange__inner{display:flex;flex-direction:column;flex-grow:1}.CalendarRange__inner:not(:last-child){margin-right:24px}.CalendarRange__header{margin-bottom:4px}
|
|
133
|
+
.InputLike__mask{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);position:relative}.InputLike__mask:after{border-bottom:1px solid #818c99;border-bottom:1px solid var(--vkui--color_text_secondary);bottom:0;content:"";height:1px;left:0;position:absolute;width:calc(100% - .1em)}.InputLike__mask:last-child{margin-right:1px}.InputLike__divider,.InputLike__last_character{letter-spacing:1px!important}.InputLike__divider{color:#818c99;color:var(--vkui--color_text_secondary)}.InputLike--full+.InputLike__divider{color:#000;color:var(--vkui--color_text_primary)}
|
|
134
|
+
.DateInput__input{cursor:text;flex-grow:1;font-size:16px;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.DateInput__input--time-divider{letter-spacing:6px!important}.DateInput--sizeY-compact .DateInput__input{font-size:15px;margin-right:22px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.DateInput--sizeY-none .DateInput__input{font-size:15px;margin-right:22px}}
|
|
135
|
+
.DateRangeInput__input{cursor:text;flex-grow:1;font-size:16px;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.DateRangeInput--sizeY-compact .DateRangeInput__input{font-size:15px;margin-right:22px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.DateRangeInput--sizeY-none .DateRangeInput__input{font-size:15px;margin-right:22px}}
|
|
136
|
+
.Div{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}
|
|
137
|
+
.VisuallyHiddenInput{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}
|
|
138
|
+
.PromoBanner{background:#fff;background:var(--vkui--color_background_content);box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);outline:1px solid rgba(0,0,0,.12);outline:var(--vkui_internal--thin_border) solid var(--vkui--color_separator_primary_alpha);padding-bottom:10px;position:relative;width:100%}.PromoBanner__head{color:#818c99;color:var(--vkui--color_text_secondary);display:flex;padding:14px 16px 10px;padding:14px var(--vkui--size_base_padding_horizontal--regular) 10px}.PromoBanner__age{margin-left:6px}.PromoBanner__close{align-items:center;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;height:48px;justify-content:center;position:absolute;right:0;top:0;width:48px}.PromoBanner__close:active{opacity:.7}.PromoBanner__pixels{display:none}
|
|
139
|
+
.ChipsSelect{position:relative}.ChipsSelect__dropdown{cursor:pointer}.ChipsSelect__icon{pointer-events:none}.ChipsSelect__empty{color:#818c99;color:var(--vkui--color_text_secondary);padding:12px 0;text-align:center}.ChipsSelect--pop-down{border-bottom-left-radius:0;border-bottom-right-radius:0}.ChipsSelect--pop-up{border-top-left-radius:0;border-top-right-radius:0}
|
|
140
|
+
.Popover{animation:vkui-popover-fadein .2s ease;background:#fff;background:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);position:relative}.Popover:before{bottom:calc(-1 * 8px);bottom:calc(-1 * var(--vkui_internal--popover_safe_zone_padding));content:"";left:calc(-1 * 8px);left:calc(-1 * var(--vkui_internal--popover_safe_zone_padding));position:absolute;right:calc(-1 * 8px);right:calc(-1 * var(--vkui_internal--popover_safe_zone_padding));top:calc(-1 * 8px);top:calc(-1 * var(--vkui_internal--popover_safe_zone_padding))}@keyframes vkui-popover-fadein{0%{opacity:0}to{opacity:1}}
|
|
141
|
+
.TextTooltip{animation:vkui-texttooltip-fadein .2s ease;background-color:#fff;background-color:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);color:#000;color:var(--vkui--color_text_primary);padding:8px 12px 9px}.TextTooltip__arrow{color:#fff;color:var(--vkui--color_background_modal)}.TextTooltip--appearance-accent{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint);color:#fff;color:var(--vkui--color_text_contrast)}.TextTooltip--appearance-accent .TextTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint)}.TextTooltip--appearance-white{background-color:#fff;background-color:var(--vkui--color_background_contrast);color:#000;color:var(--vkui--color_text_primary_invariably)}.TextTooltip--appearance-white .TextTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast)}.TextTooltip--appearance-black{background-color:#2c2d2e;background-color:var(--vkui--color_background_contrast_inverse);color:#fff;color:var(--vkui--color_text_contrast)}.TextTooltip--appearance-black .TextTooltip__arrow{color:#2c2d2e;color:var(--vkui--color_background_contrast_inverse)}.TextTooltip--appearance-inversion{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse);color:#fff;color:var(--vkui--color_text_contrast_themed)}.TextTooltip--appearance-inversion .TextTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse)}@keyframes vkui-texttooltip-fadein{0%{opacity:0}to{opacity:1}}
|
|
142
|
+
.RichTooltip{animation:vkui-richtooltip-fadein .2s ease;background-color:#fff;background-color:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);color:#000;color:var(--vkui--color_text_primary)}.RichTooltip__arrow{color:#fff;color:var(--vkui--color_background_modal)}.RichTooltip--appearance-accent{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint);color:#fff;color:var(--vkui--color_text_contrast)}.RichTooltip--appearance-accent .RichTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint)}.RichTooltip--appearance-white{background-color:#fff;background-color:var(--vkui--color_background_contrast);color:#000;color:var(--vkui--color_text_primary_invariably)}.RichTooltip--appearance-white .RichTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast)}.RichTooltip--appearance-black{background-color:#2c2d2e;background-color:var(--vkui--color_background_contrast_inverse);color:#fff;color:var(--vkui--color_text_contrast)}.RichTooltip--appearance-black .RichTooltip__arrow{color:#2c2d2e;color:var(--vkui--color_background_contrast_inverse)}.RichTooltip--appearance-inversion{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse);color:#fff;color:var(--vkui--color_text_contrast_themed)}.RichTooltip--appearance-inversion .RichTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse)}@keyframes vkui-richtooltip-fadein{0%{opacity:0}to{opacity:1}}
|
|
143
143
|
.vkui>body{overflow-x:hidden}.vkui,.vkui>body,.vkui__root{height:100%;margin:0;padding:0}.vkui,.vkui>body{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;color:#000;color:var(--vkui--color_text_primary);color-scheme:light;color-scheme:var(--vkui--colors_scheme);font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base)}.vkui__root--embedded{overflow-x:hidden;transform:translateZ(0)}.vkui--sizeX-regular{background:#ebedf0;background:var(--vkui--color_background)}@media (min-width:768px){.vkui--sizeX-none{background:#ebedf0;background:var(--vkui--color_background)}}
|
|
144
144
|
|
|
145
145
|
/*# sourceMappingURL=vkui.css.map*/
|