@vkontakte/vkui 5.3.2 → 5.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (792) hide show
  1. package/dist/cjs/components/Accordion/Accordion.d.ts +2 -2
  2. package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
  3. package/dist/cjs/components/Accordion/AccordionSummary.d.ts +1 -1
  4. package/dist/cjs/components/Accordion/AccordionSummary.js.map +1 -1
  5. package/dist/cjs/components/ActionSheet/types.d.ts +1 -1
  6. package/dist/cjs/components/ActionSheet/types.js.map +1 -1
  7. package/dist/cjs/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
  8. package/dist/cjs/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +4 -4
  9. package/dist/cjs/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
  10. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  11. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  12. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  13. package/dist/cjs/components/AppRoot/AppRootPortal.d.ts +3 -3
  14. package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
  15. package/dist/cjs/components/AppRoot/ScrollContext.d.ts +2 -2
  16. package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
  17. package/dist/cjs/components/Button/Button.d.ts +1 -0
  18. package/dist/cjs/components/Button/Button.js +2 -2
  19. package/dist/cjs/components/Button/Button.js.map +1 -1
  20. package/dist/cjs/components/Card/Card.js +1 -3
  21. package/dist/cjs/components/Card/Card.js.map +1 -1
  22. package/dist/cjs/components/CardGrid/CardGrid.js +4 -4
  23. package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
  24. package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
  25. package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js +10 -6
  26. package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  27. package/dist/cjs/components/Checkbox/Checkbox.d.ts +2 -1
  28. package/dist/cjs/components/Checkbox/Checkbox.js +12 -8
  29. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  30. package/dist/cjs/components/ChipsSelect/ChipsSelect.d.ts +4 -0
  31. package/dist/cjs/components/ChipsSelect/ChipsSelect.js +3 -2
  32. package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
  33. package/dist/cjs/components/Counter/Counter.js +3 -5
  34. package/dist/cjs/components/Counter/Counter.js.map +1 -1
  35. package/dist/cjs/components/CustomSelect/CustomSelect.d.ts +3 -0
  36. package/dist/cjs/components/CustomSelect/CustomSelect.js +1 -1
  37. package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
  38. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js +1 -1
  39. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  40. package/dist/cjs/components/DateRangeInput/DateRangeInput.js +1 -1
  41. package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
  42. package/dist/cjs/components/Epic/ScrollSaver.d.ts +3 -3
  43. package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
  44. package/dist/cjs/components/File/File.js +4 -3
  45. package/dist/cjs/components/File/File.js.map +1 -1
  46. package/dist/cjs/components/FixedLayout/FixedLayout.js +1 -1
  47. package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
  48. package/dist/cjs/components/FocusVisible/FocusVisible.d.ts +4 -2
  49. package/dist/cjs/components/FocusVisible/FocusVisible.js +4 -3
  50. package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
  51. package/dist/cjs/components/FormField/FormField.js +10 -1
  52. package/dist/cjs/components/FormField/FormField.js.map +1 -1
  53. package/dist/cjs/components/FormItem/FormItem.d.ts +3 -1
  54. package/dist/cjs/components/FormItem/FormItem.js +2 -1
  55. package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
  56. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
  57. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
  58. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  59. package/dist/cjs/components/Group/Group.d.ts +5 -3
  60. package/dist/cjs/components/Group/Group.js +2 -2
  61. package/dist/cjs/components/Group/Group.js.map +1 -1
  62. package/dist/cjs/components/Header/Header.js +20 -16
  63. package/dist/cjs/components/Header/Header.js.map +1 -1
  64. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
  65. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +4 -1
  66. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  67. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
  68. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +6 -2
  69. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  70. package/dist/cjs/components/HoverPopper/HoverPopper.d.ts +1 -1
  71. package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
  72. package/dist/cjs/components/IconButton/IconButton.d.ts +3 -3
  73. package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
  74. package/dist/cjs/components/LocaleProvider/LocaleProvider.d.ts +2 -2
  75. package/dist/cjs/components/LocaleProvider/LocaleProvider.js.map +1 -1
  76. package/dist/cjs/components/ModalPage/ModalPage.d.ts +1 -1
  77. package/dist/cjs/components/ModalPage/ModalPage.js +19 -3
  78. package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
  79. package/dist/cjs/components/ModalPage/ModalPageContext.d.ts +5 -0
  80. package/dist/cjs/components/{Typography/types.js → ModalPage/ModalPageContext.js} +8 -1
  81. package/dist/cjs/components/ModalPage/ModalPageContext.js.map +1 -0
  82. package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js +6 -1
  83. package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  84. package/dist/cjs/components/ModalRoot/ModalRoot.d.ts +2 -27
  85. package/dist/cjs/components/ModalRoot/ModalRoot.js +13 -22
  86. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  87. package/dist/cjs/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
  88. package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  89. package/dist/cjs/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
  90. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +145 -219
  91. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  92. package/dist/cjs/components/ModalRoot/types.d.ts +28 -0
  93. package/dist/cjs/components/ModalRoot/types.js.map +1 -1
  94. package/dist/cjs/components/ModalRoot/useModalManager.d.ts +6 -5
  95. package/dist/cjs/components/ModalRoot/useModalManager.js +3 -3
  96. package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
  97. package/dist/cjs/components/NativeSelect/NativeSelect.d.ts +6 -2
  98. package/dist/cjs/components/NativeSelect/NativeSelect.js +6 -3
  99. package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
  100. package/dist/cjs/components/Panel/Panel.js +2 -2
  101. package/dist/cjs/components/Panel/Panel.js.map +1 -1
  102. package/dist/cjs/components/PanelHeader/PanelHeader.d.ts +11 -2
  103. package/dist/cjs/components/PanelHeader/PanelHeader.js +17 -7
  104. package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
  105. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
  106. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  107. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  108. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
  109. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  110. package/dist/cjs/components/PlatformProvider/PlatformProvider.d.ts +1 -1
  111. package/dist/cjs/components/PlatformProvider/PlatformProvider.js.map +1 -1
  112. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  113. package/dist/cjs/components/Popover/Popover.d.ts +3 -2
  114. package/dist/cjs/components/Popover/Popover.js +5 -3
  115. package/dist/cjs/components/Popover/Popover.js.map +1 -1
  116. package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
  117. package/dist/cjs/components/PullToRefresh/PullToRefresh.d.ts +3 -4
  118. package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
  119. package/dist/cjs/components/Radio/Radio.d.ts +2 -1
  120. package/dist/cjs/components/Radio/Radio.js +14 -8
  121. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  122. package/dist/cjs/components/Removable/Removable.d.ts +7 -2
  123. package/dist/cjs/components/Removable/Removable.js +4 -3
  124. package/dist/cjs/components/Removable/Removable.js.map +1 -1
  125. package/dist/cjs/components/Root/Root.js.map +1 -1
  126. package/dist/cjs/components/Search/Search.d.ts +3 -1
  127. package/dist/cjs/components/Search/Search.js +42 -57
  128. package/dist/cjs/components/Search/Search.js.map +1 -1
  129. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
  130. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +8 -4
  131. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  132. package/dist/cjs/components/SelectMimicry/SelectMimicry.js +1 -1
  133. package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
  134. package/dist/cjs/components/SelectTypography/SelectTypography.d.ts +2 -3
  135. package/dist/cjs/components/SelectTypography/SelectTypography.js.map +1 -1
  136. package/dist/cjs/components/SimpleCell/SimpleCell.js +8 -5
  137. package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
  138. package/dist/cjs/components/Spacing/Spacing.d.ts +2 -2
  139. package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
  140. package/dist/cjs/components/SplitCol/SplitCol.js +1 -0
  141. package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
  142. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +1 -3
  143. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  144. package/dist/cjs/components/Switch/Switch.d.ts +4 -5
  145. package/dist/cjs/components/Switch/Switch.js +12 -8
  146. package/dist/cjs/components/Switch/Switch.js.map +1 -1
  147. package/dist/cjs/components/Tabbar/Tabbar.js +2 -4
  148. package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
  149. package/dist/cjs/components/TabbarItem/TabbarItem.js +1 -1
  150. package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
  151. package/dist/cjs/components/Tappable/Tappable.d.ts +2 -3
  152. package/dist/cjs/components/Tappable/Tappable.js +1 -0
  153. package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
  154. package/dist/cjs/components/Typography/Caption/Caption.d.ts +2 -2
  155. package/dist/cjs/components/Typography/Caption/Caption.js +10 -13
  156. package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
  157. package/dist/cjs/components/Typography/Footnote/Footnote.d.ts +2 -2
  158. package/dist/cjs/components/Typography/Footnote/Footnote.js +10 -13
  159. package/dist/cjs/components/Typography/Footnote/Footnote.js.map +1 -1
  160. package/dist/cjs/components/Typography/Headline/Headline.d.ts +3 -4
  161. package/dist/cjs/components/Typography/Headline/Headline.js +9 -12
  162. package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
  163. package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts +3 -5
  164. package/dist/cjs/components/Typography/Paragraph/Paragraph.js +8 -13
  165. package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map +1 -1
  166. package/dist/cjs/components/Typography/Subhead/Subhead.d.ts +2 -2
  167. package/dist/cjs/components/Typography/Subhead/Subhead.js +9 -12
  168. package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
  169. package/dist/cjs/components/Typography/Text/Text.d.ts +3 -5
  170. package/dist/cjs/components/Typography/Text/Text.js +8 -13
  171. package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
  172. package/dist/cjs/components/Typography/Title/Title.d.ts +2 -2
  173. package/dist/cjs/components/Typography/Title/Title.js +10 -13
  174. package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
  175. package/dist/cjs/components/Typography/Typography.d.ts +16 -0
  176. package/dist/cjs/components/Typography/Typography.js +35 -0
  177. package/dist/cjs/components/Typography/Typography.js.map +1 -0
  178. package/dist/cjs/components/UsersStack/UsersStack.d.ts +2 -2
  179. package/dist/cjs/components/UsersStack/UsersStack.js +2 -1
  180. package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
  181. package/dist/cjs/components/View/View.js +1 -1
  182. package/dist/cjs/components/View/View.js.map +1 -1
  183. package/dist/cjs/components/View/ViewInfinite.js +1 -1
  184. package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
  185. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
  186. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js +29 -0
  187. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
  188. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
  189. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js +5 -0
  190. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  191. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js +2 -2
  192. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  193. package/dist/cjs/helpers/getPlatformClassName.js +1 -1
  194. package/dist/cjs/helpers/getPlatformClassName.js.map +1 -1
  195. package/dist/cjs/hooks/useFocusWithin.d.ts +2 -0
  196. package/dist/cjs/hooks/useFocusWithin.js +38 -0
  197. package/dist/cjs/hooks/useFocusWithin.js.map +1 -0
  198. package/dist/cjs/hooks/useId.js +1 -1
  199. package/dist/cjs/hooks/useId.js.map +1 -1
  200. package/dist/cjs/hooks/useWaitTransitionFinish.d.ts +1 -1
  201. package/dist/cjs/hooks/useWaitTransitionFinish.js.map +1 -1
  202. package/dist/cjs/index.d.ts +4 -2
  203. package/dist/cjs/index.js +8 -0
  204. package/dist/cjs/index.js.map +1 -1
  205. package/dist/cjs/lib/utils.js +2 -2
  206. package/dist/cjs/lib/utils.js.map +1 -1
  207. package/dist/components/Accordion/Accordion.d.ts +2 -2
  208. package/dist/components/Accordion/Accordion.js +2 -2
  209. package/dist/components/Accordion/Accordion.js.map +1 -1
  210. package/dist/components/Accordion/AccordionSummary.d.ts +1 -1
  211. package/dist/components/Accordion/AccordionSummary.js +1 -1
  212. package/dist/components/Accordion/AccordionSummary.js.map +1 -1
  213. package/dist/components/ActionSheet/types.d.ts +1 -1
  214. package/dist/components/ActionSheet/types.js.map +1 -1
  215. package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
  216. package/dist/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +5 -2
  217. package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
  218. package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  219. package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  220. package/dist/components/Alert/Alert.js.map +1 -1
  221. package/dist/components/AppRoot/AppRootPortal.d.ts +3 -3
  222. package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
  223. package/dist/components/AppRoot/ScrollContext.d.ts +2 -2
  224. package/dist/components/AppRoot/ScrollContext.js.map +1 -1
  225. package/dist/components/Button/Button.d.ts +1 -0
  226. package/dist/components/Button/Button.js +2 -2
  227. package/dist/components/Button/Button.js.map +1 -1
  228. package/dist/components/Card/Card.js +1 -3
  229. package/dist/components/Card/Card.js.map +1 -1
  230. package/dist/components/CardGrid/CardGrid.js +4 -4
  231. package/dist/components/CardGrid/CardGrid.js.map +1 -1
  232. package/dist/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
  233. package/dist/components/Cell/CellCheckbox/CellCheckbox.js +10 -6
  234. package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  235. package/dist/components/Checkbox/Checkbox.d.ts +2 -1
  236. package/dist/components/Checkbox/Checkbox.js +12 -8
  237. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  238. package/dist/components/ChipsSelect/ChipsSelect.d.ts +4 -0
  239. package/dist/components/ChipsSelect/ChipsSelect.js +3 -2
  240. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  241. package/dist/components/Counter/Counter.js +4 -6
  242. package/dist/components/Counter/Counter.js.map +1 -1
  243. package/dist/components/CustomSelect/CustomSelect.d.ts +3 -0
  244. package/dist/components/CustomSelect/CustomSelect.js +1 -1
  245. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  246. package/dist/components/CustomSelectOption/CustomSelectOption.js +1 -1
  247. package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  248. package/dist/components/DateRangeInput/DateRangeInput.js +1 -1
  249. package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
  250. package/dist/components/Epic/ScrollSaver.d.ts +3 -3
  251. package/dist/components/Epic/ScrollSaver.js.map +1 -1
  252. package/dist/components/File/File.js +4 -3
  253. package/dist/components/File/File.js.map +1 -1
  254. package/dist/components/FixedLayout/FixedLayout.js +1 -1
  255. package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
  256. package/dist/components/FocusVisible/FocusVisible.d.ts +4 -2
  257. package/dist/components/FocusVisible/FocusVisible.js +4 -3
  258. package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
  259. package/dist/components/FormField/FormField.js +10 -1
  260. package/dist/components/FormField/FormField.js.map +1 -1
  261. package/dist/components/FormItem/FormItem.d.ts +3 -1
  262. package/dist/components/FormItem/FormItem.js +2 -1
  263. package/dist/components/FormItem/FormItem.js.map +1 -1
  264. package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
  265. package/dist/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
  266. package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  267. package/dist/components/Group/Group.d.ts +5 -3
  268. package/dist/components/Group/Group.js +5 -3
  269. package/dist/components/Group/Group.js.map +1 -1
  270. package/dist/components/Header/Header.js +20 -16
  271. package/dist/components/Header/Header.js.map +1 -1
  272. package/dist/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
  273. package/dist/components/HorizontalScroll/HorizontalScroll.js +4 -1
  274. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  275. package/dist/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
  276. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +6 -2
  277. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  278. package/dist/components/HoverPopper/HoverPopper.d.ts +1 -1
  279. package/dist/components/HoverPopper/HoverPopper.js.map +1 -1
  280. package/dist/components/IconButton/IconButton.d.ts +3 -3
  281. package/dist/components/IconButton/IconButton.js.map +1 -1
  282. package/dist/components/LocaleProvider/LocaleProvider.d.ts +2 -2
  283. package/dist/components/LocaleProvider/LocaleProvider.js +2 -2
  284. package/dist/components/LocaleProvider/LocaleProvider.js.map +1 -1
  285. package/dist/components/ModalPage/ModalPage.d.ts +1 -1
  286. package/dist/components/ModalPage/ModalPage.js +19 -3
  287. package/dist/components/ModalPage/ModalPage.js.map +1 -1
  288. package/dist/components/ModalPage/ModalPageContext.d.ts +5 -0
  289. package/dist/components/ModalPage/ModalPageContext.js +4 -0
  290. package/dist/components/ModalPage/ModalPageContext.js.map +1 -0
  291. package/dist/components/ModalPageHeader/ModalPageHeader.js +6 -1
  292. package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  293. package/dist/components/ModalRoot/ModalRoot.d.ts +2 -27
  294. package/dist/components/ModalRoot/ModalRoot.js +13 -22
  295. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  296. package/dist/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
  297. package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  298. package/dist/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
  299. package/dist/components/ModalRoot/ModalRootDesktop.js +149 -223
  300. package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  301. package/dist/components/ModalRoot/types.d.ts +28 -0
  302. package/dist/components/ModalRoot/types.js.map +1 -1
  303. package/dist/components/ModalRoot/useModalManager.d.ts +6 -5
  304. package/dist/components/ModalRoot/useModalManager.js +3 -3
  305. package/dist/components/ModalRoot/useModalManager.js.map +1 -1
  306. package/dist/components/NativeSelect/NativeSelect.d.ts +6 -2
  307. package/dist/components/NativeSelect/NativeSelect.js +6 -3
  308. package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
  309. package/dist/components/Panel/Panel.js +2 -2
  310. package/dist/components/Panel/Panel.js.map +1 -1
  311. package/dist/components/PanelHeader/PanelHeader.d.ts +11 -2
  312. package/dist/components/PanelHeader/PanelHeader.js +17 -7
  313. package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
  314. package/dist/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
  315. package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  316. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  317. package/dist/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
  318. package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  319. package/dist/components/PlatformProvider/PlatformProvider.d.ts +1 -1
  320. package/dist/components/PlatformProvider/PlatformProvider.js +1 -1
  321. package/dist/components/PlatformProvider/PlatformProvider.js.map +1 -1
  322. package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  323. package/dist/components/Popover/Popover.d.ts +3 -2
  324. package/dist/components/Popover/Popover.js +5 -3
  325. package/dist/components/Popover/Popover.js.map +1 -1
  326. package/dist/components/PromoBanner/PromoBanner.js +1 -0
  327. package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
  328. package/dist/components/PullToRefresh/PullToRefresh.d.ts +3 -4
  329. package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
  330. package/dist/components/Radio/Radio.d.ts +2 -1
  331. package/dist/components/Radio/Radio.js +14 -8
  332. package/dist/components/Radio/Radio.js.map +1 -1
  333. package/dist/components/Removable/Removable.d.ts +7 -2
  334. package/dist/components/Removable/Removable.js +4 -3
  335. package/dist/components/Removable/Removable.js.map +1 -1
  336. package/dist/components/Root/Root.js.map +1 -1
  337. package/dist/components/Search/Search.d.ts +3 -1
  338. package/dist/components/Search/Search.js +42 -57
  339. package/dist/components/Search/Search.js.map +1 -1
  340. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
  341. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +8 -4
  342. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  343. package/dist/components/SelectMimicry/SelectMimicry.js +1 -1
  344. package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
  345. package/dist/components/SelectTypography/SelectTypography.d.ts +2 -3
  346. package/dist/components/SelectTypography/SelectTypography.js.map +1 -1
  347. package/dist/components/SimpleCell/SimpleCell.js +8 -5
  348. package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
  349. package/dist/components/Spacing/Spacing.d.ts +2 -2
  350. package/dist/components/Spacing/Spacing.js.map +1 -1
  351. package/dist/components/SplitCol/SplitCol.js +1 -0
  352. package/dist/components/SplitCol/SplitCol.js.map +1 -1
  353. package/dist/components/SubnavigationButton/SubnavigationButton.js +1 -3
  354. package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  355. package/dist/components/Switch/Switch.d.ts +4 -5
  356. package/dist/components/Switch/Switch.js +12 -8
  357. package/dist/components/Switch/Switch.js.map +1 -1
  358. package/dist/components/Tabbar/Tabbar.js +2 -4
  359. package/dist/components/Tabbar/Tabbar.js.map +1 -1
  360. package/dist/components/TabbarItem/TabbarItem.js +1 -1
  361. package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
  362. package/dist/components/Tappable/Tappable.d.ts +2 -3
  363. package/dist/components/Tappable/Tappable.js +1 -0
  364. package/dist/components/Tappable/Tappable.js.map +1 -1
  365. package/dist/components/Typography/Caption/Caption.d.ts +2 -2
  366. package/dist/components/Typography/Caption/Caption.js +10 -13
  367. package/dist/components/Typography/Caption/Caption.js.map +1 -1
  368. package/dist/components/Typography/Footnote/Footnote.d.ts +2 -2
  369. package/dist/components/Typography/Footnote/Footnote.js +10 -13
  370. package/dist/components/Typography/Footnote/Footnote.js.map +1 -1
  371. package/dist/components/Typography/Headline/Headline.d.ts +3 -4
  372. package/dist/components/Typography/Headline/Headline.js +9 -12
  373. package/dist/components/Typography/Headline/Headline.js.map +1 -1
  374. package/dist/components/Typography/Paragraph/Paragraph.d.ts +3 -5
  375. package/dist/components/Typography/Paragraph/Paragraph.js +8 -13
  376. package/dist/components/Typography/Paragraph/Paragraph.js.map +1 -1
  377. package/dist/components/Typography/Subhead/Subhead.d.ts +2 -2
  378. package/dist/components/Typography/Subhead/Subhead.js +9 -12
  379. package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
  380. package/dist/components/Typography/Text/Text.d.ts +3 -5
  381. package/dist/components/Typography/Text/Text.js +8 -13
  382. package/dist/components/Typography/Text/Text.js.map +1 -1
  383. package/dist/components/Typography/Title/Title.d.ts +2 -2
  384. package/dist/components/Typography/Title/Title.js +10 -13
  385. package/dist/components/Typography/Title/Title.js.map +1 -1
  386. package/dist/components/Typography/Typography.d.ts +16 -0
  387. package/dist/components/Typography/Typography.js +24 -0
  388. package/dist/components/Typography/Typography.js.map +1 -0
  389. package/dist/components/UsersStack/UsersStack.d.ts +2 -2
  390. package/dist/components/UsersStack/UsersStack.js +2 -1
  391. package/dist/components/UsersStack/UsersStack.js.map +1 -1
  392. package/dist/components/View/View.js +1 -1
  393. package/dist/components/View/View.js.map +1 -1
  394. package/dist/components/View/ViewInfinite.js +1 -1
  395. package/dist/components/View/ViewInfinite.js.map +1 -1
  396. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
  397. package/dist/components/VisuallyHidden/VisuallyHidden.js +25 -0
  398. package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
  399. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
  400. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js +9 -4
  401. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  402. package/dist/components/WriteBarIcon/WriteBarIcon.js +2 -2
  403. package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  404. package/dist/components.css +49 -49
  405. package/dist/components.css.map +1 -1
  406. package/dist/components.js.tmp +3803 -3693
  407. package/dist/cssm/components/Accordion/Accordion.d.ts +2 -2
  408. package/dist/cssm/components/Accordion/Accordion.js +2 -2
  409. package/dist/cssm/components/Accordion/Accordion.js.map +1 -1
  410. package/dist/cssm/components/Accordion/Accordion.module.css +13 -1
  411. package/dist/cssm/components/Accordion/AccordionSummary.d.ts +1 -1
  412. package/dist/cssm/components/Accordion/AccordionSummary.js +1 -1
  413. package/dist/cssm/components/Accordion/AccordionSummary.js.map +1 -1
  414. package/dist/cssm/components/ActionSheet/ActionSheet.module.css +115 -1
  415. package/dist/cssm/components/ActionSheet/types.d.ts +1 -1
  416. package/dist/cssm/components/ActionSheet/types.js.map +1 -1
  417. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.module.css +241 -1
  418. package/dist/cssm/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
  419. package/dist/cssm/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +5 -2
  420. package/dist/cssm/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
  421. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  422. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  423. package/dist/cssm/components/Alert/Alert.js.map +1 -1
  424. package/dist/cssm/components/Alert/Alert.module.css +287 -1
  425. package/dist/cssm/components/AppRoot/AppRoot.module.css +23 -1
  426. package/dist/cssm/components/AppRoot/AppRootPortal.d.ts +3 -3
  427. package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
  428. package/dist/cssm/components/AppRoot/ScrollContext.d.ts +2 -2
  429. package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
  430. package/dist/cssm/components/Avatar/Avatar.module.css +55 -1
  431. package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.module.css +29 -1
  432. package/dist/cssm/components/Badge/Badge.module.css +27 -1
  433. package/dist/cssm/components/Banner/Banner.module.css +167 -1
  434. package/dist/cssm/components/BaseGallery/BaseGallery.module.css +82 -1
  435. package/dist/cssm/components/Button/Button.d.ts +1 -0
  436. package/dist/cssm/components/Button/Button.js +2 -1
  437. package/dist/cssm/components/Button/Button.js.map +1 -1
  438. package/dist/cssm/components/Button/Button.module.css +676 -1
  439. package/dist/cssm/components/ButtonGroup/ButtonGroup.module.css +77 -1
  440. package/dist/cssm/components/Calendar/Calendar.module.css +30 -1
  441. package/dist/cssm/components/CalendarDay/CalendarDay.module.css +84 -1
  442. package/dist/cssm/components/CalendarDays/CalendarDays.module.css +31 -1
  443. package/dist/cssm/components/CalendarHeader/CalendarHeader.module.css +41 -1
  444. package/dist/cssm/components/CalendarRange/CalendarRange.module.css +26 -1
  445. package/dist/cssm/components/CalendarTime/CalendarTime.module.css +19 -1
  446. package/dist/cssm/components/Card/Card.js +1 -3
  447. package/dist/cssm/components/Card/Card.js.map +1 -1
  448. package/dist/cssm/components/Card/Card.module.css +131 -3
  449. package/dist/cssm/components/CardGrid/CardGrid.js +4 -4
  450. package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
  451. package/dist/cssm/components/CardGrid/CardGrid.module.css +59 -1
  452. package/dist/cssm/components/CardScroll/CardScroll.module.css +64 -1
  453. package/dist/cssm/components/Cell/Cell.module.css +63 -1
  454. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
  455. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js +7 -5
  456. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  457. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.module.css +13 -1
  458. package/dist/cssm/components/Cell/CellDragger/CellDragger.module.css +4 -1
  459. package/dist/cssm/components/CellButton/CellButton.module.css +57 -1
  460. package/dist/cssm/components/Checkbox/Checkbox.d.ts +2 -1
  461. package/dist/cssm/components/Checkbox/Checkbox.js +10 -7
  462. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  463. package/dist/cssm/components/Checkbox/Checkbox.module.css +172 -1
  464. package/dist/cssm/components/Chip/Chip.module.css +67 -1
  465. package/dist/cssm/components/ChipsInput/ChipsInput.module.css +3 -1
  466. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.module.css +115 -1
  467. package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +4 -0
  468. package/dist/cssm/components/ChipsSelect/ChipsSelect.js +2 -2
  469. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  470. package/dist/cssm/components/ChipsSelect/ChipsSelect.module.css +27 -1
  471. package/dist/cssm/components/ContentCard/ContentCard.module.css +31 -1
  472. package/dist/cssm/components/Counter/Counter.js +4 -6
  473. package/dist/cssm/components/Counter/Counter.js.map +1 -1
  474. package/dist/cssm/components/Counter/Counter.module.css +72 -3
  475. package/dist/cssm/components/CustomScrollView/CustomScrollView.module.css +86 -1
  476. package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +3 -0
  477. package/dist/cssm/components/CustomSelect/CustomSelect.js +1 -1
  478. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  479. package/dist/cssm/components/CustomSelect/CustomSelect.module.css +58 -1
  480. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.module.css +43 -1
  481. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js +1 -1
  482. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  483. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.module.css +81 -1
  484. package/dist/cssm/components/DateInput/DateInput.module.css +30 -1
  485. package/dist/cssm/components/DatePicker/DatePicker.module.css +30 -1
  486. package/dist/cssm/components/DateRangeInput/DateRangeInput.js +1 -1
  487. package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
  488. package/dist/cssm/components/DateRangeInput/DateRangeInput.module.css +26 -1
  489. package/dist/cssm/components/Div/Div.module.css +4 -1
  490. package/dist/cssm/components/Epic/Epic.module.css +4 -1
  491. package/dist/cssm/components/Epic/ScrollSaver.d.ts +3 -3
  492. package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
  493. package/dist/cssm/components/File/File.js +4 -3
  494. package/dist/cssm/components/File/File.js.map +1 -1
  495. package/dist/cssm/components/FixedLayout/FixedLayout.js +1 -1
  496. package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
  497. package/dist/cssm/components/FixedLayout/FixedLayout.module.css +58 -1
  498. package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +4 -2
  499. package/dist/cssm/components/FocusVisible/FocusVisible.js +4 -3
  500. package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
  501. package/dist/cssm/components/FocusVisible/FocusVisible.module.css +104 -1
  502. package/dist/cssm/components/Footer/Footer.module.css +9 -1
  503. package/dist/cssm/components/FormField/FormField.js +10 -1
  504. package/dist/cssm/components/FormField/FormField.js.map +1 -1
  505. package/dist/cssm/components/FormField/FormField.module.css +211 -1
  506. package/dist/cssm/components/FormItem/FormItem.d.ts +3 -1
  507. package/dist/cssm/components/FormItem/FormItem.js +2 -1
  508. package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
  509. package/dist/cssm/components/FormItem/FormItem.module.css +104 -1
  510. package/dist/cssm/components/FormLayout/FormLayout.module.css +18 -1
  511. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
  512. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
  513. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  514. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.module.css +61 -1
  515. package/dist/cssm/components/FormStatus/FormStatus.module.css +3 -1
  516. package/dist/cssm/components/Gradient/Gradient.module.css +23 -1
  517. package/dist/cssm/components/GridAvatar/GridAvatar.module.css +37 -1
  518. package/dist/cssm/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.module.css +9 -1
  519. package/dist/cssm/components/Group/Group.d.ts +5 -3
  520. package/dist/cssm/components/Group/Group.js +5 -3
  521. package/dist/cssm/components/Group/Group.js.map +1 -1
  522. package/dist/cssm/components/Group/Group.module.css +166 -1
  523. package/dist/cssm/components/Header/Header.js +23 -18
  524. package/dist/cssm/components/Header/Header.js.map +1 -1
  525. package/dist/cssm/components/Header/Header.module.css +207 -1
  526. package/dist/cssm/components/HorizontalCell/HorizontalCell.module.css +79 -1
  527. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
  528. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +3 -1
  529. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  530. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.module.css +59 -1
  531. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
  532. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +5 -2
  533. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  534. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.module.css +67 -1
  535. package/dist/cssm/components/HoverPopper/HoverPopper.d.ts +1 -1
  536. package/dist/cssm/components/HoverPopper/HoverPopper.js.map +1 -1
  537. package/dist/cssm/components/IconButton/IconButton.d.ts +3 -3
  538. package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
  539. package/dist/cssm/components/IconButton/IconButton.module.css +152 -1
  540. package/dist/cssm/components/Image/ImageBadge/ImageBadge.module.css +10 -1
  541. package/dist/cssm/components/ImageBase/ImageBase.module.css +131 -1
  542. package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.module.css +28 -1
  543. package/dist/cssm/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.module.css +36 -1
  544. package/dist/cssm/components/InfoRow/InfoRow.module.css +17 -1
  545. package/dist/cssm/components/Input/Input.module.css +101 -1
  546. package/dist/cssm/components/InputLike/InputLike.module.css +31 -1
  547. package/dist/cssm/components/Link/Link.module.css +43 -1
  548. package/dist/cssm/components/List/List.module.css +3 -1
  549. package/dist/cssm/components/LocaleProvider/LocaleProvider.d.ts +2 -2
  550. package/dist/cssm/components/LocaleProvider/LocaleProvider.js +2 -2
  551. package/dist/cssm/components/LocaleProvider/LocaleProvider.js.map +1 -1
  552. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.module.css +78 -1
  553. package/dist/cssm/components/ModalCard/ModalCard.module.css +62 -1
  554. package/dist/cssm/components/ModalCardBase/ModalCardBase.module.css +102 -1
  555. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.module.css +38 -1
  556. package/dist/cssm/components/ModalPage/ModalPage.d.ts +1 -1
  557. package/dist/cssm/components/ModalPage/ModalPage.js +17 -3
  558. package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
  559. package/dist/cssm/components/ModalPage/ModalPage.module.css +151 -1
  560. package/dist/cssm/components/ModalPage/ModalPageContext.d.ts +5 -0
  561. package/dist/cssm/components/ModalPage/ModalPageContext.js +4 -0
  562. package/dist/cssm/components/ModalPage/ModalPageContext.js.map +1 -0
  563. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js +6 -1
  564. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  565. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.module.css +18 -1
  566. package/dist/cssm/components/ModalRoot/ModalRoot.d.ts +2 -27
  567. package/dist/cssm/components/ModalRoot/ModalRoot.js +12 -18
  568. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  569. package/dist/cssm/components/ModalRoot/ModalRoot.module.css +65 -1
  570. package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
  571. package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  572. package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
  573. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +106 -125
  574. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  575. package/dist/cssm/components/ModalRoot/types.d.ts +28 -0
  576. package/dist/cssm/components/ModalRoot/types.js.map +1 -1
  577. package/dist/cssm/components/ModalRoot/useModalManager.d.ts +6 -5
  578. package/dist/cssm/components/ModalRoot/useModalManager.js +3 -3
  579. package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
  580. package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +6 -2
  581. package/dist/cssm/components/NativeSelect/NativeSelect.js +4 -3
  582. package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
  583. package/dist/cssm/components/Pagination/Pagination.module.css +83 -1
  584. package/dist/cssm/components/Panel/Panel.js +2 -2
  585. package/dist/cssm/components/Panel/Panel.js.map +1 -1
  586. package/dist/cssm/components/Panel/Panel.module.css +177 -1
  587. package/dist/cssm/components/PanelHeader/PanelHeader.d.ts +11 -2
  588. package/dist/cssm/components/PanelHeader/PanelHeader.js +16 -7
  589. package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
  590. package/dist/cssm/components/PanelHeader/PanelHeader.module.css +321 -1
  591. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
  592. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  593. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.module.css +111 -1
  594. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  595. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.module.css +96 -1
  596. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
  597. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  598. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.module.css +169 -1
  599. package/dist/cssm/components/Placeholder/Placeholder.module.css +41 -1
  600. package/dist/cssm/components/PlatformProvider/PlatformProvider.d.ts +1 -1
  601. package/dist/cssm/components/PlatformProvider/PlatformProvider.js +1 -1
  602. package/dist/cssm/components/PlatformProvider/PlatformProvider.js.map +1 -1
  603. package/dist/cssm/components/PopoutRoot/PopoutRoot.module.css +32 -1
  604. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js +1 -1
  605. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  606. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.module.css +96 -1
  607. package/dist/cssm/components/Popover/Popover.d.ts +3 -2
  608. package/dist/cssm/components/Popover/Popover.js +3 -2
  609. package/dist/cssm/components/Popover/Popover.js.map +1 -1
  610. package/dist/cssm/components/Popover/Popover.module.css +28 -1
  611. package/dist/cssm/components/Popper/Popper.module.css +16 -1
  612. package/dist/cssm/components/PopperArrow/PopperArrow.module.css +23 -1
  613. package/dist/cssm/components/Progress/Progress.module.css +12 -1
  614. package/dist/cssm/components/PromoBanner/PromoBanner.js +1 -0
  615. package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
  616. package/dist/cssm/components/PromoBanner/PromoBanner.module.css +39 -1
  617. package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts +3 -4
  618. package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
  619. package/dist/cssm/components/PullToRefresh/PullToRefresh.module.css +101 -1
  620. package/dist/cssm/components/Radio/Radio.d.ts +2 -1
  621. package/dist/cssm/components/Radio/Radio.js +11 -7
  622. package/dist/cssm/components/Radio/Radio.js.map +1 -1
  623. package/dist/cssm/components/Radio/Radio.module.css +140 -1
  624. package/dist/cssm/components/RadioGroup/RadioGroup.module.css +13 -1
  625. package/dist/cssm/components/Removable/Removable.d.ts +7 -2
  626. package/dist/cssm/components/Removable/Removable.js +2 -2
  627. package/dist/cssm/components/Removable/Removable.js.map +1 -1
  628. package/dist/cssm/components/Removable/Removable.module.css +153 -1
  629. package/dist/cssm/components/RichCell/RichCell.module.css +144 -1
  630. package/dist/cssm/components/RichCell/RichCellIcon/RichCellIcon.module.css +11 -1
  631. package/dist/cssm/components/RichTooltip/RichTooltip.module.css +57 -1
  632. package/dist/cssm/components/Root/Root.js +4 -4
  633. package/dist/cssm/components/Root/Root.js.map +1 -1
  634. package/dist/cssm/components/Root/Root.module.css +136 -1
  635. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.module.css +66 -1
  636. package/dist/cssm/components/Search/Search.d.ts +3 -1
  637. package/dist/cssm/components/Search/Search.js +38 -54
  638. package/dist/cssm/components/Search/Search.js.map +1 -1
  639. package/dist/cssm/components/Search/Search.module.css +156 -1
  640. package/dist/cssm/components/SegmentedControl/SegmentedControl.module.css +64 -1
  641. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
  642. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +7 -4
  643. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  644. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.module.css +52 -1
  645. package/dist/cssm/components/Select/Select.module.css +87 -1
  646. package/dist/cssm/components/SelectMimicry/SelectMimicry.js +1 -1
  647. package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
  648. package/dist/cssm/components/SelectTypography/SelectTypography.d.ts +2 -3
  649. package/dist/cssm/components/SelectTypography/SelectTypography.js.map +1 -1
  650. package/dist/cssm/components/SelectTypography/SelectTypography.module.css +30 -1
  651. package/dist/cssm/components/Separator/Separator.module.css +48 -1
  652. package/dist/cssm/components/SimpleCell/SimpleCell.js +8 -5
  653. package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
  654. package/dist/cssm/components/SimpleCell/SimpleCell.module.css +223 -1
  655. package/dist/cssm/components/Slider/Slider.module.css +134 -1
  656. package/dist/cssm/components/Snackbar/Snackbar.module.css +165 -1
  657. package/dist/cssm/components/Spacing/Spacing.d.ts +2 -2
  658. package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
  659. package/dist/cssm/components/Spacing/Spacing.module.css +4 -1
  660. package/dist/cssm/components/Spinner/Spinner.module.css +36 -1
  661. package/dist/cssm/components/SplitCol/SplitCol.js +1 -0
  662. package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
  663. package/dist/cssm/components/SplitCol/SplitCol.module.css +51 -1
  664. package/dist/cssm/components/SplitLayout/SplitLayout.module.css +29 -1
  665. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.module.css +16 -1
  666. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +1 -3
  667. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  668. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.module.css +166 -1
  669. package/dist/cssm/components/Switch/Switch.d.ts +4 -5
  670. package/dist/cssm/components/Switch/Switch.js +11 -8
  671. package/dist/cssm/components/Switch/Switch.js.map +1 -1
  672. package/dist/cssm/components/Switch/Switch.module.css +200 -1
  673. package/dist/cssm/components/Tabbar/Tabbar.js +2 -4
  674. package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
  675. package/dist/cssm/components/Tabbar/Tabbar.module.css +34 -1
  676. package/dist/cssm/components/TabbarItem/TabbarItem.js +1 -1
  677. package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
  678. package/dist/cssm/components/TabbarItem/TabbarItem.module.css +118 -1
  679. package/dist/cssm/components/Tabs/Tabs.module.css +62 -1
  680. package/dist/cssm/components/TabsItem/TabsItem.module.css +229 -1
  681. package/dist/cssm/components/Tappable/Tappable.d.ts +2 -3
  682. package/dist/cssm/components/Tappable/Tappable.js +1 -0
  683. package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
  684. package/dist/cssm/components/Tappable/Tappable.module.css +142 -1
  685. package/dist/cssm/components/TextTooltip/TextTooltip.module.css +58 -1
  686. package/dist/cssm/components/Textarea/Textarea.module.css +87 -1
  687. package/dist/cssm/components/Tooltip/Tooltip.module.css +57 -1
  688. package/dist/cssm/components/Typography/Caption/Caption.d.ts +2 -2
  689. package/dist/cssm/components/Typography/Caption/Caption.js +9 -10
  690. package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
  691. package/dist/cssm/components/Typography/Caption/Caption.module.css +45 -1
  692. package/dist/cssm/components/Typography/Footnote/Footnote.d.ts +2 -2
  693. package/dist/cssm/components/Typography/Footnote/Footnote.js +7 -10
  694. package/dist/cssm/components/Typography/Footnote/Footnote.js.map +1 -1
  695. package/dist/cssm/components/Typography/Footnote/Footnote.module.css +14 -1
  696. package/dist/cssm/components/Typography/Headline/Headline.d.ts +3 -4
  697. package/dist/cssm/components/Typography/Headline/Headline.js +9 -10
  698. package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
  699. package/dist/cssm/components/Typography/Headline/Headline.module.css +48 -1
  700. package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts +3 -5
  701. package/dist/cssm/components/Typography/Paragraph/Paragraph.js +8 -10
  702. package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map +1 -1
  703. package/dist/cssm/components/Typography/Paragraph/Paragraph.module.css +6 -1
  704. package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +2 -2
  705. package/dist/cssm/components/Typography/Subhead/Subhead.js +8 -9
  706. package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
  707. package/dist/cssm/components/Typography/Subhead/Subhead.module.css +18 -1
  708. package/dist/cssm/components/Typography/Text/Text.d.ts +3 -5
  709. package/dist/cssm/components/Typography/Text/Text.js +8 -10
  710. package/dist/cssm/components/Typography/Text/Text.js.map +1 -1
  711. package/dist/cssm/components/Typography/Text/Text.module.css +29 -1
  712. package/dist/cssm/components/Typography/Title/Title.d.ts +2 -2
  713. package/dist/cssm/components/Typography/Title/Title.js +9 -10
  714. package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
  715. package/dist/cssm/components/Typography/Title/Title.module.css +20 -1
  716. package/dist/cssm/components/Typography/Typography.d.ts +16 -0
  717. package/dist/cssm/components/Typography/Typography.js +14 -0
  718. package/dist/cssm/components/Typography/Typography.js.map +1 -0
  719. package/dist/cssm/components/Typography/Typography.module.css +18 -0
  720. package/dist/cssm/components/UsersStack/UsersStack.d.ts +2 -2
  721. package/dist/cssm/components/UsersStack/UsersStack.js +2 -1
  722. package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
  723. package/dist/cssm/components/UsersStack/UsersStack.module.css +77 -1
  724. package/dist/cssm/components/View/View.js +6 -7
  725. package/dist/cssm/components/View/View.js.map +1 -1
  726. package/dist/cssm/components/View/View.module.css +228 -1
  727. package/dist/cssm/components/View/ViewInfinite.js +6 -7
  728. package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
  729. package/dist/cssm/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
  730. package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js +19 -0
  731. package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
  732. package/dist/cssm/components/VisuallyHidden/VisuallyHidden.module.css +10 -0
  733. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
  734. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js +9 -4
  735. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  736. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.module.css +10 -1
  737. package/dist/cssm/components/WriteBar/WriteBar.module.css +119 -1
  738. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js +2 -2
  739. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  740. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.module.css +66 -1
  741. package/dist/cssm/helpers/getPlatformClassName.js +1 -1
  742. package/dist/cssm/helpers/getPlatformClassName.js.map +1 -1
  743. package/dist/cssm/hooks/useFocusWithin.d.ts +2 -0
  744. package/dist/cssm/hooks/useFocusWithin.js +26 -0
  745. package/dist/cssm/hooks/useFocusWithin.js.map +1 -0
  746. package/dist/cssm/hooks/useId.js +1 -1
  747. package/dist/cssm/hooks/useId.js.map +1 -1
  748. package/dist/cssm/hooks/useWaitTransitionFinish.d.ts +1 -1
  749. package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
  750. package/dist/cssm/index.d.ts +4 -2
  751. package/dist/cssm/index.js +2 -1
  752. package/dist/cssm/index.js.map +1 -1
  753. package/dist/cssm/lib/utils.js +2 -2
  754. package/dist/cssm/lib/utils.js.map +1 -1
  755. package/dist/cssm/styles/adaptivity.module.css +87 -1
  756. package/dist/cssm/styles/common.css +36 -1
  757. package/dist/cssm/styles/constants.css +86 -1
  758. package/dist/cssm/styles/themes.css +1039 -1
  759. package/dist/helpers/getPlatformClassName.js +1 -1
  760. package/dist/helpers/getPlatformClassName.js.map +1 -1
  761. package/dist/hooks/useFocusWithin.d.ts +2 -0
  762. package/dist/hooks/useFocusWithin.js +27 -0
  763. package/dist/hooks/useFocusWithin.js.map +1 -0
  764. package/dist/hooks/useId.js +1 -1
  765. package/dist/hooks/useId.js.map +1 -1
  766. package/dist/hooks/useWaitTransitionFinish.d.ts +1 -1
  767. package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
  768. package/dist/index.d.ts +4 -2
  769. package/dist/index.js +2 -0
  770. package/dist/index.js.map +1 -1
  771. package/dist/lib/utils.js +2 -2
  772. package/dist/lib/utils.js.map +1 -1
  773. package/dist/vkui.css +50 -50
  774. package/dist/vkui.css.map +1 -1
  775. package/dist/vkui.js.tmp +3803 -3693
  776. package/package.json +24 -17
  777. package/dist/cjs/components/Typography/types.d.ts +0 -11
  778. package/dist/cjs/components/Typography/types.js.map +0 -1
  779. package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
  780. package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
  781. package/dist/components/Typography/types.d.ts +0 -11
  782. package/dist/components/Typography/types.js +0 -3
  783. package/dist/components/Typography/types.js.map +0 -1
  784. package/dist/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
  785. package/dist/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
  786. package/dist/cssm/components/Typography/types.d.ts +0 -11
  787. package/dist/cssm/components/Typography/types.js +0 -3
  788. package/dist/cssm/components/Typography/types.js.map +0 -1
  789. package/dist/cssm/components/View/ViewIOS.module.css +0 -1
  790. package/dist/cssm/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
  791. package/dist/cssm/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
  792. package/dist/cssm/styles/animations.css +0 -1
@@ -1 +1,1039 @@
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
+ :root, .vkui--vkBase--light {
2
+ --vkui--theme_name: 'vkBase'
3
+ }
4
+ :root, .vkui--vkBase--light, .vkui--vkBase--dark {
5
+ --vkui--theme_name_base: 'vkBase';
6
+ --vkui--size_base_padding_horizontal--regular: 16px;
7
+ --vkui--size_switch_height--regular: 14px;
8
+ --vkui--size_switch_height--compact: 12px;
9
+ --vkui--size_switch_width--regular: 34px;
10
+ --vkui--size_switch_width--compact: 32px;
11
+ --vkui--size_switch_pin--regular: 20px;
12
+ --vkui--size_switch_pin--compact: 18px;
13
+ --vkui--size_panel_header_height--regular: 56px
14
+ }
15
+ :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
16
+ --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%;
17
+ --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
18
+ --vkui--elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
19
+ --vkui--elevation1_invert_y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06);
20
+ --vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
21
+ --vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
22
+ --vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
23
+ --vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
24
+ --vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
25
+ --vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
26
+ --vkui--font_weight_accent1: 600;
27
+ --vkui--font_weight_accent2: 500;
28
+ --vkui--font_weight_accent3: 400;
29
+ --vkui--font_weight_base1: 600;
30
+ --vkui--font_weight_base2: 500;
31
+ --vkui--font_weight_base3: 400;
32
+ --vkui--font_title1--font_size--regular: 24px;
33
+ --vkui--font_title1--line_height--regular: 28px;
34
+ --vkui--font_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
35
+ --vkui--font_title1--font_weight--regular: 600;
36
+ --vkui--font_title2--font_size--regular: 20px;
37
+ --vkui--font_title2--line_height--regular: 24px;
38
+ --vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
39
+ --vkui--font_title2--font_weight--regular: 600;
40
+ --vkui--font_title3--font_size--regular: 17px;
41
+ --vkui--font_title3--line_height--regular: 22px;
42
+ --vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
43
+ --vkui--font_title3--font_weight--regular: 600;
44
+ --vkui--font_headline1--font_size--regular: 16px;
45
+ --vkui--font_headline1--line_height--regular: 20px;
46
+ --vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
47
+ --vkui--font_headline1--font_weight--regular: 500;
48
+ --vkui--font_headline2--font_size--regular: 15px;
49
+ --vkui--font_headline2--line_height--regular: 20px;
50
+ --vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
51
+ --vkui--font_headline2--font_weight--regular: 500;
52
+ --vkui--font_headline2--font_size--compact: 14px;
53
+ --vkui--font_headline2--line_height--compact: 20px;
54
+ --vkui--font_text--font_size--regular: 16px;
55
+ --vkui--font_text--line_height--regular: 20px;
56
+ --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
57
+ --vkui--font_text--font_weight--regular: 400;
58
+ --vkui--font_paragraph--font_size--regular: 15px;
59
+ --vkui--font_paragraph--line_height--regular: 20px;
60
+ --vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
61
+ --vkui--font_paragraph--font_weight--regular: 400;
62
+ --vkui--font_subhead--font_size--regular: 14px;
63
+ --vkui--font_subhead--line_height--regular: 18px;
64
+ --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
65
+ --vkui--font_subhead--font_weight--regular: 400;
66
+ --vkui--font_footnote--font_size--regular: 13px;
67
+ --vkui--font_footnote--line_height--regular: 16px;
68
+ --vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
69
+ --vkui--font_footnote--font_weight--regular: 400;
70
+ --vkui--font_footnote_caps--font_size--regular: 13px;
71
+ --vkui--font_footnote_caps--line_height--regular: 16px;
72
+ --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
73
+ --vkui--font_footnote_caps--font_weight--regular: 400;
74
+ --vkui--font_footnote_caps--text_transform--regular: uppercase;
75
+ --vkui--font_caption1--font_size--regular: 12px;
76
+ --vkui--font_caption1--line_height--regular: 14px;
77
+ --vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
78
+ --vkui--font_caption1--font_weight--regular: 400;
79
+ --vkui--font_caption1_caps--font_size--regular: 12px;
80
+ --vkui--font_caption1_caps--line_height--regular: 14px;
81
+ --vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
82
+ --vkui--font_caption1_caps--font_weight--regular: 600;
83
+ --vkui--font_caption1_caps--text_transform--regular: uppercase;
84
+ --vkui--font_caption2--font_size--regular: 11px;
85
+ --vkui--font_caption2--line_height--regular: 14px;
86
+ --vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
87
+ --vkui--font_caption2--font_weight--regular: 400;
88
+ --vkui--font_caption2_caps--font_size--regular: 11px;
89
+ --vkui--font_caption2_caps--line_height--regular: 14px;
90
+ --vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
91
+ --vkui--font_caption2_caps--font_weight--regular: 600;
92
+ --vkui--font_caption2_caps--text_transform--regular: uppercase;
93
+ --vkui--font_caption3--font_size--regular: 9px;
94
+ --vkui--font_caption3--line_height--regular: 12px;
95
+ --vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
96
+ --vkui--font_caption3--font_weight--regular: 400;
97
+ --vkui--font_caption3_caps--font_size--regular: 9px;
98
+ --vkui--font_caption3_caps--line_height--regular: 12px;
99
+ --vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
100
+ --vkui--font_caption3_caps--font_weight--regular: 600;
101
+ --vkui--font_caption3_caps--text_transform--regular: uppercase;
102
+ --vkui--size_select_icon_padding--regular: 6px;
103
+ --vkui--size_select_icon_padding--compact: 7px;
104
+ --vkui--size_popup_base_padding--regular: 32px;
105
+ --vkui--size_popup_base_padding--compact: 20px;
106
+ --vkui--size_popup_header_padding--regular: 24px;
107
+ --vkui--size_popup_header_padding--compact: 16px;
108
+ --vkui--size_label_horizontal_margin--regular: 16px;
109
+ --vkui--size_check_border_radius--regular: 4px;
110
+ --vkui--size_border_radius_paper--regular: 12px;
111
+ --vkui--size_border_radius_promo--regular: 20px;
112
+ --vkui--size_field_height--regular: 44px;
113
+ --vkui--size_field_height--compact: 36px;
114
+ --vkui--size_search_height--regular: 36px;
115
+ --vkui--size_search_height--compact: 32px;
116
+ --vkui--size_button_large_height--regular: 44px;
117
+ --vkui--size_button_large_height--compact: 36px;
118
+ --vkui--size_button_medium_height--regular: 36px;
119
+ --vkui--size_button_medium_height--compact: 32px;
120
+ --vkui--size_button_small_height--regular: 30px;
121
+ --vkui--size_button_small_height--compact: 28px;
122
+ --vkui--size_checkbox--regular: 16px;
123
+ --vkui--size_arrow--regular: 8px;
124
+ --vkui--size_arrow_promo--regular: 40px;
125
+ --vkui--size_popup_medium--regular: 680px;
126
+ --vkui--size_popup_large--regular: 880px;
127
+ --vkui--size_field_horizontal_padding--regular: 12px;
128
+ --vkui--size_button_padding_horizontal--regular: 12px;
129
+ --vkui--size_arrow_padding--regular: 12px;
130
+ --vkui--size_tooltip_margin--regular: 8px;
131
+ --vkui--size_icon_u_i--regular: 16px;
132
+ --vkui--size_avatar_x_s--regular: 24px;
133
+ --vkui--size_avatar_s--regular: 32px;
134
+ --vkui--size_avatar_m--regular: 48px;
135
+ --vkui--size_avatar_l--regular: 96px;
136
+ --vkui--size_avatar_x_l--regular: 128px;
137
+ --vkui--size_badge_x_s--regular: 12px;
138
+ --vkui--size_badge_s--regular: 16px;
139
+ --vkui--size_badge_m--regular: 24px;
140
+ --vkui--size_badge_l--regular: 44px;
141
+ --vkui--size_badge_x_l--regular: 56px;
142
+ --vkui--size_cardgrid_padding--regular: 8px;
143
+ --vkui--size_cardgrid_padding_vertical--regular: 8px;
144
+ --vkui--size_base_padding_vertical--regular: 12px;
145
+ --vkui--size_button_group_gap_space--regular: 1px;
146
+ --vkui--size_button_group_gap_small--regular: 8px;
147
+ --vkui--size_button_group_gap_medium--regular: 12px;
148
+ --vkui--size_option_hierarchy--regular: 32px;
149
+ --vkui--size_button_base_small_padding_horizontal--regular: 16px;
150
+ --vkui--size_button_base_medium_padding_horizontal--regular: 16px;
151
+ --vkui--size_button_base_large_padding_horizontal--regular: 20px;
152
+ --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
153
+ --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
154
+ --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
155
+ --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
156
+ --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
157
+ --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
158
+ --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
159
+ --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
160
+ --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
161
+ --vkui--size_button_minimum_width--regular: 80px;
162
+ --vkui--size_split_col_padding_horizontal--regular: 16px;
163
+ --vkui--size_subnavigation_bar_gap--regular: 8px;
164
+ --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
165
+ --vkui--spacing_size_xs: 4px;
166
+ --vkui--spacing_size_s: 6px;
167
+ --vkui--spacing_size_m: 8px;
168
+ --vkui--spacing_size_l: 10px;
169
+ --vkui--spacing_size_xl: 12px;
170
+ --vkui--animation_duration_l: 0.4s;
171
+ --vkui--animation_duration_m: 0.2s;
172
+ --vkui--animation_duration_s: 0.1s;
173
+ --vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
174
+ --vkui--opacity_disable: 0.4;
175
+ --vkui--opacity_disable_accessibility: 0.64;
176
+ --vkui--z_index_modal: 99;
177
+ --vkui--z_index_popout: 100;
178
+ --vkui--font_headline--font_size--regular: 16px;
179
+ --vkui--font_headline--line_height--regular: 20px;
180
+ --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
181
+ --vkui--font_headline--font_weight--regular: 500;
182
+ --vkui--color_background_accent_tint: #5a9eff;
183
+ --vkui--color_background_contrast: #FFFFFF;
184
+ --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
185
+ --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
186
+ --vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
187
+ --vkui--color_background_positive: #4BB34B;
188
+ --vkui--color_background_positive_tint: #E8f9e8;
189
+ --vkui--color_text_contrast: #FFFFFF;
190
+ --vkui--color_text_positive: #4BB34B;
191
+ --vkui--color_text_link_visited: #4986CC;
192
+ --vkui--color_icon_contrast_secondary: #F2F3F5;
193
+ --vkui--color_icon_positive: #4BB34B;
194
+ --vkui--color_stroke_positive: #4BB34B;
195
+ --vkui--color_stroke_contrast: #FFFFFF;
196
+ --vkui--color_accent_red: #FF3347;
197
+ --vkui--color_accent_orange: #FFA000;
198
+ --vkui--color_accent_secondary: #3F8AE0;
199
+ --vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
200
+ --vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
201
+ --vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
202
+ --vkui--color_avatar_overlay: rgba(0, 0, 0, 0.6);
203
+ --vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
204
+ --vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
205
+ --vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
206
+ --vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
207
+ --vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
208
+ --vkui--color_transparent: transparent
209
+ }
210
+ :root, .vkui--vkBase--light, .vkui--vkIOS--light, .vkui--vkCom--light {
211
+ --vkui--gradient_tint: rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%;
212
+ --vkui--colors_scheme: light;
213
+ --vkui--color_background_accent_tint--hover: #5698F7;
214
+ --vkui--color_background_accent_tint--active: #5393EF;
215
+ --vkui--color_background_content: #FFFFFF;
216
+ --vkui--color_background_content--hover: #F5F5F7;
217
+ --vkui--color_background_content--active: #EBECEF;
218
+ --vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
219
+ --vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
220
+ --vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
221
+ --vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.03);
222
+ --vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.07);
223
+ --vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.11);
224
+ --vkui--color_background_contrast--hover: #F5F5F7;
225
+ --vkui--color_background_contrast--active: #EBECEF;
226
+ --vkui--color_background_modal: #FFFFFF;
227
+ --vkui--color_background_modal--hover: #F5F5F7;
228
+ --vkui--color_background_modal--active: #EBECEF;
229
+ --vkui--color_background_warning: #FFF2D6;
230
+ --vkui--color_background_warning--hover: #F5E9D0;
231
+ --vkui--color_background_warning--active: #EBE0CA;
232
+ --vkui--color_background_positive--hover: #48AC4A;
233
+ --vkui--color_background_positive--active: #45A64A;
234
+ --vkui--color_background_negative: #E64646;
235
+ --vkui--color_background_negative--hover: #DD4446;
236
+ --vkui--color_background_negative--active: #D44245;
237
+ --vkui--color_background_negative_tint: #FAEBEB;
238
+ --vkui--color_background_negative_tint--hover: #F0E2E4;
239
+ --vkui--color_background_negative_tint--active: #E6D9DD;
240
+ --vkui--color_background_positive_tint--hover: #DFF0E1;
241
+ --vkui--color_background_positive_tint--active: #D5E6DA;
242
+ --vkui--color_header_background: #FFFFFF;
243
+ --vkui--color_header_background--hover: #F5F5F7;
244
+ --vkui--color_header_background--active: #EBECEF;
245
+ --vkui--color_text_primary: #000000;
246
+ --vkui--color_text_primary--hover: #000102;
247
+ --vkui--color_text_primary--active: #000105;
248
+ --vkui--color_text_secondary: #818C99;
249
+ --vkui--color_text_secondary--hover: #7C8795;
250
+ --vkui--color_text_secondary--active: #778292;
251
+ --vkui--color_text_tertiary: #99A2AD;
252
+ --vkui--color_text_tertiary--hover: #939CA9;
253
+ --vkui--color_text_tertiary--active: #8D96A4;
254
+ --vkui--color_text_contrast--hover: #F5F5F7;
255
+ --vkui--color_text_contrast--active: #EBECEF;
256
+ --vkui--color_text_contrast_themed: #FFFFFF;
257
+ --vkui--color_text_contrast_themed--hover: #F5F5F7;
258
+ --vkui--color_text_contrast_themed--active: #EBECEF;
259
+ --vkui--color_text_positive--hover: #48AC4A;
260
+ --vkui--color_text_positive--active: #45A64A;
261
+ --vkui--color_text_negative: #E64646;
262
+ --vkui--color_text_negative--hover: #DD4446;
263
+ --vkui--color_text_negative--active: #D44245;
264
+ --vkui--color_text_link_visited--hover: #4681C6;
265
+ --vkui--color_text_link_visited--active: #437DC1;
266
+ --vkui--color_icon_primary: #2C2D2E;
267
+ --vkui--color_icon_primary--hover: #2A2C2F;
268
+ --vkui--color_icon_primary--active: #282B2F;
269
+ --vkui--color_icon_medium_alpha: rgba(0, 0, 0, 0.48);
270
+ --vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, 0.52);
271
+ --vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, 0.56);
272
+ --vkui--color_icon_secondary: #99A2AD;
273
+ --vkui--color_icon_secondary--hover: #939CA9;
274
+ --vkui--color_icon_secondary--active: #8D96A4;
275
+ --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.36);
276
+ --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.4);
277
+ --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.44);
278
+ --vkui--color_icon_tertiary_alpha: rgba(0, 0, 0, 0.24);
279
+ --vkui--color_icon_tertiary_alpha--hover: rgba(0, 0, 0, 0.28);
280
+ --vkui--color_icon_tertiary_alpha--active: rgba(0, 0, 0, 0.32);
281
+ --vkui--color_icon_contrast--hover: #F5F5F7;
282
+ --vkui--color_icon_contrast--active: #EBECEF;
283
+ --vkui--color_icon_contrast_themed: #FFFFFF;
284
+ --vkui--color_icon_contrast_themed--hover: #F5F5F7;
285
+ --vkui--color_icon_contrast_themed--active: #EBECEF;
286
+ --vkui--color_icon_contrast_secondary--hover: #E8EAEE;
287
+ --vkui--color_icon_contrast_secondary--active: #DFE1E6;
288
+ --vkui--color_icon_positive--hover: #48AC4A;
289
+ --vkui--color_icon_positive--active: #45A64A;
290
+ --vkui--color_icon_negative: #E64646;
291
+ --vkui--color_icon_negative--hover: #DD4446;
292
+ --vkui--color_icon_negative--active: #D44245;
293
+ --vkui--color_separator_primary: #D7D8D9;
294
+ --vkui--color_separator_primary--hover: #CED0D3;
295
+ --vkui--color_separator_primary--active: #C6C8CD;
296
+ --vkui--color_separator_primary2x: #cbcccd;
297
+ --vkui--color_separator_primary2x--hover: #C3C4C7;
298
+ --vkui--color_separator_primary2x--active: #BBBDC1;
299
+ --vkui--color_separator_primary3x: #bebfc1;
300
+ --vkui--color_separator_primary3x--hover: #B6B8BC;
301
+ --vkui--color_separator_primary3x--active: #AFB1B6;
302
+ --vkui--color_separator_primary_alpha: rgba(0, 0, 0, 0.12);
303
+ --vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, 0.16);
304
+ --vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.2);
305
+ --vkui--color_stroke_positive--hover: #48AC4A;
306
+ --vkui--color_stroke_positive--active: #45A64A;
307
+ --vkui--color_stroke_negative: #E64646;
308
+ --vkui--color_stroke_negative--hover: #DD4446;
309
+ --vkui--color_stroke_negative--active: #D44245;
310
+ --vkui--color_stroke_contrast--hover: #F5F5F7;
311
+ --vkui--color_stroke_contrast--active: #EBECEF;
312
+ --vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
313
+ --vkui--color_image_border_alpha--hover: rgba(0, 0, 0, 0.12);
314
+ --vkui--color_image_border_alpha--active: rgba(0, 0, 0, 0.16);
315
+ --vkui--color_field_border_alpha: rgba(0, 0, 0, 0.12);
316
+ --vkui--color_field_border_alpha--hover: rgba(0, 0, 0, 0.24);
317
+ --vkui--color_field_border_alpha--active: rgba(0, 0, 0, 0.36);
318
+ --vkui--color_accent_red--hover: #F53247;
319
+ --vkui--color_accent_red--active: #EB3046;
320
+ --vkui--color_accent_orange--hover: #F59A02;
321
+ --vkui--color_accent_orange--active: #EB9405;
322
+ --vkui--color_accent_purple--hover: #6E59DF;
323
+ --vkui--color_accent_purple--active: #6A56D8;
324
+ --vkui--color_accent_violet--hover: #742DBB;
325
+ --vkui--color_accent_violet--active: #6F2CB6;
326
+ --vkui--color_accent_raspberry_pink: #E03FAB;
327
+ --vkui--color_accent_raspberry_pink--hover: #D73DA7;
328
+ --vkui--color_accent_raspberry_pink--active: #CE3BA2;
329
+ --vkui--color_accent_secondary--hover: #3C85D9;
330
+ --vkui--color_accent_secondary--active: #3A80D3;
331
+ --vkui--color_action_sheet_text: #3F8AE0;
332
+ --vkui--color_action_sheet_text--hover: #3C85D9;
333
+ --vkui--color_action_sheet_text--active: #3A80D3;
334
+ --vkui--color_image_placeholder: #F2F3F5;
335
+ --vkui--color_image_placeholder--hover: #E8EAEE;
336
+ --vkui--color_image_placeholder--active: #DFE1E6;
337
+ --vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
338
+ --vkui--color_image_placeholder_alpha--hover: rgba(0, 28, 61, 0.12);
339
+ --vkui--color_image_placeholder_alpha--active: rgba(0, 28, 61, 0.16);
340
+ --vkui--color_write_bar_input_border_alpha: rgba(0, 0, 0, 0.08);
341
+ --vkui--color_write_bar_input_border_alpha--hover: rgba(0, 0, 0, 0.12);
342
+ --vkui--color_write_bar_input_border_alpha--active: rgba(0, 0, 0, 0.16);
343
+ --vkui--color_segmented_control: #FFFFFF;
344
+ --vkui--color_segmented_control--hover: #F5F5F7;
345
+ --vkui--color_segmented_control--active: #EBECEF;
346
+ --vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
347
+ --vkui--color_transparent--active: rgba(0, 16, 61, 0.08)
348
+ }
349
+ :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark {
350
+ --vkui--font_headline1--font_size--compact: 15px;
351
+ --vkui--font_headline1--line_height--compact: 20px;
352
+ --vkui--font_text--font_size--compact: 15px;
353
+ --vkui--font_text--line_height--compact: 20px;
354
+ --vkui--font_subhead--font_size--compact: 13px;
355
+ --vkui--font_subhead--line_height--compact: 16px;
356
+ --vkui--size_popup_small--regular: 420px;
357
+ --vkui--size_form_item_padding_vertical--regular: 12px;
358
+ --vkui--font_headline--font_size--compact: 15px;
359
+ --vkui--font_headline--line_height--compact: 20px;
360
+ --vkui--color_background_contrast_inverse: #2C2D2E;
361
+ --vkui--color_text_primary_invariably: #000000;
362
+ --vkui--color_link_contrast: #FFFFFF;
363
+ --vkui--color_icon_primary_invariably: #2C2D2E;
364
+ --vkui--color_accent_gray: #A3ADB8
365
+ }
366
+ :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
367
+ --vkui--size_border_radius--regular: 8px;
368
+ --vkui--size_card_border_radius--regular: 8px;
369
+ --vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1)
370
+ }
371
+ :root, .vkui--vkBase--light, .vkui--vkIOS--light {
372
+ --vkui--color_background_accent: #2688EB;
373
+ --vkui--color_background_accent--hover: #2483E4;
374
+ --vkui--color_background_accent--active: #237EDD;
375
+ --vkui--color_background_accent_themed: #2688EB;
376
+ --vkui--color_background_accent_themed--hover: #2483E4;
377
+ --vkui--color_background_accent_themed--active: #237EDD;
378
+ --vkui--color_background_accent_alternative: #2688EB;
379
+ --vkui--color_background_accent_alternative--hover: #2483E4;
380
+ --vkui--color_background_accent_alternative--active: #237EDD;
381
+ --vkui--color_background: #EBEDF0;
382
+ --vkui--color_background--hover: #E2E4E9;
383
+ --vkui--color_background--active: #D8DBE2;
384
+ --vkui--color_background_secondary: #F5F5F5;
385
+ --vkui--color_background_secondary--hover: #EBECEE;
386
+ --vkui--color_background_secondary--active: #E1E3E6;
387
+ --vkui--color_background_tertiary: #F9F9F9;
388
+ --vkui--color_background_tertiary--hover: #EFF0F1;
389
+ --vkui--color_background_tertiary--active: #E5E6EA;
390
+ --vkui--color_background_contrast_inverse--hover: #2A2C2F;
391
+ --vkui--color_background_contrast_inverse--active: #282B2F;
392
+ --vkui--color_background_modal_inverse: #2d2d2e;
393
+ --vkui--color_background_modal_inverse--hover: #2B2C2F;
394
+ --vkui--color_background_modal_inverse--active: #292B2F;
395
+ --vkui--color_field_background: #f2f3f5;
396
+ --vkui--color_field_background--hover: #E8EAEE;
397
+ --vkui--color_field_background--active: #DFE1E6;
398
+ --vkui--color_text_accent: #2688EB;
399
+ --vkui--color_text_accent--hover: #2483E4;
400
+ --vkui--color_text_accent--active: #237EDD;
401
+ --vkui--color_text_accent_themed: #2688EB;
402
+ --vkui--color_text_accent_themed--hover: #2483E4;
403
+ --vkui--color_text_accent_themed--active: #237EDD;
404
+ --vkui--color_text_primary_invariably--hover: #000102;
405
+ --vkui--color_text_primary_invariably--active: #000105;
406
+ --vkui--color_text_subhead: #6D7885;
407
+ --vkui--color_text_subhead--hover: #697482;
408
+ --vkui--color_text_subhead--active: #64707F;
409
+ --vkui--color_text_link: #2D81E0;
410
+ --vkui--color_text_link--hover: #2B7CD9;
411
+ --vkui--color_text_link--active: #2978D3;
412
+ --vkui--color_text_link_themed: #2D81E0;
413
+ --vkui--color_text_link_themed--hover: #2B7CD9;
414
+ --vkui--color_text_link_themed--active: #2978D3;
415
+ --vkui--color_text_muted: #2C2D2E;
416
+ --vkui--color_text_muted--hover: #2A2C2F;
417
+ --vkui--color_text_muted--active: #282B2F;
418
+ --vkui--color_link_contrast--hover: #F5F5F7;
419
+ --vkui--color_link_contrast--active: #EBECEF;
420
+ --vkui--color_icon_accent: #2688EB;
421
+ --vkui--color_icon_accent--hover: #2483E4;
422
+ --vkui--color_icon_accent--active: #237EDD;
423
+ --vkui--color_icon_accent_themed: #2688EB;
424
+ --vkui--color_icon_accent_themed--hover: #2483E4;
425
+ --vkui--color_icon_accent_themed--active: #237EDD;
426
+ --vkui--color_icon_primary_invariably--hover: #2A2C2F;
427
+ --vkui--color_icon_primary_invariably--active: #282B2F;
428
+ --vkui--color_icon_medium: #818C99;
429
+ --vkui--color_icon_medium--hover: #7C8795;
430
+ --vkui--color_icon_medium--active: #778292;
431
+ --vkui--color_icon_tertiary: #B8C1CC;
432
+ --vkui--color_icon_tertiary--hover: #B1BAC6;
433
+ --vkui--color_icon_tertiary--active: #A9B3C1;
434
+ --vkui--color_stroke_accent: #2688EB;
435
+ --vkui--color_stroke_accent--hover: #2483E4;
436
+ --vkui--color_stroke_accent--active: #237EDD;
437
+ --vkui--color_stroke_accent_themed: #2688EB;
438
+ --vkui--color_stroke_accent_themed--hover: #2483E4;
439
+ --vkui--color_stroke_accent_themed--active: #237EDD;
440
+ --vkui--color_separator_secondary: #E1E3E6;
441
+ --vkui--color_separator_secondary--hover: #D8DBDF;
442
+ --vkui--color_separator_secondary--active: #CFD2D8;
443
+ --vkui--color_accent_blue: #3F8AE0;
444
+ --vkui--color_accent_blue--hover: #3C85D9;
445
+ --vkui--color_accent_blue--active: #3A80D3;
446
+ --vkui--color_accent_gray--hover: #9CA7B3;
447
+ --vkui--color_accent_gray--active: #96A0AE;
448
+ --vkui--color_accent_green--hover: #48AC4A;
449
+ --vkui--color_accent_green--active: #45A64A;
450
+ --vkui--color_skeleton_from: #F5F5F5;
451
+ --vkui--color_skeleton_from--hover: #EBECEE;
452
+ --vkui--color_skeleton_from--active: #E1E3E6;
453
+ --vkui--color_skeleton_to: #E1E3E6;
454
+ --vkui--color_skeleton_to--hover: #D8DBDF;
455
+ --vkui--color_skeleton_to--active: #CFD2D8;
456
+ --vkui--color_write_bar_icon: #3F8AE0;
457
+ --vkui--color_write_bar_icon--hover: #3C85D9;
458
+ --vkui--color_write_bar_icon--active: #3A80D3;
459
+ --vkui--color_write_bar_input_background: #F2F3F5;
460
+ --vkui--color_write_bar_input_background--hover: #E8EAEE;
461
+ --vkui--color_write_bar_input_background--active: #DFE1E6;
462
+ --vkui--color_write_bar_input_border: #E1E3E6;
463
+ --vkui--color_write_bar_input_border--hover: #D8DBDF;
464
+ --vkui--color_write_bar_input_border--active: #CFD2D8;
465
+ --vkui--color_track_background: #E1E3E6;
466
+ --vkui--color_track_background--hover: #D8DBDF;
467
+ --vkui--color_track_background--active: #CFD2D8;
468
+ --vkui--color_track_buffer: #A0BFE4;
469
+ --vkui--color_track_buffer--hover: #9AB8DD;
470
+ --vkui--color_track_buffer--active: #93B1D7;
471
+ --vkui--color_search_field_background: #EBEDF0;
472
+ --vkui--color_search_field_background--hover: #E2E4E9;
473
+ --vkui--color_search_field_background--active: #D8DBE2;
474
+ --vkui--color_panel_header_icon: #2688EB;
475
+ --vkui--color_panel_header_icon--hover: #2483E4;
476
+ --vkui--color_panel_header_icon--active: #237EDD
477
+ }
478
+ :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light {
479
+ --vkui--color_icon_contrast: #FFFFFF;
480
+ --vkui--color_accent_purple: #735CE6;
481
+ --vkui--color_accent_violet: #792EC0
482
+ }
483
+ :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--dark {
484
+ --vkui--color_accent_green: #4BB34B
485
+ }
486
+ .vkui--vkBase--dark {
487
+ --vkui--theme_name: 'vkBaseDark'
488
+ }
489
+ .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--dark {
490
+ --vkui--gradient_tint: rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%;
491
+ --vkui--colors_scheme: dark;
492
+ --vkui--color_background_accent_tint--hover: #61A2FF;
493
+ --vkui--color_background_accent_tint--active: #67A6FF;
494
+ --vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.10);
495
+ --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.12);
496
+ --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.14);
497
+ --vkui--color_background_tertiary_alpha: rgba(255, 255, 255, 0.03);
498
+ --vkui--color_background_tertiary_alpha--hover: rgba(255, 255, 255, 0.07);
499
+ --vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, 0.11);
500
+ --vkui--color_background_contrast--hover: #EBEDF0;
501
+ --vkui--color_background_contrast--active: #D7D8DB;
502
+ --vkui--color_background_modal_inverse: #FFFFFF;
503
+ --vkui--color_background_modal_inverse--hover: #EBEDF0;
504
+ --vkui--color_background_modal_inverse--active: #D7D8DB;
505
+ --vkui--color_background_warning: #857250;
506
+ --vkui--color_background_warning--hover: #8A7857;
507
+ --vkui--color_background_warning--active: #8F7D5E;
508
+ --vkui--color_background_positive--hover: #52B652;
509
+ --vkui--color_background_positive--active: #59B959;
510
+ --vkui--color_background_negative: #FF5C5C;
511
+ --vkui--color_background_negative--hover: #FF6363;
512
+ --vkui--color_background_negative--active: #FF6969;
513
+ --vkui--color_background_negative_tint: #522E2E;
514
+ --vkui--color_background_negative_tint--hover: #593636;
515
+ --vkui--color_background_negative_tint--active: #603F3F;
516
+ --vkui--color_background_positive_tint--hover: #E9F9E9;
517
+ --vkui--color_background_positive_tint--active: #EAF9EA;
518
+ --vkui--color_text_primary: #E1E3E6;
519
+ --vkui--color_text_primary--hover: #E2E4E7;
520
+ --vkui--color_text_primary--active: #E3E5E8;
521
+ --vkui--color_text_contrast--hover: #EBEDF0;
522
+ --vkui--color_text_contrast--active: #D7D8DB;
523
+ --vkui--color_text_positive--hover: #52B652;
524
+ --vkui--color_text_positive--active: #59B959;
525
+ --vkui--color_text_negative: #FF5C5C;
526
+ --vkui--color_text_negative--hover: #FF6363;
527
+ --vkui--color_text_negative--active: #FF6969;
528
+ --vkui--color_text_link_visited--hover: #508BCE;
529
+ --vkui--color_text_link_visited--active: #5890D0;
530
+ --vkui--color_icon_primary: #E1E3E6;
531
+ --vkui--color_icon_primary--hover: #E2E4E7;
532
+ --vkui--color_icon_primary--active: #E3E5E8;
533
+ --vkui--color_icon_contrast_secondary--hover: #F3F3F5;
534
+ --vkui--color_icon_contrast_secondary--active: #F3F4F6;
535
+ --vkui--color_icon_positive--hover: #52B652;
536
+ --vkui--color_icon_positive--active: #59B959;
537
+ --vkui--color_icon_negative: #FF5C5C;
538
+ --vkui--color_icon_negative--hover: #FF6363;
539
+ --vkui--color_icon_negative--active: #FF6969;
540
+ --vkui--color_separator_primary: #363738;
541
+ --vkui--color_separator_primary--hover: #3E3F40;
542
+ --vkui--color_separator_primary--active: #464748;
543
+ --vkui--color_separator_primary2x: #444546;
544
+ --vkui--color_separator_primary2x--hover: #4B4C4D;
545
+ --vkui--color_separator_primary2x--active: #535455;
546
+ --vkui--color_separator_primary3x: #505253;
547
+ --vkui--color_separator_primary3x--hover: #57595A;
548
+ --vkui--color_separator_primary3x--active: #5E6061;
549
+ --vkui--color_separator_primary_alpha: rgba(255, 255, 255, 0.12);
550
+ --vkui--color_separator_primary_alpha--hover: rgba(255, 255, 255, 0.16);
551
+ --vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, 0.2);
552
+ --vkui--color_stroke_positive--hover: #52B652;
553
+ --vkui--color_stroke_positive--active: #59B959;
554
+ --vkui--color_stroke_negative: #FF5C5C;
555
+ --vkui--color_stroke_negative--hover: #FF6363;
556
+ --vkui--color_stroke_negative--active: #FF6969;
557
+ --vkui--color_stroke_contrast--hover: #EBEDF0;
558
+ --vkui--color_stroke_contrast--active: #D7D8DB;
559
+ --vkui--color_image_border_alpha: rgba(255, 255, 255, 0.08);
560
+ --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.12);
561
+ --vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.16);
562
+ --vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
563
+ --vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
564
+ --vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
565
+ --vkui--color_accent_red--hover: #FF3B4E;
566
+ --vkui--color_accent_red--active: #FF4356;
567
+ --vkui--color_accent_green--hover: #52B652;
568
+ --vkui--color_accent_green--active: #59B959;
569
+ --vkui--color_accent_orange--hover: #FFA40A;
570
+ --vkui--color_accent_orange--active: #FFA814;
571
+ --vkui--color_accent_raspberry_pink: #F060C0;
572
+ --vkui--color_accent_raspberry_pink--hover: #F166C3;
573
+ --vkui--color_accent_raspberry_pink--active: #F16DC5;
574
+ --vkui--color_accent_secondary--hover: #478FE1;
575
+ --vkui--color_accent_secondary--active: #4E93E2;
576
+ --vkui--color_image_placeholder: #2A2B2C;
577
+ --vkui--color_image_placeholder--hover: #333334;
578
+ --vkui--color_image_placeholder--active: #3B3C3D;
579
+ --vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08);
580
+ --vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, 0.12);
581
+ --vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, 0.16);
582
+ --vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, 0.8);
583
+ --vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, 0.84);
584
+ --vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, 0.88);
585
+ --vkui--color_action_sheet_text: #529EF4;
586
+ --vkui--color_action_sheet_text--hover: #59A2F4;
587
+ --vkui--color_action_sheet_text--active: #60A6F5;
588
+ --vkui--color_panel_header_icon: #71AAEB;
589
+ --vkui--color_panel_header_icon--hover: #77ADEC;
590
+ --vkui--color_panel_header_icon--active: #7CB1ED;
591
+ --vkui--color_segmented_control: #626364;
592
+ --vkui--color_segmented_control--hover: #68696A;
593
+ --vkui--color_segmented_control--active: #6F6F70;
594
+ --vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
595
+ --vkui--color_transparent--active: rgba(255, 255, 255, 0.08)
596
+ }
597
+ .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkCom--light {
598
+ --vkui--theme_inherits_from: 'vkBase'
599
+ }
600
+ .vkui--vkBase--dark, .vkui--vkIOS--dark {
601
+ --vkui--color_background_accent: #529EF4;
602
+ --vkui--color_background_accent--hover: #59A2F4;
603
+ --vkui--color_background_accent--active: #60A6F5;
604
+ --vkui--color_background_accent_themed: #FFFFFF;
605
+ --vkui--color_background_accent_themed--hover: #EBEDF0;
606
+ --vkui--color_background_accent_themed--active: #D7D8DB;
607
+ --vkui--color_background_accent_alternative: #529EF4;
608
+ --vkui--color_background_accent_alternative--hover: #59A2F4;
609
+ --vkui--color_background_accent_alternative--active: #60A6F5;
610
+ --vkui--color_background: #0A0A0A;
611
+ --vkui--color_background--hover: #141414;
612
+ --vkui--color_background--active: #1E1E1E;
613
+ --vkui--color_background_content: #19191A;
614
+ --vkui--color_background_content--hover: #222223;
615
+ --vkui--color_background_content--active: #2B2B2C;
616
+ --vkui--color_background_secondary: #232324;
617
+ --vkui--color_background_secondary--hover: #2C2C2D;
618
+ --vkui--color_background_secondary--active: #353536;
619
+ --vkui--color_background_tertiary: #202021;
620
+ --vkui--color_background_tertiary--hover: #29292A;
621
+ --vkui--color_background_tertiary--active: #323233;
622
+ --vkui--color_background_contrast_inverse--hover: #343536;
623
+ --vkui--color_background_contrast_inverse--active: #3D3E3F;
624
+ --vkui--color_background_modal: #2C2D2E;
625
+ --vkui--color_background_modal--hover: #343536;
626
+ --vkui--color_background_modal--active: #3D3E3F;
627
+ --vkui--color_field_background: #232324;
628
+ --vkui--color_field_background--hover: #2C2C2D;
629
+ --vkui--color_field_background--active: #353536;
630
+ --vkui--color_header_background: #19191A;
631
+ --vkui--color_header_background--hover: #222223;
632
+ --vkui--color_header_background--active: #2B2B2C;
633
+ --vkui--color_text_accent: #529EF4;
634
+ --vkui--color_text_accent--hover: #59A2F4;
635
+ --vkui--color_text_accent--active: #60A6F5;
636
+ --vkui--color_text_accent_themed: #FFFFFF;
637
+ --vkui--color_text_accent_themed--hover: #EBEDF0;
638
+ --vkui--color_text_accent_themed--active: #D7D8DB;
639
+ --vkui--color_text_primary_invariably--hover: #0A0A0A;
640
+ --vkui--color_text_primary_invariably--active: #141414;
641
+ --vkui--color_text_secondary: #76787A;
642
+ --vkui--color_text_secondary--hover: #7B7D7F;
643
+ --vkui--color_text_secondary--active: #818385;
644
+ --vkui--color_text_subhead: #969A9F;
645
+ --vkui--color_text_subhead--hover: #9A9EA3;
646
+ --vkui--color_text_subhead--active: #9EA2A7;
647
+ --vkui--color_text_tertiary: #5D5F61;
648
+ --vkui--color_text_tertiary--hover: #636567;
649
+ --vkui--color_text_tertiary--active: #6A6C6E;
650
+ --vkui--color_text_contrast_themed: #000000;
651
+ --vkui--color_text_contrast_themed--hover: #0A0A0A;
652
+ --vkui--color_text_contrast_themed--active: #141414;
653
+ --vkui--color_text_link: #529EF4;
654
+ --vkui--color_text_link--hover: #59A2F4;
655
+ --vkui--color_text_link--active: #60A6F5;
656
+ --vkui--color_text_link_themed: #FFFFFF;
657
+ --vkui--color_text_link_themed--hover: #EBEDF0;
658
+ --vkui--color_text_link_themed--active: #D7D8DB;
659
+ --vkui--color_text_muted: #E1E3E6;
660
+ --vkui--color_text_muted--hover: #E2E4E7;
661
+ --vkui--color_text_muted--active: #E3E5E8;
662
+ --vkui--color_link_contrast--hover: #EBEDF0;
663
+ --vkui--color_link_contrast--active: #D7D8DB;
664
+ --vkui--color_icon_accent: #529EF4;
665
+ --vkui--color_icon_accent--hover: #59A2F4;
666
+ --vkui--color_icon_accent--active: #60A6F5;
667
+ --vkui--color_icon_accent_themed: #FFFFFF;
668
+ --vkui--color_icon_accent_themed--hover: #EBEDF0;
669
+ --vkui--color_icon_accent_themed--active: #D7D8DB;
670
+ --vkui--color_icon_primary_invariably--hover: #343536;
671
+ --vkui--color_icon_primary_invariably--active: #3D3E3F;
672
+ --vkui--color_icon_medium: #B0B1B6;
673
+ --vkui--color_icon_medium--hover: #B3B4B9;
674
+ --vkui--color_icon_medium--active: #B6B7BC;
675
+ --vkui--color_icon_medium_alpha: rgba(241, 247, 255, 0.66);
676
+ --vkui--color_icon_medium_alpha--hover: rgba(241, 247, 255, 0.7000000000000001);
677
+ --vkui--color_icon_medium_alpha--active: rgba(241, 247, 255, 0.74);
678
+ --vkui--color_icon_secondary: #76787A;
679
+ --vkui--color_icon_secondary--hover: #7B7D7F;
680
+ --vkui--color_icon_secondary--active: #818385;
681
+ --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.43);
682
+ --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.47000000000000003);
683
+ --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.51);
684
+ --vkui--color_icon_tertiary: #5D5F61;
685
+ --vkui--color_icon_tertiary--hover: #636567;
686
+ --vkui--color_icon_tertiary--active: #6A6C6E;
687
+ --vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, 0.3);
688
+ --vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, 0.34);
689
+ --vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, 0.38);
690
+ --vkui--color_icon_contrast--hover: #EBEDF0;
691
+ --vkui--color_icon_contrast--active: #D7D8DB;
692
+ --vkui--color_icon_contrast_themed: #000000;
693
+ --vkui--color_icon_contrast_themed--hover: #0A0A0A;
694
+ --vkui--color_icon_contrast_themed--active: #141414;
695
+ --vkui--color_stroke_accent: #529EF4;
696
+ --vkui--color_stroke_accent--hover: #59A2F4;
697
+ --vkui--color_stroke_accent--active: #60A6F5;
698
+ --vkui--color_stroke_accent_themed: #FFFFFF;
699
+ --vkui--color_stroke_accent_themed--hover: #EBEDF0;
700
+ --vkui--color_stroke_accent_themed--active: #D7D8DB;
701
+ --vkui--color_separator_secondary: #141415;
702
+ --vkui--color_separator_secondary--hover: #1D1D1E;
703
+ --vkui--color_separator_secondary--active: #272728;
704
+ --vkui--color_accent_blue: #529EF4;
705
+ --vkui--color_accent_blue--hover: #59A2F4;
706
+ --vkui--color_accent_blue--active: #60A6F5;
707
+ --vkui--color_accent_gray--hover: #A7B0BB;
708
+ --vkui--color_accent_gray--active: #AAB4BE;
709
+ --vkui--color_accent_purple--hover: #7963E7;
710
+ --vkui--color_accent_purple--active: #7E69E8;
711
+ --vkui--color_accent_violet--hover: #7E36C3;
712
+ --vkui--color_accent_violet--active: #843FC5;
713
+ --vkui--color_skeleton_from: #232324;
714
+ --vkui--color_skeleton_from--hover: #2C2C2D;
715
+ --vkui--color_skeleton_from--active: #353536;
716
+ --vkui--color_skeleton_to: #2C2D2E;
717
+ --vkui--color_skeleton_to--hover: #343536;
718
+ --vkui--color_skeleton_to--active: #3D3E3F;
719
+ --vkui--color_write_bar_icon: #529EF4;
720
+ --vkui--color_write_bar_icon--hover: #59A2F4;
721
+ --vkui--color_write_bar_icon--active: #60A6F5;
722
+ --vkui--color_write_bar_input_background: #2C2D2E;
723
+ --vkui--color_write_bar_input_background--hover: #343536;
724
+ --vkui--color_write_bar_input_background--active: #3D3E3F;
725
+ --vkui--color_write_bar_input_border: #2C2D2E;
726
+ --vkui--color_write_bar_input_border--hover: #343536;
727
+ --vkui--color_write_bar_input_border--active: #3D3E3F;
728
+ --vkui--color_track_background: #454647;
729
+ --vkui--color_track_background--hover: #4C4D4E;
730
+ --vkui--color_track_background--active: #545556;
731
+ --vkui--color_track_buffer: #405772;
732
+ --vkui--color_track_buffer--hover: #485E78;
733
+ --vkui--color_track_buffer--active: #4F647D;
734
+ --vkui--color_search_field_background: #363738;
735
+ --vkui--color_search_field_background--hover: #3E3F40;
736
+ --vkui--color_search_field_background--active: #464748
737
+ }
738
+ .vkui--vkIOS--light {
739
+ --vkui--theme_name: 'vkIOS'
740
+ }
741
+ .vkui--vkIOS--light, .vkui--vkIOS--dark {
742
+ --vkui--theme_name_base: 'vkIOS';
743
+ --vkui--size_border_radius--regular: 10px;
744
+ --vkui--size_card_border_radius--regular: 10px;
745
+ --vkui--size_switch_height--regular: 31px;
746
+ --vkui--size_switch_height--compact: 27px;
747
+ --vkui--size_switch_width--regular: 51px;
748
+ --vkui--size_switch_width--compact: 47px;
749
+ --vkui--size_switch_pin--regular: 27px;
750
+ --vkui--size_switch_pin--compact: 23px;
751
+ --vkui--size_panel_header_height--regular: 52px;
752
+ --vkui--animation_easing_platform: cubic-bezier(0.36, 0.66, 0.04, 1)
753
+ }
754
+ .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
755
+ --vkui--size_base_padding_horizontal--regular: 12px
756
+ }
757
+ .vkui--vkIOS--dark {
758
+ --vkui--theme_name: 'vkIOSDark'
759
+ }
760
+ .vkui--vkIOS--dark, .vkui--vkCom--dark {
761
+ --vkui--theme_inherits_from: 'vkBaseDark'
762
+ }
763
+ .vkui--vkCom--light {
764
+ --vkui--theme_name: 'vkCom';
765
+ --vkui--color_background_accent: #447BBA;
766
+ --vkui--color_background_accent--hover: #4177B5;
767
+ --vkui--color_background_accent--active: #3F72B0;
768
+ --vkui--color_background_accent_themed: #447BBA;
769
+ --vkui--color_background_accent_themed--hover: #4177B5;
770
+ --vkui--color_background_accent_themed--active: #3F72B0;
771
+ --vkui--color_background_accent_alternative: #447BBA;
772
+ --vkui--color_background_accent_alternative--hover: #4177B5;
773
+ --vkui--color_background_accent_alternative--active: #3F72B0;
774
+ --vkui--color_background: #EDEEF0;
775
+ --vkui--color_background--hover: #E4E5E9;
776
+ --vkui--color_background--active: #DADCE2;
777
+ --vkui--color_background_secondary: #F0F2F5;
778
+ --vkui--color_background_secondary--hover: #E6E9EE;
779
+ --vkui--color_background_secondary--active: #DDE0E6;
780
+ --vkui--color_background_tertiary: #FAFBFC;
781
+ --vkui--color_background_tertiary--hover: #F0F2F4;
782
+ --vkui--color_background_tertiary--active: #E6E8ED;
783
+ --vkui--color_background_contrast_inverse--hover: #313233;
784
+ --vkui--color_background_contrast_inverse--active: #2F3034;
785
+ --vkui--color_background_modal_inverse: #000000;
786
+ --vkui--color_background_modal_inverse--hover: #000102;
787
+ --vkui--color_background_modal_inverse--active: #000105;
788
+ --vkui--color_field_background: #F7F8FA;
789
+ --vkui--color_field_background--hover: #EDEFF2;
790
+ --vkui--color_field_background--active: #E3E5EB;
791
+ --vkui--color_text_accent: #447BBA;
792
+ --vkui--color_text_accent--hover: #4177B5;
793
+ --vkui--color_text_accent--active: #3F72B0;
794
+ --vkui--color_text_accent_themed: #447BBA;
795
+ --vkui--color_text_accent_themed--hover: #4177B5;
796
+ --vkui--color_text_accent_themed--active: #3F72B0;
797
+ --vkui--color_text_primary_invariably--hover: #313233;
798
+ --vkui--color_text_primary_invariably--active: #2F3034;
799
+ --vkui--color_text_subhead: #626D7A;
800
+ --vkui--color_text_subhead--hover: #5E6978;
801
+ --vkui--color_text_subhead--active: #5A6675;
802
+ --vkui--color_text_link: #2A5885;
803
+ --vkui--color_text_link--hover: #285582;
804
+ --vkui--color_text_link--active: #27527F;
805
+ --vkui--color_text_link_themed: #2A5885;
806
+ --vkui--color_text_link_themed--hover: #285582;
807
+ --vkui--color_text_link_themed--active: #27527F;
808
+ --vkui--color_text_muted: #333333;
809
+ --vkui--color_text_muted--hover: #313233;
810
+ --vkui--color_text_muted--active: #2F3034;
811
+ --vkui--color_link_contrast: #333333;
812
+ --vkui--color_link_contrast--hover: #313233;
813
+ --vkui--color_link_contrast--active: #2F3034;
814
+ --vkui--color_icon_accent: #447BBA;
815
+ --vkui--color_icon_accent--hover: #4177B5;
816
+ --vkui--color_icon_accent--active: #3F72B0;
817
+ --vkui--color_icon_accent_themed: #447BBA;
818
+ --vkui--color_icon_accent_themed--hover: #4177B5;
819
+ --vkui--color_icon_accent_themed--active: #3F72B0;
820
+ --vkui--color_icon_primary_invariably--hover: #313233;
821
+ --vkui--color_icon_primary_invariably--active: #2F3034;
822
+ --vkui--color_icon_medium: #6F7985;
823
+ --vkui--color_icon_medium--hover: #6B7582;
824
+ --vkui--color_icon_medium--active: #66717F;
825
+ --vkui--color_icon_tertiary: #AEB7C2;
826
+ --vkui--color_icon_tertiary--hover: #A7B0BD;
827
+ --vkui--color_icon_tertiary--active: #A0AAB7;
828
+ --vkui--color_stroke_accent: #447BBA;
829
+ --vkui--color_stroke_accent--hover: #4177B5;
830
+ --vkui--color_stroke_accent--active: #3F72B0;
831
+ --vkui--color_stroke_accent_themed: #447BBA;
832
+ --vkui--color_stroke_accent_themed--hover: #4177B5;
833
+ --vkui--color_stroke_accent_themed--active: #3F72B0;
834
+ --vkui--color_separator_secondary: #E7E8EC;
835
+ --vkui--color_separator_secondary--hover: #DEDFE5;
836
+ --vkui--color_separator_secondary--active: #D5D7DE;
837
+ --vkui--color_accent_blue: #5181B8;
838
+ --vkui--color_accent_blue--hover: #4E7CB3;
839
+ --vkui--color_accent_blue--active: #4B78AE;
840
+ --vkui--color_accent_gray--hover: #A7B0BD;
841
+ --vkui--color_accent_gray--active: #A0AAB7;
842
+ --vkui--color_accent_green: #1B7A1B;
843
+ --vkui--color_accent_green--hover: #1A761C;
844
+ --vkui--color_accent_green--active: #19721E;
845
+ --vkui--color_skeleton_from: #F0F2F5;
846
+ --vkui--color_skeleton_from--hover: #E6E9EE;
847
+ --vkui--color_skeleton_from--active: #DDE0E6;
848
+ --vkui--color_skeleton_to: #E7E8EC;
849
+ --vkui--color_skeleton_to--hover: #DEDFE5;
850
+ --vkui--color_skeleton_to--active: #D5D7DE;
851
+ --vkui--color_write_bar_icon: #818C99;
852
+ --vkui--color_write_bar_icon--hover: #7C8795;
853
+ --vkui--color_write_bar_icon--active: #778292;
854
+ --vkui--color_write_bar_input_background: #FFFFFF;
855
+ --vkui--color_write_bar_input_background--hover: #F5F5F7;
856
+ --vkui--color_write_bar_input_background--active: #EBECEF;
857
+ --vkui--color_write_bar_input_border: #D3D9DE;
858
+ --vkui--color_write_bar_input_border--hover: #CBD1D8;
859
+ --vkui--color_write_bar_input_border--active: #C2C9D1;
860
+ --vkui--color_track_background: #D3D9DE;
861
+ --vkui--color_track_background--hover: #CBD1D8;
862
+ --vkui--color_track_background--active: #C2C9D1;
863
+ --vkui--color_track_buffer: #447BBA;
864
+ --vkui--color_track_buffer--hover: #4177B5;
865
+ --vkui--color_track_buffer--active: #3F72B0;
866
+ --vkui--color_search_field_background: #EDEEF0;
867
+ --vkui--color_search_field_background--hover: #E4E5E9;
868
+ --vkui--color_search_field_background--active: #DADCE2;
869
+ --vkui--color_panel_header_icon: #447BBA;
870
+ --vkui--color_panel_header_icon--hover: #4177B5;
871
+ --vkui--color_panel_header_icon--active: #3F72B0
872
+ }
873
+ .vkui--vkCom--light, .vkui--vkCom--dark {
874
+ --vkui--theme_name_base: 'vkCom';
875
+ --vkui--font_headline1--font_size--compact: 14px;
876
+ --vkui--font_headline1--line_height--compact: 18px;
877
+ --vkui--font_text--font_size--compact: 13px;
878
+ --vkui--font_text--line_height--compact: 16px;
879
+ --vkui--font_subhead--font_size--compact: 14px;
880
+ --vkui--font_subhead--line_height--compact: 18px;
881
+ --vkui--size_popup_small--regular: 448px;
882
+ --vkui--size_switch_height--regular: 10px;
883
+ --vkui--size_switch_height--compact: 10px;
884
+ --vkui--size_switch_width--regular: 27px;
885
+ --vkui--size_switch_width--compact: 27px;
886
+ --vkui--size_switch_pin--regular: 16px;
887
+ --vkui--size_switch_pin--compact: 16px;
888
+ --vkui--size_panel_header_height--regular: 48px;
889
+ --vkui--size_form_item_padding_vertical--regular: 8px;
890
+ --vkui--font_headline--font_size--compact: 14px;
891
+ --vkui--font_headline--line_height--compact: 18px;
892
+ --vkui--color_background_contrast_inverse: #333333;
893
+ --vkui--color_text_primary_invariably: #333333;
894
+ --vkui--color_icon_primary_invariably: #333333;
895
+ --vkui--color_accent_gray: #AEB7C2
896
+ }
897
+ .vkui--vkCom--dark {
898
+ --vkui--theme_name: 'vkComDark';
899
+ --vkui--color_background_accent: #71AAEB;
900
+ --vkui--color_background_accent--hover: #77ADEC;
901
+ --vkui--color_background_accent--active: #7CB1ED;
902
+ --vkui--color_background_accent_themed: #E1E3E6;
903
+ --vkui--color_background_accent_themed--hover: #D8DBDF;
904
+ --vkui--color_background_accent_themed--active: #CFD2D8;
905
+ --vkui--color_background_accent_alternative: #71AAEB;
906
+ --vkui--color_background_accent_alternative--hover: #77ADEC;
907
+ --vkui--color_background_accent_alternative--active: #7CB1ED;
908
+ --vkui--color_background: #141414;
909
+ --vkui--color_background--hover: #1D1D1D;
910
+ --vkui--color_background--active: #272727;
911
+ --vkui--color_background_content: #222222;
912
+ --vkui--color_background_content--hover: #2B2B2B;
913
+ --vkui--color_background_content--active: #343434;
914
+ --vkui--color_background_secondary: #333333;
915
+ --vkui--color_background_secondary--hover: #3B3B3B;
916
+ --vkui--color_background_secondary--active: #434343;
917
+ --vkui--color_background_tertiary: #292929;
918
+ --vkui--color_background_tertiary--hover: #323232;
919
+ --vkui--color_background_tertiary--active: #3A3A3A;
920
+ --vkui--color_background_contrast_inverse--hover: #3B3B3B;
921
+ --vkui--color_background_contrast_inverse--active: #434343;
922
+ --vkui--color_background_modal: #333333;
923
+ --vkui--color_background_modal--hover: #3B3B3B;
924
+ --vkui--color_background_modal--active: #434343;
925
+ --vkui--color_field_background: #292929;
926
+ --vkui--color_field_background--hover: #323232;
927
+ --vkui--color_field_background--active: #3A3A3A;
928
+ --vkui--color_header_background: #222222;
929
+ --vkui--color_header_background--hover: #2B2B2B;
930
+ --vkui--color_header_background--active: #343434;
931
+ --vkui--color_text_accent: #71AAEB;
932
+ --vkui--color_text_accent--hover: #77ADEC;
933
+ --vkui--color_text_accent--active: #7CB1ED;
934
+ --vkui--color_text_accent_themed: #E1E3E6;
935
+ --vkui--color_text_accent_themed--hover: #E2E4E7;
936
+ --vkui--color_text_accent_themed--active: #E3E5E8;
937
+ --vkui--color_text_primary_invariably--hover: #3B3B3B;
938
+ --vkui--color_text_primary_invariably--active: #434343;
939
+ --vkui--color_text_secondary: #B2B2B2;
940
+ --vkui--color_text_secondary--hover: #B5B5B5;
941
+ --vkui--color_text_secondary--active: #B8B8B8;
942
+ --vkui--color_text_subhead: #939393;
943
+ --vkui--color_text_subhead--hover: #979797;
944
+ --vkui--color_text_subhead--active: #9C9C9C;
945
+ --vkui--color_text_tertiary: #656565;
946
+ --vkui--color_text_tertiary--hover: #6B6B6B;
947
+ --vkui--color_text_tertiary--active: #717171;
948
+ --vkui--color_text_contrast_themed: #222222;
949
+ --vkui--color_text_contrast_themed--hover: #2B2B2B;
950
+ --vkui--color_text_contrast_themed--active: #343434;
951
+ --vkui--color_text_link: #71AAEB;
952
+ --vkui--color_text_link--hover: #77ADEC;
953
+ --vkui--color_text_link--active: #7CB1ED;
954
+ --vkui--color_text_link_themed: #939393;
955
+ --vkui--color_text_link_themed--hover: #979797;
956
+ --vkui--color_text_link_themed--active: #9C9C9C;
957
+ --vkui--color_text_muted: #CCCCCC;
958
+ --vkui--color_text_muted--hover: #CECECE;
959
+ --vkui--color_text_muted--active: #D0D0D0;
960
+ --vkui--color_link_contrast: #CCCCCC;
961
+ --vkui--color_link_contrast--hover: #CECECE;
962
+ --vkui--color_link_contrast--active: #D0D0D0;
963
+ --vkui--color_icon_accent: #71AAEB;
964
+ --vkui--color_icon_accent--hover: #77ADEC;
965
+ --vkui--color_icon_accent--active: #7CB1ED;
966
+ --vkui--color_icon_accent_themed: #E1E3E6;
967
+ --vkui--color_icon_accent_themed--hover: #E2E4E7;
968
+ --vkui--color_icon_accent_themed--active: #E3E5E8;
969
+ --vkui--color_icon_primary_invariably--hover: #3B3B3B;
970
+ --vkui--color_icon_primary_invariably--active: #434343;
971
+ --vkui--color_icon_medium: #939393;
972
+ --vkui--color_icon_medium--hover: #979797;
973
+ --vkui--color_icon_medium--active: #9C9C9C;
974
+ --vkui--color_icon_medium_alpha: rgba(255, 255, 255, 0.48);
975
+ --vkui--color_icon_medium_alpha--hover: rgba(255, 255, 255, 0.52);
976
+ --vkui--color_icon_medium_alpha--active: rgba(255, 255, 255, 0.56);
977
+ --vkui--color_icon_secondary: #828282;
978
+ --vkui--color_icon_secondary--hover: #878787;
979
+ --vkui--color_icon_secondary--active: #8C8C8C;
980
+ --vkui--color_icon_secondary_alpha: rgba(255, 255, 255, 0.40);
981
+ --vkui--color_icon_secondary_alpha--hover: rgba(255, 255, 255, 0.44);
982
+ --vkui--color_icon_secondary_alpha--active: rgba(255, 255, 255, 0.48);
983
+ --vkui--color_icon_tertiary: #656565;
984
+ --vkui--color_icon_tertiary--hover: #6B6B6B;
985
+ --vkui--color_icon_tertiary--active: #717171;
986
+ --vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, 0.24);
987
+ --vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, 0.28);
988
+ --vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, 0.32);
989
+ --vkui--color_icon_contrast: #E1E3E6;
990
+ --vkui--color_icon_contrast--hover: #E2E4E7;
991
+ --vkui--color_icon_contrast--active: #E3E5E8;
992
+ --vkui--color_icon_contrast_themed: #222222;
993
+ --vkui--color_icon_contrast_themed--hover: #2B2B2B;
994
+ --vkui--color_icon_contrast_themed--active: #343434;
995
+ --vkui--color_stroke_accent: #71AAEB;
996
+ --vkui--color_stroke_accent--hover: #77ADEC;
997
+ --vkui--color_stroke_accent--active: #7CB1ED;
998
+ --vkui--color_stroke_accent_themed: #E1E3E6;
999
+ --vkui--color_stroke_accent_themed--hover: #E2E4E7;
1000
+ --vkui--color_stroke_accent_themed--active: #E3E5E8;
1001
+ --vkui--color_separator_secondary: #292929;
1002
+ --vkui--color_separator_secondary--hover: #323232;
1003
+ --vkui--color_separator_secondary--active: #3A3A3A;
1004
+ --vkui--color_accent_blue: #397DCC;
1005
+ --vkui--color_accent_blue--hover: #4182CE;
1006
+ --vkui--color_accent_blue--active: #4987D0;
1007
+ --vkui--color_accent_gray--hover: #B1BAC4;
1008
+ --vkui--color_accent_gray--active: #B4BDC7;
1009
+ --vkui--color_accent_purple: #937FF5;
1010
+ --vkui--color_accent_purple--hover: #9784F5;
1011
+ --vkui--color_accent_purple--active: #9C89F6;
1012
+ --vkui--color_accent_violet: #A393F5;
1013
+ --vkui--color_accent_violet--hover: #A797F5;
1014
+ --vkui--color_accent_violet--active: #AA9CF6;
1015
+ --vkui--color_skeleton_from: #292929;
1016
+ --vkui--color_skeleton_from--hover: #323232;
1017
+ --vkui--color_skeleton_from--active: #3A3A3A;
1018
+ --vkui--color_skeleton_to: #333333;
1019
+ --vkui--color_skeleton_to--hover: #3B3B3B;
1020
+ --vkui--color_skeleton_to--active: #434343;
1021
+ --vkui--color_write_bar_icon: #E1E3E6;
1022
+ --vkui--color_write_bar_icon--hover: #E2E4E7;
1023
+ --vkui--color_write_bar_icon--active: #E3E5E8;
1024
+ --vkui--color_write_bar_input_background: #424242;
1025
+ --vkui--color_write_bar_input_background--hover: #4A4A4A;
1026
+ --vkui--color_write_bar_input_background--active: #515151;
1027
+ --vkui--color_write_bar_input_border: #555555;
1028
+ --vkui--color_write_bar_input_border--hover: #5C5C5C;
1029
+ --vkui--color_write_bar_input_border--active: #636363;
1030
+ --vkui--color_track_background: #828282;
1031
+ --vkui--color_track_background--hover: #878787;
1032
+ --vkui--color_track_background--active: #8C8C8C;
1033
+ --vkui--color_track_buffer: #FFFFFF;
1034
+ --vkui--color_track_buffer--hover: #EBEDF0;
1035
+ --vkui--color_track_buffer--active: #D7D8DB;
1036
+ --vkui--color_search_field_background: #424242;
1037
+ --vkui--color_search_field_background--hover: #4A4A4A;
1038
+ --vkui--color_search_field_background--active: #515151
1039
+ }