@vkontakte/vkui-tokens 4.87.0 → 4.89.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (318) hide show
  1. package/README.md +1 -1
  2. package/interfaces/themes/legoIOS/index.d.ts +18 -2
  3. package/interfaces/themes/legoSimpleAndroid/index.d.ts +5 -0
  4. package/interfaces/themes/legoSimpleAndroid/index.js +1 -0
  5. package/interfaces/themes/legoSimpleAndroidDark/index.d.ts +2 -0
  6. package/interfaces/themes/legoSimpleAndroidDark/index.js +1 -0
  7. package/interfaces/themes/vkontakteAndroid/index.d.ts +8 -1
  8. package/package.json +10 -10
  9. package/themes/legoAndroid/cssVars/declarations/index.css +58 -37
  10. package/themes/legoAndroid/cssVars/declarations/noColors.css +10 -10
  11. package/themes/legoAndroid/cssVars/declarations/noSizes.css +56 -29
  12. package/themes/legoAndroid/cssVars/declarations/onlyColors.css +48 -27
  13. package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
  14. package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +58 -37
  15. package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
  16. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +58 -37
  17. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +46 -27
  18. package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +58 -37
  19. package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +58 -37
  20. package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +58 -37
  21. package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +58 -37
  22. package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +58 -37
  23. package/themes/legoAndroid/cssVars/theme/index.js +1 -1
  24. package/themes/legoAndroid/cssVars/theme/index.json +157 -59
  25. package/themes/legoAndroid/docs.json +28 -0
  26. package/themes/legoAndroid/index.css +58 -37
  27. package/themes/legoAndroid/index.js +1 -1
  28. package/themes/legoAndroid/index.json +77 -42
  29. package/themes/legoAndroid/index.less +58 -37
  30. package/themes/legoAndroid/index.pcss +58 -37
  31. package/themes/legoAndroid/index.scss +58 -37
  32. package/themes/legoAndroid/index.styl +58 -37
  33. package/themes/legoAndroid/struct.json +78 -43
  34. package/themes/legoAndroidDark/cssVars/declarations/index.css +52 -31
  35. package/themes/legoAndroidDark/cssVars/declarations/noColors.css +10 -10
  36. package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +50 -23
  37. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +42 -21
  38. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  39. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +52 -31
  40. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  41. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +52 -31
  42. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +43 -21
  43. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +52 -31
  44. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +52 -31
  45. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +52 -31
  46. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +52 -31
  47. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +52 -31
  48. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  49. package/themes/legoAndroidDark/cssVars/theme/index.json +151 -53
  50. package/themes/legoAndroidDark/docs.json +28 -0
  51. package/themes/legoAndroidDark/index.css +52 -31
  52. package/themes/legoAndroidDark/index.js +1 -1
  53. package/themes/legoAndroidDark/index.json +68 -33
  54. package/themes/legoAndroidDark/index.less +52 -31
  55. package/themes/legoAndroidDark/index.pcss +52 -31
  56. package/themes/legoAndroidDark/index.scss +52 -31
  57. package/themes/legoAndroidDark/index.styl +52 -31
  58. package/themes/legoAndroidDark/struct.json +69 -34
  59. package/themes/legoIOS/cssVars/declarations/index.css +58 -36
  60. package/themes/legoIOS/cssVars/declarations/noColors.css +10 -9
  61. package/themes/legoIOS/cssVars/declarations/noSizes.css +56 -29
  62. package/themes/legoIOS/cssVars/declarations/onlyColors.css +48 -27
  63. package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
  64. package/themes/legoIOS/cssVars/declarations/onlyVariables.css +58 -36
  65. package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
  66. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +58 -36
  67. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +52 -25
  68. package/themes/legoIOS/cssVars/theme/fallbacks/index.css +58 -36
  69. package/themes/legoIOS/cssVars/theme/fallbacks/index.less +58 -36
  70. package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +58 -36
  71. package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +58 -36
  72. package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +58 -36
  73. package/themes/legoIOS/cssVars/theme/index.js +1 -1
  74. package/themes/legoIOS/cssVars/theme/index.json +157 -55
  75. package/themes/legoIOS/docs.json +52 -0
  76. package/themes/legoIOS/index.css +58 -36
  77. package/themes/legoIOS/index.js +1 -1
  78. package/themes/legoIOS/index.json +76 -40
  79. package/themes/legoIOS/index.less +58 -36
  80. package/themes/legoIOS/index.pcss +58 -36
  81. package/themes/legoIOS/index.scss +58 -36
  82. package/themes/legoIOS/index.styl +58 -36
  83. package/themes/legoIOS/struct.json +77 -41
  84. package/themes/legoIOSDark/cssVars/declarations/index.css +52 -30
  85. package/themes/legoIOSDark/cssVars/declarations/noColors.css +10 -9
  86. package/themes/legoIOSDark/cssVars/declarations/noSizes.css +50 -23
  87. package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +42 -21
  88. package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
  89. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +52 -30
  90. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  91. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +52 -30
  92. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +49 -19
  93. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +52 -30
  94. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +52 -30
  95. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +52 -30
  96. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +52 -30
  97. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +52 -30
  98. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  99. package/themes/legoIOSDark/cssVars/theme/index.json +151 -49
  100. package/themes/legoIOSDark/docs.json +52 -0
  101. package/themes/legoIOSDark/index.css +52 -30
  102. package/themes/legoIOSDark/index.js +1 -1
  103. package/themes/legoIOSDark/index.json +67 -31
  104. package/themes/legoIOSDark/index.less +52 -30
  105. package/themes/legoIOSDark/index.pcss +52 -30
  106. package/themes/legoIOSDark/index.scss +52 -30
  107. package/themes/legoIOSDark/index.styl +52 -30
  108. package/themes/legoIOSDark/struct.json +68 -32
  109. package/themes/legoSimpleAndroid/cssVars/declarations/index.css +1446 -0
  110. package/themes/legoSimpleAndroid/cssVars/declarations/noColors.css +906 -0
  111. package/themes/legoSimpleAndroid/cssVars/declarations/noSizes.css +704 -0
  112. package/themes/legoSimpleAndroid/cssVars/declarations/onlyAdaptiveGroups.css +169 -0
  113. package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.css +617 -0
  114. package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.d.ts +3 -0
  115. package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.js +1 -0
  116. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.css +923 -0
  117. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.d.ts +3 -0
  118. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.js +1 -0
  119. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariablesLocal.css +923 -0
  120. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +71 -0
  121. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.css +1276 -0
  122. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.less +1000 -0
  123. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.pcss +1001 -0
  124. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.scss +1247 -0
  125. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.styl +1000 -0
  126. package/themes/legoSimpleAndroid/cssVars/theme/index.d.ts +4 -0
  127. package/themes/legoSimpleAndroid/cssVars/theme/index.js +1 -0
  128. package/themes/legoSimpleAndroid/cssVars/theme/index.json +5153 -0
  129. package/themes/legoSimpleAndroid/docs.json +3751 -0
  130. package/themes/legoSimpleAndroid/index.css +1276 -0
  131. package/themes/legoSimpleAndroid/index.d.ts +4 -0
  132. package/themes/legoSimpleAndroid/index.js +1 -0
  133. package/themes/legoSimpleAndroid/index.json +1590 -0
  134. package/themes/legoSimpleAndroid/index.less +1000 -0
  135. package/themes/legoSimpleAndroid/index.pcss +1001 -0
  136. package/themes/legoSimpleAndroid/index.scss +1247 -0
  137. package/themes/legoSimpleAndroid/index.styl +1000 -0
  138. package/themes/legoSimpleAndroid/struct.json +1756 -0
  139. package/themes/legoSimpleAndroidDark/cssVars/declarations/index.css +1446 -0
  140. package/themes/legoSimpleAndroidDark/cssVars/declarations/noColors.css +906 -0
  141. package/themes/legoSimpleAndroidDark/cssVars/declarations/noSizes.css +704 -0
  142. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyAdaptiveGroups.css +169 -0
  143. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.css +617 -0
  144. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.d.ts +3 -0
  145. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.js +1 -0
  146. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.css +923 -0
  147. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.d.ts +3 -0
  148. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.js +1 -0
  149. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariablesLocal.css +923 -0
  150. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +71 -0
  151. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.css +1276 -0
  152. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.less +1000 -0
  153. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.pcss +1001 -0
  154. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.scss +1247 -0
  155. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.styl +1000 -0
  156. package/themes/legoSimpleAndroidDark/cssVars/theme/index.d.ts +4 -0
  157. package/themes/legoSimpleAndroidDark/cssVars/theme/index.js +1 -0
  158. package/themes/legoSimpleAndroidDark/cssVars/theme/index.json +5153 -0
  159. package/themes/legoSimpleAndroidDark/docs.json +3751 -0
  160. package/themes/legoSimpleAndroidDark/index.css +1276 -0
  161. package/themes/legoSimpleAndroidDark/index.d.ts +4 -0
  162. package/themes/legoSimpleAndroidDark/index.js +1 -0
  163. package/themes/legoSimpleAndroidDark/index.json +1590 -0
  164. package/themes/legoSimpleAndroidDark/index.less +1000 -0
  165. package/themes/legoSimpleAndroidDark/index.pcss +1001 -0
  166. package/themes/legoSimpleAndroidDark/index.scss +1247 -0
  167. package/themes/legoSimpleAndroidDark/index.styl +1000 -0
  168. package/themes/legoSimpleAndroidDark/struct.json +1756 -0
  169. package/themes/milkshakeIOS/cssVars/declarations/index.css +27 -0
  170. package/themes/milkshakeIOS/cssVars/declarations/noColors.css +6 -0
  171. package/themes/milkshakeIOS/cssVars/declarations/noSizes.css +27 -0
  172. package/themes/milkshakeIOS/cssVars/declarations/onlyColors.css +21 -0
  173. package/themes/milkshakeIOS/cssVars/declarations/onlyColors.js +1 -1
  174. package/themes/milkshakeIOS/cssVars/declarations/onlyVariables.css +27 -0
  175. package/themes/milkshakeIOS/cssVars/declarations/onlyVariables.js +1 -1
  176. package/themes/milkshakeIOS/cssVars/declarations/onlyVariablesLocal.css +27 -0
  177. package/themes/milkshakeIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +27 -0
  178. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.css +27 -0
  179. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.less +27 -0
  180. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.pcss +27 -0
  181. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.scss +27 -0
  182. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.styl +27 -0
  183. package/themes/milkshakeIOS/cssVars/theme/index.js +1 -1
  184. package/themes/milkshakeIOS/cssVars/theme/index.json +122 -0
  185. package/themes/milkshakeIOS/docs.json +52 -0
  186. package/themes/milkshakeIOS/index.css +27 -0
  187. package/themes/milkshakeIOS/index.js +1 -1
  188. package/themes/milkshakeIOS/index.json +41 -0
  189. package/themes/milkshakeIOS/index.less +27 -0
  190. package/themes/milkshakeIOS/index.pcss +27 -0
  191. package/themes/milkshakeIOS/index.scss +27 -0
  192. package/themes/milkshakeIOS/index.styl +27 -0
  193. package/themes/milkshakeIOS/struct.json +42 -1
  194. package/themes/milkshakeIOSDark/cssVars/declarations/index.css +27 -0
  195. package/themes/milkshakeIOSDark/cssVars/declarations/noColors.css +6 -0
  196. package/themes/milkshakeIOSDark/cssVars/declarations/noSizes.css +27 -0
  197. package/themes/milkshakeIOSDark/cssVars/declarations/onlyColors.css +21 -0
  198. package/themes/milkshakeIOSDark/cssVars/declarations/onlyColors.js +1 -1
  199. package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariables.css +27 -0
  200. package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  201. package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariablesLocal.css +27 -0
  202. package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +27 -0
  203. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.css +27 -0
  204. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.less +27 -0
  205. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.pcss +27 -0
  206. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.scss +27 -0
  207. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.styl +27 -0
  208. package/themes/milkshakeIOSDark/cssVars/theme/index.js +1 -1
  209. package/themes/milkshakeIOSDark/cssVars/theme/index.json +122 -0
  210. package/themes/milkshakeIOSDark/docs.json +52 -0
  211. package/themes/milkshakeIOSDark/index.css +27 -0
  212. package/themes/milkshakeIOSDark/index.js +1 -1
  213. package/themes/milkshakeIOSDark/index.json +41 -0
  214. package/themes/milkshakeIOSDark/index.less +27 -0
  215. package/themes/milkshakeIOSDark/index.pcss +27 -0
  216. package/themes/milkshakeIOSDark/index.scss +27 -0
  217. package/themes/milkshakeIOSDark/index.styl +27 -0
  218. package/themes/milkshakeIOSDark/struct.json +42 -1
  219. package/themes/vkontakteAndroid/cssVars/declarations/index.css +30 -3
  220. package/themes/vkontakteAndroid/cssVars/declarations/noColors.css +6 -0
  221. package/themes/vkontakteAndroid/cssVars/declarations/noSizes.css +30 -3
  222. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.css +24 -3
  223. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.js +1 -1
  224. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.css +30 -3
  225. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.js +1 -1
  226. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocal.css +30 -3
  227. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +30 -3
  228. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.css +30 -3
  229. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.less +30 -3
  230. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.pcss +30 -3
  231. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.scss +30 -3
  232. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.styl +30 -3
  233. package/themes/vkontakteAndroid/cssVars/theme/index.js +1 -1
  234. package/themes/vkontakteAndroid/cssVars/theme/index.json +129 -7
  235. package/themes/vkontakteAndroid/docs.json +28 -0
  236. package/themes/vkontakteAndroid/index.css +30 -3
  237. package/themes/vkontakteAndroid/index.js +1 -1
  238. package/themes/vkontakteAndroid/index.json +45 -4
  239. package/themes/vkontakteAndroid/index.less +30 -3
  240. package/themes/vkontakteAndroid/index.pcss +30 -3
  241. package/themes/vkontakteAndroid/index.scss +30 -3
  242. package/themes/vkontakteAndroid/index.styl +30 -3
  243. package/themes/vkontakteAndroid/struct.json +46 -5
  244. package/themes/vkontakteAndroidDark/cssVars/declarations/index.css +30 -3
  245. package/themes/vkontakteAndroidDark/cssVars/declarations/noColors.css +6 -0
  246. package/themes/vkontakteAndroidDark/cssVars/declarations/noSizes.css +30 -3
  247. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.css +24 -3
  248. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  249. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.css +30 -3
  250. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  251. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocal.css +30 -3
  252. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +30 -3
  253. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.css +30 -3
  254. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.less +30 -3
  255. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.pcss +30 -3
  256. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.scss +30 -3
  257. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.styl +30 -3
  258. package/themes/vkontakteAndroidDark/cssVars/theme/index.js +1 -1
  259. package/themes/vkontakteAndroidDark/cssVars/theme/index.json +129 -7
  260. package/themes/vkontakteAndroidDark/docs.json +28 -0
  261. package/themes/vkontakteAndroidDark/index.css +30 -3
  262. package/themes/vkontakteAndroidDark/index.js +1 -1
  263. package/themes/vkontakteAndroidDark/index.json +45 -4
  264. package/themes/vkontakteAndroidDark/index.less +30 -3
  265. package/themes/vkontakteAndroidDark/index.pcss +30 -3
  266. package/themes/vkontakteAndroidDark/index.scss +30 -3
  267. package/themes/vkontakteAndroidDark/index.styl +30 -3
  268. package/themes/vkontakteAndroidDark/struct.json +46 -5
  269. package/themes/vkontakteCom/docs.json +28 -0
  270. package/themes/vkontakteComDark/docs.json +28 -0
  271. package/themes/vkontakteIOS/cssVars/declarations/index.css +24 -3
  272. package/themes/vkontakteIOS/cssVars/declarations/noSizes.css +24 -3
  273. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.css +24 -3
  274. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.js +1 -1
  275. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.css +24 -3
  276. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.js +1 -1
  277. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocal.css +24 -3
  278. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +24 -3
  279. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.css +24 -3
  280. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.less +24 -3
  281. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.pcss +24 -3
  282. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.scss +24 -3
  283. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.styl +24 -3
  284. package/themes/vkontakteIOS/cssVars/theme/index.js +1 -1
  285. package/themes/vkontakteIOS/cssVars/theme/index.json +105 -7
  286. package/themes/vkontakteIOS/docs.json +28 -0
  287. package/themes/vkontakteIOS/index.css +24 -3
  288. package/themes/vkontakteIOS/index.js +1 -1
  289. package/themes/vkontakteIOS/index.json +39 -4
  290. package/themes/vkontakteIOS/index.less +24 -3
  291. package/themes/vkontakteIOS/index.pcss +24 -3
  292. package/themes/vkontakteIOS/index.scss +24 -3
  293. package/themes/vkontakteIOS/index.styl +24 -3
  294. package/themes/vkontakteIOS/struct.json +39 -4
  295. package/themes/vkontakteIOSDark/cssVars/declarations/index.css +24 -3
  296. package/themes/vkontakteIOSDark/cssVars/declarations/noSizes.css +24 -3
  297. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.css +24 -3
  298. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.js +1 -1
  299. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.css +24 -3
  300. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  301. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocal.css +24 -3
  302. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +24 -3
  303. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.css +24 -3
  304. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.less +24 -3
  305. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.pcss +24 -3
  306. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.scss +24 -3
  307. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.styl +24 -3
  308. package/themes/vkontakteIOSDark/cssVars/theme/index.js +1 -1
  309. package/themes/vkontakteIOSDark/cssVars/theme/index.json +105 -7
  310. package/themes/vkontakteIOSDark/docs.json +28 -0
  311. package/themes/vkontakteIOSDark/index.css +24 -3
  312. package/themes/vkontakteIOSDark/index.js +1 -1
  313. package/themes/vkontakteIOSDark/index.json +39 -4
  314. package/themes/vkontakteIOSDark/index.less +24 -3
  315. package/themes/vkontakteIOSDark/index.pcss +24 -3
  316. package/themes/vkontakteIOSDark/index.scss +24 -3
  317. package/themes/vkontakteIOSDark/index.styl +24 -3
  318. package/themes/vkontakteIOSDark/struct.json +39 -4
@@ -0,0 +1,1276 @@
1
+ :root {
2
+ --vkui--theme_name: 'var\(--vkui--theme_name\,\ legoSimpleAndroidDark\)';
3
+ --vkui--theme_name_base: 'var\(--vkui--theme_name_base\,\ legoSimpleAndroid\)';
4
+ --vkui--elevation1: var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06));
5
+ --vkui--elevation1_invert_y: var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06));
6
+ --vkui--elevation2: var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06));
7
+ --vkui--elevation3: var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08));
8
+ --vkui--elevation4: var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16));
9
+ --vkui--blur_s: var(--vkui--blur_s, 8px);
10
+ --vkui--blur_m: var(--vkui--blur_m, 16px);
11
+ --vkui--blur_l: var(--vkui--blur_l, 32px);
12
+ --vkui--blur_x_l: var(--vkui--blur_x_l, 64px);
13
+ --vkui--font_family_fallbacks: var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
14
+ --vkui--font_family_accent: var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
15
+ --vkui--font_family_base: var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
16
+ --vkui--font_weight_accent1: var(--vkui--font_weight_accent1, 600);
17
+ --vkui--font_weight_accent2: var(--vkui--font_weight_accent2, 500);
18
+ --vkui--font_weight_accent3: var(--vkui--font_weight_accent3, 400);
19
+ --vkui--font_weight_base1: var(--vkui--font_weight_base1, 600);
20
+ --vkui--font_weight_base2: var(--vkui--font_weight_base2, 500);
21
+ --vkui--font_weight_base3: var(--vkui--font_weight_base3, 400);
22
+ --vkui--font_display_title1--font_size--regular: var(--vkui--font_display_title1--font_size--regular, 23px);
23
+ --vkui--font_display_title1--line_height--regular: var(--vkui--font_display_title1--line_height--regular, 28px);
24
+ --vkui--font_display_title1--font_family--regular: var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
25
+ --vkui--font_display_title1--font_weight--regular: var(--vkui--font_display_title1--font_weight--regular, 600);
26
+ --vkui--font_display_title2--font_size--regular: var(--vkui--font_display_title2--font_size--regular, 21px);
27
+ --vkui--font_display_title2--line_height--regular: var(--vkui--font_display_title2--line_height--regular, 26px);
28
+ --vkui--font_display_title2--font_family--regular: var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
29
+ --vkui--font_display_title2--font_weight--regular: var(--vkui--font_display_title2--font_weight--regular, 600);
30
+ --vkui--font_display_title2--font_size--compact: var(--vkui--font_display_title2--font_size--compact, 22px);
31
+ --vkui--font_display_title2--line_height--compact: var(--vkui--font_display_title2--line_height--compact, 24px);
32
+ --vkui--font_display_title2--font_family--compact: var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
33
+ --vkui--font_display_title2--font_weight--compact: var(--vkui--font_display_title2--font_weight--compact, 600);
34
+ --vkui--font_display_title3--font_size--regular: var(--vkui--font_display_title3--font_size--regular, 19px);
35
+ --vkui--font_display_title3--line_height--regular: var(--vkui--font_display_title3--line_height--regular, 24px);
36
+ --vkui--font_display_title3--font_family--regular: var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
37
+ --vkui--font_display_title3--font_weight--regular: var(--vkui--font_display_title3--font_weight--regular, 600);
38
+ --vkui--font_display_title4--font_size--regular: var(--vkui--font_display_title4--font_size--regular, 17px);
39
+ --vkui--font_display_title4--line_height--regular: var(--vkui--font_display_title4--line_height--regular, 22px);
40
+ --vkui--font_display_title4--font_family--regular: var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
41
+ --vkui--font_display_title4--font_weight--regular: var(--vkui--font_display_title4--font_weight--regular, 600);
42
+ --vkui--font_title1--font_size--regular: var(--vkui--font_title1--font_size--regular, 31px);
43
+ --vkui--font_title1--line_height--regular: var(--vkui--font_title1--line_height--regular, 31px);
44
+ --vkui--font_title1--font_family--regular: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
45
+ --vkui--font_title1--font_weight--regular: var(--vkui--font_title1--font_weight--regular, 700);
46
+ --vkui--font_title1--letter_spacing--regular: var(--vkui--font_title1--letter_spacing--regular, -0.5px);
47
+ --vkui--font_title2--font_size--regular: var(--vkui--font_title2--font_size--regular, 24px);
48
+ --vkui--font_title2--line_height--regular: var(--vkui--font_title2--line_height--regular, 26px);
49
+ --vkui--font_title2--font_family--regular: var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
50
+ --vkui--font_title2--font_weight--regular: var(--vkui--font_title2--font_weight--regular, 700);
51
+ --vkui--font_title2--letter_spacing--regular: var(--vkui--font_title2--letter_spacing--regular, -0.09px);
52
+ --vkui--font_title3--font_size--regular: var(--vkui--font_title3--font_size--regular, 21.5px);
53
+ --vkui--font_title3--line_height--regular: var(--vkui--font_title3--line_height--regular, 23px);
54
+ --vkui--font_title3--font_family--regular: var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
55
+ --vkui--font_title3--font_weight--regular: var(--vkui--font_title3--font_weight--regular, 700);
56
+ --vkui--font_title3--letter_spacing--regular: var(--vkui--font_title3--letter_spacing--regular, -0.15px);
57
+ --vkui--font_headline1--font_size--regular: var(--vkui--font_headline1--font_size--regular, 17px);
58
+ --vkui--font_headline1--line_height--regular: var(--vkui--font_headline1--line_height--regular, 20px);
59
+ --vkui--font_headline1--font_family--regular: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
60
+ --vkui--font_headline1--font_weight--regular: var(--vkui--font_headline1--font_weight--regular, 600);
61
+ --vkui--font_headline1--letter_spacing--regular: var(--vkui--font_headline1--letter_spacing--regular, -0.16px);
62
+ --vkui--font_headline1--font_size--compact: var(--vkui--font_headline1--font_size--compact, 15px);
63
+ --vkui--font_headline1--line_height--compact: var(--vkui--font_headline1--line_height--compact, 20px);
64
+ --vkui--font_headline2--font_size--regular: var(--vkui--font_headline2--font_size--regular, 15px);
65
+ --vkui--font_headline2--line_height--regular: var(--vkui--font_headline2--line_height--regular, 20px);
66
+ --vkui--font_headline2--font_family--regular: var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
67
+ --vkui--font_headline2--font_weight--regular: var(--vkui--font_headline2--font_weight--regular, 500);
68
+ --vkui--font_headline2--font_size--compact: var(--vkui--font_headline2--font_size--compact, 14px);
69
+ --vkui--font_headline2--line_height--compact: var(--vkui--font_headline2--line_height--compact, 20px);
70
+ --vkui--font_text--font_size--regular: var(--vkui--font_text--font_size--regular, 16px);
71
+ --vkui--font_text--line_height--regular: var(--vkui--font_text--line_height--regular, 18.5px);
72
+ --vkui--font_text--font_family--regular: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
73
+ --vkui--font_text--font_weight--regular: var(--vkui--font_text--font_weight--regular, 600);
74
+ --vkui--font_text--letter_spacing--regular: var(--vkui--font_text--letter_spacing--regular, -0.15px);
75
+ --vkui--font_text--font_size--compact: var(--vkui--font_text--font_size--compact, 15px);
76
+ --vkui--font_text--line_height--compact: var(--vkui--font_text--line_height--compact, 20px);
77
+ --vkui--font_paragraph--font_size--regular: var(--vkui--font_paragraph--font_size--regular, 15px);
78
+ --vkui--font_paragraph--line_height--regular: var(--vkui--font_paragraph--line_height--regular, 18.5px);
79
+ --vkui--font_paragraph--font_family--regular: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
80
+ --vkui--font_paragraph--font_weight--regular: var(--vkui--font_paragraph--font_weight--regular, 600);
81
+ --vkui--font_paragraph--letter_spacing--regular: var(--vkui--font_paragraph--letter_spacing--regular, -0.17px);
82
+ --vkui--font_subhead--font_size--regular: var(--vkui--font_subhead--font_size--regular, 14px);
83
+ --vkui--font_subhead--line_height--regular: var(--vkui--font_subhead--line_height--regular, 18px);
84
+ --vkui--font_subhead--font_family--regular: var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
85
+ --vkui--font_subhead--font_weight--regular: var(--vkui--font_subhead--font_weight--regular, 400);
86
+ --vkui--font_subhead--font_size--compact: var(--vkui--font_subhead--font_size--compact, 13px);
87
+ --vkui--font_subhead--line_height--compact: var(--vkui--font_subhead--line_height--compact, 16px);
88
+ --vkui--font_footnote--font_size--regular: var(--vkui--font_footnote--font_size--regular, 13.5px);
89
+ --vkui--font_footnote--line_height--regular: var(--vkui--font_footnote--line_height--regular, 15px);
90
+ --vkui--font_footnote--font_family--regular: var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
91
+ --vkui--font_footnote--font_weight--regular: var(--vkui--font_footnote--font_weight--regular, 600);
92
+ --vkui--font_footnote--letter_spacing--regular: var(--vkui--font_footnote--letter_spacing--regular, -0.16px);
93
+ --vkui--font_footnote_caps--font_size--regular: var(--vkui--font_footnote_caps--font_size--regular, 13px);
94
+ --vkui--font_footnote_caps--line_height--regular: var(--vkui--font_footnote_caps--line_height--regular, 16px);
95
+ --vkui--font_footnote_caps--font_family--regular: var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
96
+ --vkui--font_footnote_caps--font_weight--regular: var(--vkui--font_footnote_caps--font_weight--regular, 600);
97
+ --vkui--font_footnote_caps--text_transform--regular: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
98
+ --vkui--font_caption1--font_size--regular: var(--vkui--font_caption1--font_size--regular, 11.5px);
99
+ --vkui--font_caption1--line_height--regular: var(--vkui--font_caption1--line_height--regular, 12px);
100
+ --vkui--font_caption1--font_family--regular: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
101
+ --vkui--font_caption1--font_weight--regular: var(--vkui--font_caption1--font_weight--regular, 600);
102
+ --vkui--font_caption1--letter_spacing--regular: var(--vkui--font_caption1--letter_spacing--regular, -0.16px);
103
+ --vkui--font_caption1_caps--font_size--regular: var(--vkui--font_caption1_caps--font_size--regular, 12px);
104
+ --vkui--font_caption1_caps--line_height--regular: var(--vkui--font_caption1_caps--line_height--regular, 14px);
105
+ --vkui--font_caption1_caps--font_family--regular: var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
106
+ --vkui--font_caption1_caps--font_weight--regular: var(--vkui--font_caption1_caps--font_weight--regular, 600);
107
+ --vkui--font_caption1_caps--text_transform--regular: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
108
+ --vkui--font_caption2--font_size--regular: var(--vkui--font_caption2--font_size--regular, 11px);
109
+ --vkui--font_caption2--line_height--regular: var(--vkui--font_caption2--line_height--regular, 14px);
110
+ --vkui--font_caption2--font_family--regular: var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
111
+ --vkui--font_caption2--font_weight--regular: var(--vkui--font_caption2--font_weight--regular, 400);
112
+ --vkui--font_caption2_caps--font_size--regular: var(--vkui--font_caption2_caps--font_size--regular, 11px);
113
+ --vkui--font_caption2_caps--line_height--regular: var(--vkui--font_caption2_caps--line_height--regular, 14px);
114
+ --vkui--font_caption2_caps--font_family--regular: var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
115
+ --vkui--font_caption2_caps--font_weight--regular: var(--vkui--font_caption2_caps--font_weight--regular, 600);
116
+ --vkui--font_caption2_caps--text_transform--regular: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
117
+ --vkui--font_caption3--font_size--regular: var(--vkui--font_caption3--font_size--regular, 9px);
118
+ --vkui--font_caption3--line_height--regular: var(--vkui--font_caption3--line_height--regular, 12px);
119
+ --vkui--font_caption3--font_family--regular: var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
120
+ --vkui--font_caption3--font_weight--regular: var(--vkui--font_caption3--font_weight--regular, 400);
121
+ --vkui--font_caption3_caps--font_size--regular: var(--vkui--font_caption3_caps--font_size--regular, 9px);
122
+ --vkui--font_caption3_caps--line_height--regular: var(--vkui--font_caption3_caps--line_height--regular, 12px);
123
+ --vkui--font_caption3_caps--font_family--regular: var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
124
+ --vkui--font_caption3_caps--font_weight--regular: var(--vkui--font_caption3_caps--font_weight--regular, 600);
125
+ --vkui--font_caption3_caps--text_transform--regular: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
126
+ --vkui--size_select_icon_padding--regular: var(--vkui--size_select_icon_padding--regular, 6px);
127
+ --vkui--size_select_icon_padding--compact: var(--vkui--size_select_icon_padding--compact, 7px);
128
+ --vkui--size_popup_base_padding--regular: var(--vkui--size_popup_base_padding--regular, 32px);
129
+ --vkui--size_popup_base_padding--compact: var(--vkui--size_popup_base_padding--compact, 20px);
130
+ --vkui--size_popup_header_padding--regular: var(--vkui--size_popup_header_padding--regular, 24px);
131
+ --vkui--size_popup_header_padding--compact: var(--vkui--size_popup_header_padding--compact, 16px);
132
+ --vkui--size_label_horizontal_margin--regular: var(--vkui--size_label_horizontal_margin--regular, 16px);
133
+ --vkui--size_border_radius--regular: var(--vkui--size_border_radius--regular, 8px);
134
+ --vkui--size_border_radius_rounded--regular: var(--vkui--size_border_radius_rounded--regular, 48px);
135
+ --vkui--size_check_border_radius--regular: var(--vkui--size_check_border_radius--regular, 4px);
136
+ --vkui--size_border_radius_paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
137
+ --vkui--size_border_radius_promo--regular: var(--vkui--size_border_radius_promo--regular, 20px);
138
+ --vkui--size_cell_height--regular: var(--vkui--size_cell_height--regular, 52px);
139
+ --vkui--size_field_height--regular: var(--vkui--size_field_height--regular, 44px);
140
+ --vkui--size_field_height--compact: var(--vkui--size_field_height--compact, 36px);
141
+ --vkui--size_search_height--regular: var(--vkui--size_search_height--regular, 36px);
142
+ --vkui--size_search_height--compact: var(--vkui--size_search_height--compact, 32px);
143
+ --vkui--size_button_extra_small_height--regular: var(--vkui--size_button_extra_small_height--regular, 28px);
144
+ --vkui--size_button_small_height--regular: var(--vkui--size_button_small_height--regular, 28px);
145
+ --vkui--size_button_medium_height--regular: var(--vkui--size_button_medium_height--regular, 38px);
146
+ --vkui--size_button_large_height--regular: var(--vkui--size_button_large_height--regular, 52px);
147
+ --vkui--size_checkbox--regular: var(--vkui--size_checkbox--regular, 16px);
148
+ --vkui--size_arrow--regular: var(--vkui--size_arrow--regular, 8px);
149
+ --vkui--size_arrow_promo--regular: var(--vkui--size_arrow_promo--regular, 40px);
150
+ --vkui--size_popup_small--regular: var(--vkui--size_popup_small--regular, 430px);
151
+ --vkui--size_popup_medium--regular: var(--vkui--size_popup_medium--regular, 680px);
152
+ --vkui--size_popup_large--regular: var(--vkui--size_popup_large--regular, 880px);
153
+ --vkui--size_field_horizontal_padding--regular: var(--vkui--size_field_horizontal_padding--regular, 12px);
154
+ --vkui--size_button_padding_horizontal--regular: var(--vkui--size_button_padding_horizontal--regular, 12px);
155
+ --vkui--size_arrow_padding--regular: var(--vkui--size_arrow_padding--regular, 12px);
156
+ --vkui--size_tooltip_margin--regular: var(--vkui--size_tooltip_margin--regular, 8px);
157
+ --vkui--size_icon_u_i--regular: var(--vkui--size_icon_u_i--regular, 16px);
158
+ --vkui--size_avatar_x_s--regular: var(--vkui--size_avatar_x_s--regular, 24px);
159
+ --vkui--size_avatar_s--regular: var(--vkui--size_avatar_s--regular, 32px);
160
+ --vkui--size_avatar_m--regular: var(--vkui--size_avatar_m--regular, 48px);
161
+ --vkui--size_avatar_l--regular: var(--vkui--size_avatar_l--regular, 96px);
162
+ --vkui--size_avatar_x_l--regular: var(--vkui--size_avatar_x_l--regular, 128px);
163
+ --vkui--size_badge_x_s--regular: var(--vkui--size_badge_x_s--regular, 12px);
164
+ --vkui--size_badge_s--regular: var(--vkui--size_badge_s--regular, 16px);
165
+ --vkui--size_badge_m--regular: var(--vkui--size_badge_m--regular, 24px);
166
+ --vkui--size_badge_l--regular: var(--vkui--size_badge_l--regular, 44px);
167
+ --vkui--size_badge_x_l--regular: var(--vkui--size_badge_x_l--regular, 56px);
168
+ --vkui--size_cardgrid_padding--regular: var(--vkui--size_cardgrid_padding--regular, 8px);
169
+ --vkui--size_card_border_radius--regular: var(--vkui--size_card_border_radius--regular, 8px);
170
+ --vkui--size_cardgrid_padding_vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
171
+ --vkui--size_base_padding_horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
172
+ --vkui--size_base_padding_vertical--regular: var(--vkui--size_base_padding_vertical--regular, 12px);
173
+ --vkui--size_button_group_gap_space--regular: var(--vkui--size_button_group_gap_space--regular, 1px);
174
+ --vkui--size_button_group_gap_small--regular: var(--vkui--size_button_group_gap_small--regular, 8px);
175
+ --vkui--size_button_group_gap_medium--regular: var(--vkui--size_button_group_gap_medium--regular, 12px);
176
+ --vkui--size_option_hierarchy--regular: var(--vkui--size_option_hierarchy--regular, 32px);
177
+ --vkui--size_switch_height--regular: var(--vkui--size_switch_height--regular, 14px);
178
+ --vkui--size_switch_height--compact: var(--vkui--size_switch_height--compact, 12px);
179
+ --vkui--size_switch_width--regular: var(--vkui--size_switch_width--regular, 34px);
180
+ --vkui--size_switch_width--compact: var(--vkui--size_switch_width--compact, 32px);
181
+ --vkui--size_switch_pin--regular: var(--vkui--size_switch_pin--regular, 20px);
182
+ --vkui--size_switch_pin--compact: var(--vkui--size_switch_pin--compact, 18px);
183
+ --vkui--size_panel_header_height--compact: var(--vkui--size_panel_header_height--compact, 48px);
184
+ --vkui--size_panel_header_height--regular: var(--vkui--size_panel_header_height--regular, 56px);
185
+ --vkui--size_button_base_small_padding_horizontal--regular: var(--vkui--size_button_base_small_padding_horizontal--regular, 16px);
186
+ --vkui--size_button_base_medium_padding_horizontal--regular: var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px);
187
+ --vkui--size_button_base_large_padding_horizontal--regular: var(--vkui--size_button_base_large_padding_horizontal--regular, 20px);
188
+ --vkui--size_button_base_small_padding_horizontal_icon--regular: var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px);
189
+ --vkui--size_button_base_medium_padding_horizontal_icon--regular: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px);
190
+ --vkui--size_button_base_large_padding_horizontal_icon--regular: var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px);
191
+ --vkui--size_button_tertiary_small_padding_horizontal--regular: var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px);
192
+ --vkui--size_button_tertiary_medium_padding_horizontal--regular: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px);
193
+ --vkui--size_button_tertiary_large_padding_horizontal--regular: var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px);
194
+ --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px);
195
+ --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px);
196
+ --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px);
197
+ --vkui--size_button_minimum_width--regular: var(--vkui--size_button_minimum_width--regular, 80px);
198
+ --vkui--size_form_item_padding_vertical--regular: var(--vkui--size_form_item_padding_vertical--regular, 12px);
199
+ --vkui--size_split_col_padding_horizontal--regular: var(--vkui--size_split_col_padding_horizontal--regular, 16px);
200
+ --vkui--size_subnavigation_bar_gap--regular: var(--vkui--size_subnavigation_bar_gap--regular, 8px);
201
+ --vkui--size_subnavigation_bar_padding_vertical--regular: var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px);
202
+ --vkui--size_border1x--regular: var(--vkui--size_border1x--regular, 1px);
203
+ --vkui--size_border2x--regular: var(--vkui--size_border2x--regular, 0.5px);
204
+ --vkui--size_border3x--regular: var(--vkui--size_border3x--regular, 0.33px);
205
+ --vkui--spacing_size_3xs: var(--vkui--spacing_size_3xs, 2px);
206
+ --vkui--spacing_size_2xs: var(--vkui--spacing_size_2xs, 2px);
207
+ --vkui--spacing_size_xs: var(--vkui--spacing_size_xs, 4px);
208
+ --vkui--spacing_size_s: var(--vkui--spacing_size_s, 6px);
209
+ --vkui--spacing_size_m: var(--vkui--spacing_size_m, 8px);
210
+ --vkui--spacing_size_l: var(--vkui--spacing_size_l, 10px);
211
+ --vkui--spacing_size_xl: var(--vkui--spacing_size_xl, 12px);
212
+ --vkui--spacing_size_2xl: var(--vkui--spacing_size_2xl, 16px);
213
+ --vkui--spacing_size_3xl: var(--vkui--spacing_size_3xl, 20px);
214
+ --vkui--spacing_size_4xl: var(--vkui--spacing_size_4xl, 24px);
215
+ --vkui--spacing_size_5xl: var(--vkui--spacing_size_5xl, 32px);
216
+ --vkui--spacing_size_6xl: var(--vkui--spacing_size_6xl, 40px);
217
+ --vkui--animation_duration_l: var(--vkui--animation_duration_l, 0.4s);
218
+ --vkui--animation_duration_m: var(--vkui--animation_duration_m, 0.2s);
219
+ --vkui--animation_duration_s: var(--vkui--animation_duration_s, 0.1s);
220
+ --vkui--animation_easing_default: var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1));
221
+ --vkui--animation_easing_platform: var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1));
222
+ --vkui--opacity_disable: var(--vkui--opacity_disable, 0.52);
223
+ --vkui--opacity_disable_accessibility: var(--vkui--opacity_disable_accessibility, 0.52);
224
+ --vkui--opacity_active: var(--vkui--opacity_active, 0.72);
225
+ --vkui--z_index_modal: var(--vkui--z_index_modal, 99);
226
+ --vkui--z_index_popout: var(--vkui--z_index_popout, 100);
227
+ --vkui--theme_inherits_from: 'var\(--vkui--theme_inherits_from\,\ legoAndroidDark\)';
228
+ --vkui--animation_easing_linear: var(--vkui--animation_easing_linear, cubic-bezier(0, 0, 1, 1));
229
+ --vkui--animation_easing_in_smooth: var(--vkui--animation_easing_in_smooth, cubic-bezier(1, 0, 0.7, 1));
230
+ --vkui--animation_easing_out_smooth: var(--vkui--animation_easing_out_smooth, cubic-bezier(0.3, 0, 0, 1));
231
+ --vkui--animation_easing_in_out_smooth: var(--vkui--animation_easing_in_out_smooth, cubic-bezier(0.3, 0, 0.7, 1));
232
+ --vkui--animation_easing_out_sharp: var(--vkui--animation_easing_out_sharp, cubic-bezier(0.2, 0, 0, 1));
233
+ --vkui--animation_easing_in_out_sharp: var(--vkui--animation_easing_in_out_sharp, cubic-bezier(0.7, 0, 0.3, 1));
234
+ --vkui--radius_2x_s: var(--vkui--radius_2x_s, 4px);
235
+ --vkui--radius_x_s: var(--vkui--radius_x_s, 6px);
236
+ --vkui--radius_s: var(--vkui--radius_s, 8px);
237
+ --vkui--radius_m: var(--vkui--radius_m, 12px);
238
+ --vkui--radius_l: var(--vkui--radius_l, 16px);
239
+ --vkui--radius_x_l: var(--vkui--radius_x_l, 20px);
240
+ --vkui--radius_2x_l: var(--vkui--radius_2x_l, 24px);
241
+ --vkui--radius_3x_l: var(--vkui--radius_3x_l, 32px);
242
+ --vkui--font_label1--font_size--regular: var(--vkui--font_label1--font_size--regular, 19px);
243
+ --vkui--font_label1--line_height--regular: var(--vkui--font_label1--line_height--regular, 20px);
244
+ --vkui--font_label1--font_weight--regular: var(--vkui--font_label1--font_weight--regular, 700);
245
+ --vkui--font_label1--letter_spacing--regular: var(--vkui--font_label1--letter_spacing--regular, -0.14px);
246
+ --vkui--font_label2--font_size--regular: var(--vkui--font_label2--font_size--regular, 18px);
247
+ --vkui--font_label2--line_height--regular: var(--vkui--font_label2--line_height--regular, 21px);
248
+ --vkui--font_label2--font_weight--regular: var(--vkui--font_label2--font_weight--regular, 600);
249
+ --vkui--font_label2--letter_spacing--regular: var(--vkui--font_label2--letter_spacing--regular, -0.19px);
250
+ --vkui--font_body--font_size--regular: var(--vkui--font_body--font_size--regular, 16.5px);
251
+ --vkui--font_body--line_height--regular: var(--vkui--font_body--line_height--regular, 21px);
252
+ --vkui--font_body--font_weight--regular: var(--vkui--font_body--font_weight--regular, 500);
253
+ --vkui--font_body--letter_spacing--regular: var(--vkui--font_body--letter_spacing--regular, -0.21px);
254
+ --vkui--font_text_bold--font_size--regular: var(--vkui--font_text_bold--font_size--regular, 16px);
255
+ --vkui--font_text_bold--line_height--regular: var(--vkui--font_text_bold--line_height--regular, 18.5px);
256
+ --vkui--font_text_bold--font_weight--regular: var(--vkui--font_text_bold--font_weight--regular, 700);
257
+ --vkui--font_text_bold--letter_spacing--regular: var(--vkui--font_text_bold--letter_spacing--regular, -0.15px);
258
+ --vkui--font_footnote_bold--font_size--regular: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
259
+ --vkui--font_footnote_bold--line_height--regular: var(--vkui--font_footnote_bold--line_height--regular, 15px);
260
+ --vkui--font_footnote_bold--font_weight--regular: var(--vkui--font_footnote_bold--font_weight--regular, 700);
261
+ --vkui--font_footnote_bold--letter_spacing--regular: var(--vkui--font_footnote_bold--letter_spacing--regular, -0.16px);
262
+ --vkui--gradient_black: var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%);
263
+ --vkui--gradient_white: var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%);
264
+ --vkui--gradient_tint: var(--vkui--gradient_tint, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%);
265
+ --vkui--gradient: var(--vkui--gradient, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%);
266
+ --vkui--font_headline--font_size--regular: var(--vkui--font_headline--font_size--regular, 17px);
267
+ --vkui--font_headline--line_height--regular: var(--vkui--font_headline--line_height--regular, 20px);
268
+ --vkui--font_headline--font_family--regular: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
269
+ --vkui--font_headline--font_weight--regular: var(--vkui--font_headline--font_weight--regular, 600);
270
+ --vkui--font_headline--letter_spacing--regular: var(--vkui--font_headline--letter_spacing--regular, -0.16px);
271
+ --vkui--font_headline--font_size--compact: var(--vkui--font_headline--font_size--compact, 15px);
272
+ --vkui--font_headline--line_height--compact: var(--vkui--font_headline--line_height--compact, 20px);
273
+ --vkui--vkontakte_gradient_aquamarine_blue: var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%);
274
+ --vkui--vkontakte_gradient_blue: var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%);
275
+ --vkui--vkontakte_gradient_candy: var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%);
276
+ --vkui--vkontakte_gradient_crimson: var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%);
277
+ --vkui--vkontakte_gradient_disco: var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%);
278
+ --vkui--vkontakte_gradient_emerald: var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%);
279
+ --vkui--vkontakte_gradient_gray: var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%);
280
+ --vkui--vkontakte_gradient_green: var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%);
281
+ --vkui--vkontakte_gradient_lagoon: var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%);
282
+ --vkui--vkontakte_gradient_lavender: var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%);
283
+ --vkui--vkontakte_gradient_marine: var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%);
284
+ --vkui--vkontakte_gradient_midnight: var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%);
285
+ --vkui--vkontakte_gradient_orange: var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%);
286
+ --vkui--vkontakte_gradient_pink: var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%);
287
+ --vkui--vkontakte_gradient_purple: var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%);
288
+ --vkui--vkontakte_gradient_raspberry_pink: var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%);
289
+ --vkui--vkontakte_gradient_red: var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%);
290
+ --vkui--vkontakte_gradient_retrowave: var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%);
291
+ --vkui--vkontakte_gradient_sunset: var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%);
292
+ --vkui--vkontakte_gradient_turquoise: var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%);
293
+ --vkui--vkontakte_gradient_twilight: var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%);
294
+ --vkui--vkontakte_gradient_unicorn: var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%);
295
+ --vkui--vkontakte_gradient_violet: var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%);
296
+ --vkui--vkontakte_gradient_yellow: var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%);
297
+ --vkui--vkontakte_gradient_yellow_bright: var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%);
298
+ --vkui--vkontakte_gradient_halloween_orange: var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%);
299
+ --vkui--vkontakte_gradient_halloween_violet: var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%);
300
+ --vkui--vkontakte_gradient_new_year: var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%);
301
+ --vkui--vkontakte_gradient_frost: var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%);
302
+ --vkui--vkontakte_gradient_valentine: var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%);
303
+ --vkui--vkontakte_gradient_warm_valentine: var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%);
304
+ --vkui--vkontakte_gradient_sberkot: var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%);
305
+ --vkui--vkontakte_gradient_mable: var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%);
306
+ --vkui--vkontakte_gradient_womens_day: var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%);
307
+ --vkui--colors_scheme: var(--vkui--colors_scheme, dark);
308
+ --vkui--color_background_accent: var(--vkui--color_background_accent, #2e90ff);
309
+ --vkui--color_background_accent--hover: var(--vkui--color_background_accent--hover, #3694FF);
310
+ --vkui--color_background_accent--active: var(--vkui--color_background_accent--active, #3F99FF);
311
+ --vkui--color_background_accent_themed: var(--vkui--color_background_accent_themed, #FFFFFF);
312
+ --vkui--color_background_accent_themed--hover: var(--vkui--color_background_accent_themed--hover, #EBEDF0);
313
+ --vkui--color_background_accent_themed--active: var(--vkui--color_background_accent_themed--active, #D7D8DB);
314
+ --vkui--color_background_accent_themed_alpha: var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2));
315
+ --vkui--color_background_accent_themed_alpha--hover: var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24));
316
+ --vkui--color_background_accent_themed_alpha--active: var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28));
317
+ --vkui--color_background_accent_tint: var(--vkui--color_background_accent_tint, #5a9eff);
318
+ --vkui--color_background_accent_tint--hover: var(--vkui--color_background_accent_tint--hover, #61A2FF);
319
+ --vkui--color_background_accent_tint--active: var(--vkui--color_background_accent_tint--active, #67A6FF);
320
+ --vkui--color_background_accent_alternative: var(--vkui--color_background_accent_alternative, #529EF4);
321
+ --vkui--color_background_accent_alternative--hover: var(--vkui--color_background_accent_alternative--hover, #59A2F4);
322
+ --vkui--color_background_accent_alternative--active: var(--vkui--color_background_accent_alternative--active, #60A6F5);
323
+ --vkui--color_background: var(--vkui--color_background, #000000);
324
+ --vkui--color_background--hover: var(--vkui--color_background--hover, #0A0A0A);
325
+ --vkui--color_background--active: var(--vkui--color_background--active, #141414);
326
+ --vkui--color_background_content: var(--vkui--color_background_content, #000000);
327
+ --vkui--color_background_content--hover: var(--vkui--color_background_content--hover, #0A0A0A);
328
+ --vkui--color_background_content--active: var(--vkui--color_background_content--active, #141414);
329
+ --vkui--color_background_content_alpha: var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8));
330
+ --vkui--color_background_content_alpha--hover: var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84));
331
+ --vkui--color_background_content_alpha--active: var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88));
332
+ --vkui--color_background_content_inverse: var(--vkui--color_background_content_inverse, #FFFFFF);
333
+ --vkui--color_background_content_inverse--hover: var(--vkui--color_background_content_inverse--hover, #EBEDF0);
334
+ --vkui--color_background_content_inverse--active: var(--vkui--color_background_content_inverse--active, #D7D8DB);
335
+ --vkui--color_background_secondary: var(--vkui--color_background_secondary, #1e1e1c);
336
+ --vkui--color_background_secondary--hover: var(--vkui--color_background_secondary--hover, #272725);
337
+ --vkui--color_background_secondary--active: var(--vkui--color_background_secondary--active, #30302E);
338
+ --vkui--color_background_secondary_alpha: var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10));
339
+ --vkui--color_background_secondary_alpha--hover: var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14));
340
+ --vkui--color_background_secondary_alpha--active: var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18));
341
+ --vkui--color_background_tertiary: var(--vkui--color_background_tertiary, #141414);
342
+ --vkui--color_background_tertiary--hover: var(--vkui--color_background_tertiary--hover, #1D1D1D);
343
+ --vkui--color_background_tertiary--active: var(--vkui--color_background_tertiary--active, #272727);
344
+ --vkui--color_background_tertiary_alpha: var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03));
345
+ --vkui--color_background_tertiary_alpha--hover: var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07));
346
+ --vkui--color_background_tertiary_alpha--active: var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11));
347
+ --vkui--color_background_contrast: var(--vkui--color_background_contrast, #FFFFFF);
348
+ --vkui--color_background_contrast--hover: var(--vkui--color_background_contrast--hover, #EBEDF0);
349
+ --vkui--color_background_contrast--active: var(--vkui--color_background_contrast--active, #D7D8DB);
350
+ --vkui--color_background_contrast_secondary_alpha: var(--vkui--color_background_contrast_secondary_alpha, #ffffff33);
351
+ --vkui--color_background_contrast_secondary_alpha--hover: var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24));
352
+ --vkui--color_background_contrast_secondary_alpha--active: var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28));
353
+ --vkui--color_background_contrast_inverse: var(--vkui--color_background_contrast_inverse, #000000);
354
+ --vkui--color_background_contrast_inverse--hover: var(--vkui--color_background_contrast_inverse--hover, #0A0A0A);
355
+ --vkui--color_background_contrast_inverse--active: var(--vkui--color_background_contrast_inverse--active, #141414);
356
+ --vkui--color_background_contrast_themed: var(--vkui--color_background_contrast_themed, #1e1e1c);
357
+ --vkui--color_background_contrast_themed--hover: var(--vkui--color_background_contrast_themed--hover, #272725);
358
+ --vkui--color_background_contrast_themed--active: var(--vkui--color_background_contrast_themed--active, #30302E);
359
+ --vkui--color_background_modal: var(--vkui--color_background_modal, #000000);
360
+ --vkui--color_background_modal--hover: var(--vkui--color_background_modal--hover, #0A0A0A);
361
+ --vkui--color_background_modal--active: var(--vkui--color_background_modal--active, #141414);
362
+ --vkui--color_background_modal_inverse: var(--vkui--color_background_modal_inverse, #FFFFFF);
363
+ --vkui--color_background_modal_inverse--hover: var(--vkui--color_background_modal_inverse--hover, #EBEDF0);
364
+ --vkui--color_background_modal_inverse--active: var(--vkui--color_background_modal_inverse--active, #D7D8DB);
365
+ --vkui--color_background_positive: var(--vkui--color_background_positive, #34c759);
366
+ --vkui--color_background_positive--hover: var(--vkui--color_background_positive--hover, #3CC960);
367
+ --vkui--color_background_positive--active: var(--vkui--color_background_positive--active, #44CB66);
368
+ --vkui--color_background_positive_tint: var(--vkui--color_background_positive_tint, #273724);
369
+ --vkui--color_background_positive_tint--hover: var(--vkui--color_background_positive_tint--hover, #303F2D);
370
+ --vkui--color_background_positive_tint--active: var(--vkui--color_background_positive_tint--active, #384736);
371
+ --vkui--color_background_warning: var(--vkui--color_background_warning, #483416);
372
+ --vkui--color_background_warning--hover: var(--vkui--color_background_warning--hover, #4F3C1F);
373
+ --vkui--color_background_warning--active: var(--vkui--color_background_warning--active, #574429);
374
+ --vkui--color_background_negative: var(--vkui--color_background_negative, #fd6571);
375
+ --vkui--color_background_negative--hover: var(--vkui--color_background_negative--hover, #FD6B77);
376
+ --vkui--color_background_negative--active: var(--vkui--color_background_negative--active, #FD717C);
377
+ --vkui--color_background_negative_tint: var(--vkui--color_background_negative_tint, #4b2727);
378
+ --vkui--color_background_negative_tint--hover: var(--vkui--color_background_negative_tint--hover, #523030);
379
+ --vkui--color_background_negative_tint--active: var(--vkui--color_background_negative_tint--active, #593838);
380
+ --vkui--color_background_info_tint: var(--vkui--color_background_info_tint, #16334e);
381
+ --vkui--color_background_info_tint--hover: var(--vkui--color_background_info_tint--hover, #1F3B55);
382
+ --vkui--color_background_info_tint--active: var(--vkui--color_background_info_tint--active, #29435C);
383
+ --vkui--color_field_background: var(--vkui--color_field_background, #ddff00);
384
+ --vkui--color_field_background--hover: var(--vkui--color_field_background--hover, #DEFF0A);
385
+ --vkui--color_field_background--active: var(--vkui--color_field_background--active, #E0FF14);
386
+ --vkui--color_header_background: var(--vkui--color_header_background, #19191a);
387
+ --vkui--color_header_background--hover: var(--vkui--color_header_background--hover, #222223);
388
+ --vkui--color_header_background--active: var(--vkui--color_header_background--active, #2B2B2C);
389
+ --vkui--color_text_accent: var(--vkui--color_text_accent, #2e90ff);
390
+ --vkui--color_text_accent--hover: var(--vkui--color_text_accent--hover, #3694FF);
391
+ --vkui--color_text_accent--active: var(--vkui--color_text_accent--active, #3F99FF);
392
+ --vkui--color_text_accent_themed: var(--vkui--color_text_accent_themed, #FFFFFF);
393
+ --vkui--color_text_accent_themed--hover: var(--vkui--color_text_accent_themed--hover, #EBEDF0);
394
+ --vkui--color_text_accent_themed--active: var(--vkui--color_text_accent_themed--active, #D7D8DB);
395
+ --vkui--color_text_primary: var(--vkui--color_text_primary, #FFFFFF);
396
+ --vkui--color_text_primary--hover: var(--vkui--color_text_primary--hover, #EBEDF0);
397
+ --vkui--color_text_primary--active: var(--vkui--color_text_primary--active, #D7D8DB);
398
+ --vkui--color_text_primary_alpha: var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72));
399
+ --vkui--color_text_primary_alpha--hover: var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76));
400
+ --vkui--color_text_primary_alpha--active: var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8));
401
+ --vkui--color_text_primary_invariably: var(--vkui--color_text_primary_invariably, #3b3b3b);
402
+ --vkui--color_text_primary_invariably--hover: var(--vkui--color_text_primary_invariably--hover, #434343);
403
+ --vkui--color_text_primary_invariably--active: var(--vkui--color_text_primary_invariably--active, #4B4B4B);
404
+ --vkui--color_text_secondary: var(--vkui--color_text_secondary, #666666);
405
+ --vkui--color_text_secondary--hover: var(--vkui--color_text_secondary--hover, #6C6C6C);
406
+ --vkui--color_text_secondary--active: var(--vkui--color_text_secondary--active, #727272);
407
+ --vkui--color_text_secondary_alpha: var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42));
408
+ --vkui--color_text_secondary_alpha--hover: var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46));
409
+ --vkui--color_text_secondary_alpha--active: var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5));
410
+ --vkui--color_text_subhead: var(--vkui--color_text_subhead, #969a9f);
411
+ --vkui--color_text_subhead--hover: var(--vkui--color_text_subhead--hover, #9A9EA3);
412
+ --vkui--color_text_subhead--active: var(--vkui--color_text_subhead--active, #9EA2A7);
413
+ --vkui--color_text_tertiary: var(--vkui--color_text_tertiary, #5d5f61);
414
+ --vkui--color_text_tertiary--hover: var(--vkui--color_text_tertiary--hover, #636567);
415
+ --vkui--color_text_tertiary--active: var(--vkui--color_text_tertiary--active, #6A6C6E);
416
+ --vkui--color_text_contrast: var(--vkui--color_text_contrast, #FFFFFF);
417
+ --vkui--color_text_contrast--hover: var(--vkui--color_text_contrast--hover, #EBEDF0);
418
+ --vkui--color_text_contrast--active: var(--vkui--color_text_contrast--active, #D7D8DB);
419
+ --vkui--color_text_contrast_themed: var(--vkui--color_text_contrast_themed, #3b3b3b);
420
+ --vkui--color_text_contrast_themed--hover: var(--vkui--color_text_contrast_themed--hover, #434343);
421
+ --vkui--color_text_contrast_themed--active: var(--vkui--color_text_contrast_themed--active, #4B4B4B);
422
+ --vkui--color_text_positive: var(--vkui--color_text_positive, #34c759);
423
+ --vkui--color_text_positive--hover: var(--vkui--color_text_positive--hover, #3CC960);
424
+ --vkui--color_text_positive--active: var(--vkui--color_text_positive--active, #44CB66);
425
+ --vkui--color_text_negative: var(--vkui--color_text_negative, #fd6571);
426
+ --vkui--color_text_negative--hover: var(--vkui--color_text_negative--hover, #FD6B77);
427
+ --vkui--color_text_negative--active: var(--vkui--color_text_negative--active, #FD717C);
428
+ --vkui--color_text_link: var(--vkui--color_text_link, #529ef4);
429
+ --vkui--color_text_link--hover: var(--vkui--color_text_link--hover, #59A2F4);
430
+ --vkui--color_text_link--active: var(--vkui--color_text_link--active, #60A6F5);
431
+ --vkui--color_text_link_themed: var(--vkui--color_text_link_themed, #FFFFFF);
432
+ --vkui--color_text_link_themed--hover: var(--vkui--color_text_link_themed--hover, #EBEDF0);
433
+ --vkui--color_text_link_themed--active: var(--vkui--color_text_link_themed--active, #D7D8DB);
434
+ --vkui--color_text_link_tint: var(--vkui--color_text_link_tint, #71aaeb);
435
+ --vkui--color_text_link_tint--hover: var(--vkui--color_text_link_tint--hover, #77ADEC);
436
+ --vkui--color_text_link_tint--active: var(--vkui--color_text_link_tint--active, #7CB1ED);
437
+ --vkui--color_text_link_visited: var(--vkui--color_text_link_visited, #4986cc);
438
+ --vkui--color_text_link_visited--hover: var(--vkui--color_text_link_visited--hover, #508BCE);
439
+ --vkui--color_text_link_visited--active: var(--vkui--color_text_link_visited--active, #5890D0);
440
+ --vkui--color_text_muted: var(--vkui--color_text_muted, #e1e3e6);
441
+ --vkui--color_text_muted--hover: var(--vkui--color_text_muted--hover, #E2E4E7);
442
+ --vkui--color_text_muted--active: var(--vkui--color_text_muted--active, #E3E5E8);
443
+ --vkui--color_link_contrast: var(--vkui--color_link_contrast, #FFFFFF);
444
+ --vkui--color_link_contrast--hover: var(--vkui--color_link_contrast--hover, #EBEDF0);
445
+ --vkui--color_link_contrast--active: var(--vkui--color_link_contrast--active, #D7D8DB);
446
+ --vkui--color_icon_accent: var(--vkui--color_icon_accent, #2e90ff);
447
+ --vkui--color_icon_accent--hover: var(--vkui--color_icon_accent--hover, #3694FF);
448
+ --vkui--color_icon_accent--active: var(--vkui--color_icon_accent--active, #3F99FF);
449
+ --vkui--color_icon_accent_themed: var(--vkui--color_icon_accent_themed, #FFFFFF);
450
+ --vkui--color_icon_accent_themed--hover: var(--vkui--color_icon_accent_themed--hover, #EBEDF0);
451
+ --vkui--color_icon_accent_themed--active: var(--vkui--color_icon_accent_themed--active, #D7D8DB);
452
+ --vkui--color_icon_primary: var(--vkui--color_icon_primary, #FFFFFF);
453
+ --vkui--color_icon_primary--hover: var(--vkui--color_icon_primary--hover, #EBEDF0);
454
+ --vkui--color_icon_primary--active: var(--vkui--color_icon_primary--active, #D7D8DB);
455
+ --vkui--color_icon_primary_invariably: var(--vkui--color_icon_primary_invariably, #3b3b3b);
456
+ --vkui--color_icon_primary_invariably--hover: var(--vkui--color_icon_primary_invariably--hover, #434343);
457
+ --vkui--color_icon_primary_invariably--active: var(--vkui--color_icon_primary_invariably--active, #4B4B4B);
458
+ --vkui--color_icon_medium: var(--vkui--color_icon_medium, #e6e6e6);
459
+ --vkui--color_icon_medium--hover: var(--vkui--color_icon_medium--hover, #E7E7E7);
460
+ --vkui--color_icon_medium--active: var(--vkui--color_icon_medium--active, #E8E8E8);
461
+ --vkui--color_icon_medium_alpha: var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66));
462
+ --vkui--color_icon_medium_alpha--hover: var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001));
463
+ --vkui--color_icon_medium_alpha--active: var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74));
464
+ --vkui--color_icon_secondary: var(--vkui--color_icon_secondary, #666666);
465
+ --vkui--color_icon_secondary--hover: var(--vkui--color_icon_secondary--hover, #6C6C6C);
466
+ --vkui--color_icon_secondary--active: var(--vkui--color_icon_secondary--active, #727272);
467
+ --vkui--color_icon_secondary_alpha: var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43));
468
+ --vkui--color_icon_secondary_alpha--hover: var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003));
469
+ --vkui--color_icon_secondary_alpha--active: var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51));
470
+ --vkui--color_icon_tertiary: var(--vkui--color_icon_tertiary, #4d4d4d);
471
+ --vkui--color_icon_tertiary--hover: var(--vkui--color_icon_tertiary--hover, #545454);
472
+ --vkui--color_icon_tertiary--active: var(--vkui--color_icon_tertiary--active, #5B5B5B);
473
+ --vkui--color_icon_tertiary_alpha: var(--vkui--color_icon_tertiary_alpha, #ffffff7f);
474
+ --vkui--color_icon_tertiary_alpha--hover: var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.54));
475
+ --vkui--color_icon_tertiary_alpha--active: var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.58));
476
+ --vkui--color_icon_contrast: var(--vkui--color_icon_contrast, #FFFFFF);
477
+ --vkui--color_icon_contrast--hover: var(--vkui--color_icon_contrast--hover, #EBEDF0);
478
+ --vkui--color_icon_contrast--active: var(--vkui--color_icon_contrast--active, #D7D8DB);
479
+ --vkui--color_icon_contrast_themed: var(--vkui--color_icon_contrast_themed, #000000);
480
+ --vkui--color_icon_contrast_themed--hover: var(--vkui--color_icon_contrast_themed--hover, #0A0A0A);
481
+ --vkui--color_icon_contrast_themed--active: var(--vkui--color_icon_contrast_themed--active, #141414);
482
+ --vkui--color_icon_contrast_secondary: var(--vkui--color_icon_contrast_secondary, #f2f3f5);
483
+ --vkui--color_icon_contrast_secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5);
484
+ --vkui--color_icon_contrast_secondary--active: var(--vkui--color_icon_contrast_secondary--active, #F3F4F6);
485
+ --vkui--color_icon_positive: var(--vkui--color_icon_positive, #34c759);
486
+ --vkui--color_icon_positive--hover: var(--vkui--color_icon_positive--hover, #3CC960);
487
+ --vkui--color_icon_positive--active: var(--vkui--color_icon_positive--active, #44CB66);
488
+ --vkui--color_icon_warning: var(--vkui--color_icon_warning, #ff6900);
489
+ --vkui--color_icon_warning--hover: var(--vkui--color_icon_warning--hover, #FF6F0A);
490
+ --vkui--color_icon_warning--active: var(--vkui--color_icon_warning--active, #FF7514);
491
+ --vkui--color_icon_negative: var(--vkui--color_icon_negative, #fd6571);
492
+ --vkui--color_icon_negative--hover: var(--vkui--color_icon_negative--hover, #FD6B77);
493
+ --vkui--color_icon_negative--active: var(--vkui--color_icon_negative--active, #FD717C);
494
+ --vkui--color_stroke_accent: var(--vkui--color_stroke_accent, #529ef4);
495
+ --vkui--color_stroke_accent--hover: var(--vkui--color_stroke_accent--hover, #59A2F4);
496
+ --vkui--color_stroke_accent--active: var(--vkui--color_stroke_accent--active, #60A6F5);
497
+ --vkui--color_stroke_accent_themed: var(--vkui--color_stroke_accent_themed, #FFFFFF);
498
+ --vkui--color_stroke_accent_themed--hover: var(--vkui--color_stroke_accent_themed--hover, #EBEDF0);
499
+ --vkui--color_stroke_accent_themed--active: var(--vkui--color_stroke_accent_themed--active, #D7D8DB);
500
+ --vkui--color_separator_primary: var(--vkui--color_separator_primary, #303030);
501
+ --vkui--color_separator_primary--hover: var(--vkui--color_separator_primary--hover, #383838);
502
+ --vkui--color_separator_primary--active: var(--vkui--color_separator_primary--active, #414141);
503
+ --vkui--color_separator_primary2x: var(--vkui--color_separator_primary2x, #444546);
504
+ --vkui--color_separator_primary2x--hover: var(--vkui--color_separator_primary2x--hover, #4B4C4D);
505
+ --vkui--color_separator_primary2x--active: var(--vkui--color_separator_primary2x--active, #535455);
506
+ --vkui--color_separator_primary3x: var(--vkui--color_separator_primary3x, #505253);
507
+ --vkui--color_separator_primary3x--hover: var(--vkui--color_separator_primary3x--hover, #57595A);
508
+ --vkui--color_separator_primary3x--active: var(--vkui--color_separator_primary3x--active, #5E6061);
509
+ --vkui--color_separator_primary_alpha: var(--vkui--color_separator_primary_alpha, #ffffff23);
510
+ --vkui--color_separator_primary_alpha--hover: var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.18));
511
+ --vkui--color_separator_primary_alpha--active: var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.22));
512
+ --vkui--color_separator_secondary: var(--vkui--color_separator_secondary, #141415);
513
+ --vkui--color_separator_secondary--hover: var(--vkui--color_separator_secondary--hover, #1D1D1E);
514
+ --vkui--color_separator_secondary--active: var(--vkui--color_separator_secondary--active, #272728);
515
+ --vkui--color_stroke_positive: var(--vkui--color_stroke_positive, #34c759);
516
+ --vkui--color_stroke_positive--hover: var(--vkui--color_stroke_positive--hover, #3CC960);
517
+ --vkui--color_stroke_positive--active: var(--vkui--color_stroke_positive--active, #44CB66);
518
+ --vkui--color_stroke_negative: var(--vkui--color_stroke_negative, #fd6571);
519
+ --vkui--color_stroke_negative--hover: var(--vkui--color_stroke_negative--hover, #FD6B77);
520
+ --vkui--color_stroke_negative--active: var(--vkui--color_stroke_negative--active, #FD717C);
521
+ --vkui--color_stroke_contrast: var(--vkui--color_stroke_contrast, #FFFFFF);
522
+ --vkui--color_stroke_contrast--hover: var(--vkui--color_stroke_contrast--hover, #EBEDF0);
523
+ --vkui--color_stroke_contrast--active: var(--vkui--color_stroke_contrast--active, #D7D8DB);
524
+ --vkui--color_stroke_primary: var(--vkui--color_stroke_primary, #FFFFFF);
525
+ --vkui--color_stroke_primary--hover: var(--vkui--color_stroke_primary--hover, #EBEDF0);
526
+ --vkui--color_stroke_primary--active: var(--vkui--color_stroke_primary--active, #D7D8DB);
527
+ --vkui--color_image_border_alpha: var(--vkui--color_image_border_alpha, #ffffff3d);
528
+ --vkui--color_image_border_alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.28));
529
+ --vkui--color_image_border_alpha--active: var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.32));
530
+ --vkui--color_field_border_alpha: var(--vkui--color_field_border_alpha, #ffffff0f);
531
+ --vkui--color_field_border_alpha--hover: var(--vkui--color_field_border_alpha--hover, #ffffff28);
532
+ --vkui--color_field_border_alpha--active: var(--vkui--color_field_border_alpha--active, #ffffff33);
533
+ --vkui--color_accent_blue: var(--vkui--color_accent_blue, #2e90ff);
534
+ --vkui--color_accent_blue--hover: var(--vkui--color_accent_blue--hover, #3694FF);
535
+ --vkui--color_accent_blue--active: var(--vkui--color_accent_blue--active, #3F99FF);
536
+ --vkui--color_accent_gray: var(--vkui--color_accent_gray, #a3adb8);
537
+ --vkui--color_accent_gray--hover: var(--vkui--color_accent_gray--hover, #A7B0BB);
538
+ --vkui--color_accent_gray--active: var(--vkui--color_accent_gray--active, #AAB4BE);
539
+ --vkui--color_accent_red: var(--vkui--color_accent_red, #ff5773);
540
+ --vkui--color_accent_red--hover: var(--vkui--color_accent_red--hover, #FF5E79);
541
+ --vkui--color_accent_red--active: var(--vkui--color_accent_red--active, #FF647E);
542
+ --vkui--color_accent_orange_fire: var(--vkui--color_accent_orange_fire, #f05c44);
543
+ --vkui--color_accent_orange_fire--hover: var(--vkui--color_accent_orange_fire--hover, #F1634B);
544
+ --vkui--color_accent_orange_fire--active: var(--vkui--color_accent_orange_fire--active, #F16953);
545
+ --vkui--color_accent_orange: var(--vkui--color_accent_orange, #ff913d);
546
+ --vkui--color_accent_orange--hover: var(--vkui--color_accent_orange--hover, #FF9545);
547
+ --vkui--color_accent_orange--active: var(--vkui--color_accent_orange--active, #FF9A4D);
548
+ --vkui--color_accent_orange_peach: var(--vkui--color_accent_orange_peach, #ffc062);
549
+ --vkui--color_accent_orange_peach--hover: var(--vkui--color_accent_orange_peach--hover, #FFC368);
550
+ --vkui--color_accent_orange_peach--active: var(--vkui--color_accent_orange_peach--active, #FFC56F);
551
+ --vkui--color_accent_lime: var(--vkui--color_accent_lime, #aff70d);
552
+ --vkui--color_accent_lime--hover: var(--vkui--color_accent_lime--hover, #B2F717);
553
+ --vkui--color_accent_lime--active: var(--vkui--color_accent_lime--active, #B5F820);
554
+ --vkui--color_accent_green: var(--vkui--color_accent_green, #42d347);
555
+ --vkui--color_accent_green--hover: var(--vkui--color_accent_green--hover, #4AD54E);
556
+ --vkui--color_accent_green--active: var(--vkui--color_accent_green--active, #51D756);
557
+ --vkui--color_accent_cyan: var(--vkui--color_accent_cyan, #13ffd0);
558
+ --vkui--color_accent_cyan--hover: var(--vkui--color_accent_cyan--hover, #1CFFD2);
559
+ --vkui--color_accent_cyan--active: var(--vkui--color_accent_cyan--active, #26FFD4);
560
+ --vkui--color_accent_azure: var(--vkui--color_accent_azure, #0077ff);
561
+ --vkui--color_accent_azure--hover: var(--vkui--color_accent_azure--hover, #0A7CFF);
562
+ --vkui--color_accent_azure--active: var(--vkui--color_accent_azure--active, #1482FF);
563
+ --vkui--color_accent_purple: var(--vkui--color_accent_purple, #9985ff);
564
+ --vkui--color_accent_purple--hover: var(--vkui--color_accent_purple--hover, #9D8AFF);
565
+ --vkui--color_accent_purple--active: var(--vkui--color_accent_purple--active, #A18FFF);
566
+ --vkui--color_accent_violet: var(--vkui--color_accent_violet, #a94fff);
567
+ --vkui--color_accent_violet--hover: var(--vkui--color_accent_violet--hover, #AC56FF);
568
+ --vkui--color_accent_violet--active: var(--vkui--color_accent_violet--active, #B05DFF);
569
+ --vkui--color_accent_raspberry_pink: var(--vkui--color_accent_raspberry_pink, #fa7fbb);
570
+ --vkui--color_accent_raspberry_pink--hover: var(--vkui--color_accent_raspberry_pink--hover, #FA84BE);
571
+ --vkui--color_accent_raspberry_pink--active: var(--vkui--color_accent_raspberry_pink--active, #FA89C0);
572
+ --vkui--color_accent_pink: var(--vkui--color_accent_pink, #e866ff);
573
+ --vkui--color_accent_pink--hover: var(--vkui--color_accent_pink--hover, #E96CFF);
574
+ --vkui--color_accent_pink--active: var(--vkui--color_accent_pink--active, #EA72FF);
575
+ --vkui--color_accent_secondary: var(--vkui--color_accent_secondary, #3f8ae0);
576
+ --vkui--color_accent_secondary--hover: var(--vkui--color_accent_secondary--hover, #478FE1);
577
+ --vkui--color_accent_secondary--active: var(--vkui--color_accent_secondary--active, #4E93E2);
578
+ --vkui--color_overlay_primary: var(--vkui--color_overlay_primary, #3b3b3b);
579
+ --vkui--color_overlay_primary--hover: var(--vkui--color_overlay_primary--hover, #434343);
580
+ --vkui--color_overlay_primary--active: var(--vkui--color_overlay_primary--active, #4B4B4B);
581
+ --vkui--color_overlay_secondary: var(--vkui--color_overlay_secondary, #3b3b3b66);
582
+ --vkui--color_overlay_secondary--hover: var(--vkui--color_overlay_secondary--hover, rgba(59, 59, 59, 0.44));
583
+ --vkui--color_overlay_secondary--active: var(--vkui--color_overlay_secondary--active, rgba(59, 59, 59, 0.48));
584
+ --vkui--color_avatar_overlay: var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60));
585
+ --vkui--color_avatar_overlay--hover: var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64));
586
+ --vkui--color_avatar_overlay--active: var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68));
587
+ --vkui--color_avatar_overlay_inverse_alpha: var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85));
588
+ --vkui--color_avatar_overlay_inverse_alpha--hover: var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89));
589
+ --vkui--color_avatar_overlay_inverse_alpha--active: var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93));
590
+ --vkui--color_action_sheet_text: var(--vkui--color_action_sheet_text, #71aaeb);
591
+ --vkui--color_action_sheet_text--hover: var(--vkui--color_action_sheet_text--hover, #77ADEC);
592
+ --vkui--color_action_sheet_text--active: var(--vkui--color_action_sheet_text--active, #7CB1ED);
593
+ --vkui--color_image_placeholder: var(--vkui--color_image_placeholder, #2a2b2c);
594
+ --vkui--color_image_placeholder--hover: var(--vkui--color_image_placeholder--hover, #333334);
595
+ --vkui--color_image_placeholder--active: var(--vkui--color_image_placeholder--active, #3B3C3D);
596
+ --vkui--color_image_placeholder_alpha: var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08));
597
+ --vkui--color_image_placeholder_alpha--hover: var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12));
598
+ --vkui--color_image_placeholder_alpha--active: var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16));
599
+ --vkui--color_skeleton_from: var(--vkui--color_skeleton_from, #1b1b1b);
600
+ --vkui--color_skeleton_from--hover: var(--vkui--color_skeleton_from--hover, #242424);
601
+ --vkui--color_skeleton_from--active: var(--vkui--color_skeleton_from--active, #2D2D2D);
602
+ --vkui--color_skeleton_to: var(--vkui--color_skeleton_to, #262626);
603
+ --vkui--color_skeleton_to--hover: var(--vkui--color_skeleton_to--hover, #2F2F2F);
604
+ --vkui--color_skeleton_to--active: var(--vkui--color_skeleton_to--active, #373737);
605
+ --vkui--color_button_text: var(--vkui--color_button_text, #FFFFFF);
606
+ --vkui--color_button_text--hover: var(--vkui--color_button_text--hover, #EBEDF0);
607
+ --vkui--color_button_text--active: var(--vkui--color_button_text--active, #D7D8DB);
608
+ --vkui--color_button_icon: var(--vkui--color_button_icon, #FFFFFF);
609
+ --vkui--color_button_icon--hover: var(--vkui--color_button_icon--hover, #EBEDF0);
610
+ --vkui--color_button_icon--active: var(--vkui--color_button_icon--active, #D7D8DB);
611
+ --vkui--color_button_stroke: var(--vkui--color_button_stroke, #FFFFFF);
612
+ --vkui--color_button_stroke--hover: var(--vkui--color_button_stroke--hover, #EBEDF0);
613
+ --vkui--color_button_stroke--active: var(--vkui--color_button_stroke--active, #D7D8DB);
614
+ --vkui--color_write_bar_icon: var(--vkui--color_write_bar_icon, #76787a);
615
+ --vkui--color_write_bar_icon--hover: var(--vkui--color_write_bar_icon--hover, #7B7D7F);
616
+ --vkui--color_write_bar_icon--active: var(--vkui--color_write_bar_icon--active, #818385);
617
+ --vkui--color_write_bar_input_background: var(--vkui--color_write_bar_input_background, #2c2d2e);
618
+ --vkui--color_write_bar_input_background--hover: var(--vkui--color_write_bar_input_background--hover, #343536);
619
+ --vkui--color_write_bar_input_background--active: var(--vkui--color_write_bar_input_background--active, #3D3E3F);
620
+ --vkui--color_write_bar_input_border: var(--vkui--color_write_bar_input_border, #2c2d2e);
621
+ --vkui--color_write_bar_input_border--hover: var(--vkui--color_write_bar_input_border--hover, #343536);
622
+ --vkui--color_write_bar_input_border--active: var(--vkui--color_write_bar_input_border--active, #3D3E3F);
623
+ --vkui--color_write_bar_input_border_alpha: var(--vkui--color_write_bar_input_border_alpha, #ddff00);
624
+ --vkui--color_write_bar_input_border_alpha--hover: var(--vkui--color_write_bar_input_border_alpha--hover, #DEFF0A);
625
+ --vkui--color_write_bar_input_border_alpha--active: var(--vkui--color_write_bar_input_border_alpha--active, #E0FF14);
626
+ --vkui--color_track_background: var(--vkui--color_track_background, #454647);
627
+ --vkui--color_track_background--hover: var(--vkui--color_track_background--hover, #4C4D4E);
628
+ --vkui--color_track_background--active: var(--vkui--color_track_background--active, #545556);
629
+ --vkui--color_track_buffer: var(--vkui--color_track_buffer, #405772);
630
+ --vkui--color_track_buffer--hover: var(--vkui--color_track_buffer--hover, #485E78);
631
+ --vkui--color_track_buffer--active: var(--vkui--color_track_buffer--active, #4F647D);
632
+ --vkui--color_search_field_background: var(--vkui--color_search_field_background, #363738);
633
+ --vkui--color_search_field_background--hover: var(--vkui--color_search_field_background--hover, #3E3F40);
634
+ --vkui--color_search_field_background--active: var(--vkui--color_search_field_background--active, #464748);
635
+ --vkui--color_panel_header_icon: var(--vkui--color_panel_header_icon, #71aaeb);
636
+ --vkui--color_panel_header_icon--hover: var(--vkui--color_panel_header_icon--hover, #77ADEC);
637
+ --vkui--color_panel_header_icon--active: var(--vkui--color_panel_header_icon--active, #7CB1ED);
638
+ --vkui--color_segmented_control: var(--vkui--color_segmented_control, #626364);
639
+ --vkui--color_segmented_control--hover: var(--vkui--color_segmented_control--hover, #68696A);
640
+ --vkui--color_segmented_control--active: var(--vkui--color_segmented_control--active, #6F6F70);
641
+ --vkui--color_tabbar_text_inactive: var(--vkui--color_tabbar_text_inactive, #76787a);
642
+ --vkui--color_tabbar_text_inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
643
+ --vkui--color_tabbar_text_inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
644
+ --vkui--color_transparent: var(--vkui--color_transparent, #00000000);
645
+ --vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
646
+ --vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
647
+ --vkui--color_background_inverse: var(--vkui--color_background_inverse, #FFFFFF);
648
+ --vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #EBEDF0);
649
+ --vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #D7D8DB);
650
+ --vkui--color_text_tertiary_alpha: var(--vkui--color_text_tertiary_alpha, #ffffff7f);
651
+ --vkui--color_text_tertiary_alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(255, 255, 255, 0.54));
652
+ --vkui--color_text_tertiary_alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(255, 255, 255, 0.58));
653
+ --vkui--color_text_contrast_secondary_alpha: var(--vkui--color_text_contrast_secondary_alpha, #ffffff7f);
654
+ --vkui--color_text_contrast_secondary_alpha--hover: var(--vkui--color_text_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
655
+ --vkui--color_text_contrast_secondary_alpha--active: var(--vkui--color_text_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
656
+ --vkui--color_icon_contrast_secondary_alpha: var(--vkui--color_icon_contrast_secondary_alpha, #ffffff7f);
657
+ --vkui--color_icon_contrast_secondary_alpha--hover: var(--vkui--color_icon_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
658
+ --vkui--color_icon_contrast_secondary_alpha--active: var(--vkui--color_icon_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
659
+ --vkui--color_stroke_contrast_secondary_alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
660
+ --vkui--color_stroke_contrast_secondary_alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
661
+ --vkui--color_stroke_contrast_secondary_alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
662
+ --vkui--color_accent_mint: var(--vkui--color_accent_mint, #a3fd79);
663
+ --vkui--color_accent_mint--hover: var(--vkui--color_accent_mint--hover, #A7FD7E);
664
+ --vkui--color_accent_mint--active: var(--vkui--color_accent_mint--active, #AAFD84);
665
+ --vkui--color_text_link_in_primary: var(--vkui--color_text_link_in_primary, #666666);
666
+ --vkui--color_text_link_in_primary--hover: var(--vkui--color_text_link_in_primary--hover, #6C6C6C);
667
+ --vkui--color_text_link_in_primary--active: var(--vkui--color_text_link_in_primary--active, #727272);
668
+ --vkui--color_text_link_in_secondary: var(--vkui--color_text_link_in_secondary, #FFFFFF);
669
+ --vkui--color_text_link_in_secondary--hover: var(--vkui--color_text_link_in_secondary--hover, #EBEDF0);
670
+ --vkui--color_text_link_in_secondary--active: var(--vkui--color_text_link_in_secondary--active, #D7D8DB);
671
+ --vkui--color_text_link_in_contrast: var(--vkui--color_text_link_in_contrast, #ffffff7f);
672
+ --vkui--color_text_link_in_contrast--hover: var(--vkui--color_text_link_in_contrast--hover, rgba(255, 255, 255, 0.54));
673
+ --vkui--color_text_link_in_contrast--active: var(--vkui--color_text_link_in_contrast--active, rgba(255, 255, 255, 0.58));
674
+ --vkui--color_text_link_in_contrast_secondary_alpha: var(--vkui--color_text_link_in_contrast_secondary_alpha, #FFFFFF);
675
+ --vkui--color_text_link_in_contrast_secondary_alpha--hover: var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, #EBEDF0);
676
+ --vkui--color_text_link_in_contrast_secondary_alpha--active: var(--vkui--color_text_link_in_contrast_secondary_alpha--active, #D7D8DB);
677
+ --vkui--vkontakte_color_snippet_border_alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15));
678
+ --vkui--vkontakte_color_snippet_border_alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19));
679
+ --vkui--vkontakte_color_snippet_border_alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23));
680
+ --vkui--vkontakte_color_snippet_background: var(--vkui--vkontakte_color_snippet_background, #232324);
681
+ --vkui--vkontakte_color_snippet_background--hover: var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D);
682
+ --vkui--vkontakte_color_snippet_background--active: var(--vkui--vkontakte_color_snippet_background--active, #353536);
683
+ --vkui--vkontakte_color_modal_card_border_alpha: var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12));
684
+ --vkui--vkontakte_color_modal_card_border_alpha--hover: var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(255, 255, 255, 0.16));
685
+ --vkui--vkontakte_color_modal_card_border_alpha--active: var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2));
686
+ --vkui--vkontakte_color_landing_snippet_border_alpha: var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15));
687
+ --vkui--vkontakte_color_landing_snippet_border_alpha--hover: var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19));
688
+ --vkui--vkontakte_color_landing_snippet_border_alpha--active: var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23));
689
+ --vkui--vkontakte_color_action_sheet_separator_alpha: var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12));
690
+ --vkui--vkontakte_color_action_sheet_separator_alpha--hover: var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16));
691
+ --vkui--vkontakte_color_action_sheet_separator_alpha--active: var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2));
692
+ --vkui--vkontakte_color_input_border: var(--vkui--vkontakte_color_input_border, #2C2D2E);
693
+ --vkui--vkontakte_color_input_border--hover: var(--vkui--vkontakte_color_input_border--hover, #343536);
694
+ --vkui--vkontakte_color_input_border--active: var(--vkui--vkontakte_color_input_border--active, #3D3E3F);
695
+ --vkui--vkontakte_color_search_bar_background: var(--vkui--vkontakte_color_search_bar_background, #19191a);
696
+ --vkui--vkontakte_color_search_bar_background--hover: var(--vkui--vkontakte_color_search_bar_background--hover, #222223);
697
+ --vkui--vkontakte_color_search_bar_background--active: var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C);
698
+ --vkui--vkontakte_color_search_bar_field_tint: var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3);
699
+ --vkui--vkontakte_color_search_bar_field_tint--hover: var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6);
700
+ --vkui--vkontakte_color_search_bar_field_tint--active: var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9);
701
+ --vkui--vkontakte_background_hover_alpha: var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04));
702
+ --vkui--vkontakte_background_hover_alpha--hover: var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08));
703
+ --vkui--vkontakte_background_hover_alpha--active: var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12));
704
+ --vkui--vkontakte_color_accent_alternate: var(--vkui--vkontakte_color_accent_alternate, #FFFFFF);
705
+ --vkui--vkontakte_color_accent_alternate--hover: var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0);
706
+ --vkui--vkontakte_color_accent_alternate--active: var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB);
707
+ --vkui--vkontakte_color_background_suggestions: var(--vkui--vkontakte_color_background_suggestions, #2c2d2e);
708
+ --vkui--vkontakte_color_background_suggestions--hover: var(--vkui--vkontakte_color_background_suggestions--hover, #343536);
709
+ --vkui--vkontakte_color_background_suggestions--active: var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F);
710
+ --vkui--vkontakte_color_background_keyboard: var(--vkui--vkontakte_color_background_keyboard, #2c2d2e);
711
+ --vkui--vkontakte_color_background_keyboard--hover: var(--vkui--vkontakte_color_background_keyboard--hover, #343536);
712
+ --vkui--vkontakte_color_background_keyboard--active: var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F);
713
+ --vkui--vkontakte_color_content_placeholder_icon: var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3);
714
+ --vkui--vkontakte_color_content_placeholder_icon--hover: var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6);
715
+ --vkui--vkontakte_color_content_placeholder_icon--active: var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9);
716
+ --vkui--vkontakte_color_content_tint_foreground: var(--vkui--vkontakte_color_content_tint_foreground, #909499);
717
+ --vkui--vkontakte_color_content_tint_foreground--hover: var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D);
718
+ --vkui--vkontakte_color_content_tint_foreground--active: var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1);
719
+ --vkui--vkontakte_color_text_name: var(--vkui--vkontakte_color_text_name, #e1e3e6);
720
+ --vkui--vkontakte_color_text_name--hover: var(--vkui--vkontakte_color_text_name--hover, #E2E4E7);
721
+ --vkui--vkontakte_color_text_name--active: var(--vkui--vkontakte_color_text_name--active, #E3E5E8);
722
+ --vkui--vkontakte_color_control_background: var(--vkui--vkontakte_color_control_background, #454647);
723
+ --vkui--vkontakte_color_control_background--hover: var(--vkui--vkontakte_color_control_background--hover, #4C4D4E);
724
+ --vkui--vkontakte_color_control_background--active: var(--vkui--vkontakte_color_control_background--active, #545556);
725
+ --vkui--vkontakte_color_control_foreground: var(--vkui--vkontakte_color_control_foreground, #e1e3e6);
726
+ --vkui--vkontakte_color_control_foreground--hover: var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7);
727
+ --vkui--vkontakte_color_control_foreground--active: var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8);
728
+ --vkui--vkontakte_color_control_tint_muted: var(--vkui--vkontakte_color_control_tint_muted, #909499);
729
+ --vkui--vkontakte_color_control_tint_muted--hover: var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D);
730
+ --vkui--vkontakte_color_control_tint_muted--active: var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1);
731
+ --vkui--vkontakte_color_header_search_field_background: var(--vkui--vkontakte_color_header_search_field_background, #363738);
732
+ --vkui--vkontakte_color_header_search_field_background--hover: var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40);
733
+ --vkui--vkontakte_color_header_search_field_background--active: var(--vkui--vkontakte_color_header_search_field_background--active, #464748);
734
+ --vkui--vkontakte_color_header_search_field_tint: var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3);
735
+ --vkui--vkontakte_color_header_search_field_tint--hover: var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6);
736
+ --vkui--vkontakte_color_header_search_field_tint--active: var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9);
737
+ --vkui--vkontakte_color_header_tab_active_indicator: var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4);
738
+ --vkui--vkontakte_color_header_tab_active_indicator--hover: var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4);
739
+ --vkui--vkontakte_color_header_tab_active_indicator--active: var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5);
740
+ --vkui--vkontakte_color_icon_outline_medium: var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3);
741
+ --vkui--vkontakte_color_icon_outline_medium--hover: var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6);
742
+ --vkui--vkontakte_color_icon_outline_medium--active: var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9);
743
+ --vkui--vkontakte_color_icon_outline_secondary: var(--vkui--vkontakte_color_icon_outline_secondary, #909499);
744
+ --vkui--vkontakte_color_icon_outline_secondary--hover: var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D);
745
+ --vkui--vkontakte_color_icon_outline_secondary--active: var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1);
746
+ --vkui--vkontakte_color_skeleton_shimmer_from: var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a);
747
+ --vkui--vkontakte_color_skeleton_shimmer_from--hover: var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223);
748
+ --vkui--vkontakte_color_skeleton_shimmer_from--active: var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C);
749
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to: var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent);
750
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(255, 255, 255, 0.04));
751
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08));
752
+ --vkui--vkontakte_color_loader_background: var(--vkui--vkontakte_color_loader_background, #19191a);
753
+ --vkui--vkontakte_color_loader_background--hover: var(--vkui--vkontakte_color_loader_background--hover, #222223);
754
+ --vkui--vkontakte_color_loader_background--active: var(--vkui--vkontakte_color_loader_background--active, #2B2B2C);
755
+ --vkui--vkontakte_color_loader_tint: var(--vkui--vkontakte_color_loader_tint, #76787a);
756
+ --vkui--vkontakte_color_loader_tint--hover: var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F);
757
+ --vkui--vkontakte_color_loader_tint--active: var(--vkui--vkontakte_color_loader_tint--active, #818385);
758
+ --vkui--vkontakte_color_music_playback_icon: var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF);
759
+ --vkui--vkontakte_color_music_playback_icon--hover: var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0);
760
+ --vkui--vkontakte_color_music_playback_icon--active: var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB);
761
+ --vkui--vkontakte_color_status_background: var(--vkui--vkontakte_color_status_background, #19191a);
762
+ --vkui--vkontakte_color_status_background--hover: var(--vkui--vkontakte_color_status_background--hover, #222223);
763
+ --vkui--vkontakte_color_status_background--active: var(--vkui--vkontakte_color_status_background--active, #2B2B2C);
764
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary: var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499);
765
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D);
766
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary--active: var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1);
767
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary: var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61);
768
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567);
769
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E);
770
+ --vkui--vkontakte_color_placeholder_icon_tint: var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF);
771
+ --vkui--vkontakte_color_placeholder_icon_tint--hover: var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0);
772
+ --vkui--vkontakte_color_placeholder_icon_tint--active: var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB);
773
+ --vkui--vkontakte_color_poll_option_background: var(--vkui--vkontakte_color_poll_option_background, #FFFFFF);
774
+ --vkui--vkontakte_color_poll_option_background--hover: var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0);
775
+ --vkui--vkontakte_color_poll_option_background--active: var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB);
776
+ --vkui--vkontakte_color_tabbar_active_icon: var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF);
777
+ --vkui--vkontakte_color_tabbar_active_icon--hover: var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0);
778
+ --vkui--vkontakte_color_tabbar_active_icon--active: var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB);
779
+ --vkui--vkontakte_color_tabbar_background: var(--vkui--vkontakte_color_tabbar_background, #2c2d2e);
780
+ --vkui--vkontakte_color_tabbar_background--hover: var(--vkui--vkontakte_color_tabbar_background--hover, #343536);
781
+ --vkui--vkontakte_color_tabbar_background--active: var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F);
782
+ --vkui--vkontakte_color_tabbar_inactive_icon: var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a);
783
+ --vkui--vkontakte_color_tabbar_inactive_icon--hover: var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F);
784
+ --vkui--vkontakte_color_tabbar_inactive_icon--active: var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385);
785
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary: var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a);
786
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F);
787
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary--active: var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385);
788
+ --vkui--vkontakte_color_toolbar_attach_background_from: var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a);
789
+ --vkui--vkontakte_color_toolbar_attach_background_from--hover: var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F);
790
+ --vkui--vkontakte_color_toolbar_attach_background_from--active: var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385);
791
+ --vkui--vkontakte_color_splash_screen_icon: var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e);
792
+ --vkui--vkontakte_color_splash_screen_icon--hover: var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536);
793
+ --vkui--vkontakte_color_splash_screen_icon--active: var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F);
794
+ --vkui--vkontakte_color_icon_name: var(--vkui--vkontakte_color_icon_name, #aaaeb3);
795
+ --vkui--vkontakte_color_icon_name--hover: var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6);
796
+ --vkui--vkontakte_color_icon_name--active: var(--vkui--vkontakte_color_icon_name--active, #B1B4B9);
797
+ --vkui--vkontakte_color_panel_tab_active_text: var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6);
798
+ --vkui--vkontakte_color_panel_tab_active_text--hover: var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7);
799
+ --vkui--vkontakte_color_panel_tab_active_text--active: var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8);
800
+ --vkui--vkontakte_color_background_text_alpha: var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24));
801
+ --vkui--vkontakte_color_background_text_alpha--hover: var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28));
802
+ --vkui--vkontakte_color_background_text_alpha--active: var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32));
803
+ --vkui--vkontakte_color_modal_card_header_close: var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF);
804
+ --vkui--vkontakte_color_modal_card_header_close--hover: var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0);
805
+ --vkui--vkontakte_color_modal_card_header_close--active: var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB);
806
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha: var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20));
807
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24));
808
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28));
809
+ --vkui--vkontakte_im_bubble_button_foreground: var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6);
810
+ --vkui--vkontakte_im_bubble_button_foreground--hover: var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7);
811
+ --vkui--vkontakte_im_bubble_button_foreground--active: var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8);
812
+ --vkui--vkontakte_im_bubble_incoming_highlighted: var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61);
813
+ --vkui--vkontakte_im_bubble_incoming_highlighted--hover: var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567);
814
+ --vkui--vkontakte_im_bubble_incoming_highlighted--active: var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E);
815
+ --vkui--vkontakte_im_bubble_gift_background: var(--vkui--vkontakte_im_bubble_gift_background, #857250);
816
+ --vkui--vkontakte_im_bubble_gift_background--hover: var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857);
817
+ --vkui--vkontakte_im_bubble_gift_background--active: var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E);
818
+ --vkui--vkontakte_im_bubble_gift_background_highlighted: var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871);
819
+ --vkui--vkontakte_im_bubble_gift_background_highlighted--hover: var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77);
820
+ --vkui--vkontakte_im_bubble_gift_background_highlighted--active: var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C);
821
+ --vkui--vkontakte_im_bubble_outgoing_alternate: var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647);
822
+ --vkui--vkontakte_im_bubble_outgoing_alternate--hover: var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E);
823
+ --vkui--vkontakte_im_bubble_outgoing_alternate--active: var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556);
824
+ --vkui--vkontakte_im_attach_tint: var(--vkui--vkontakte_im_attach_tint, #FFFFFF);
825
+ --vkui--vkontakte_im_attach_tint--hover: var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0);
826
+ --vkui--vkontakte_im_attach_tint--active: var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB);
827
+ --vkui--vkontakte_im_reply_separator: var(--vkui--vkontakte_im_reply_separator, #FFFFFF);
828
+ --vkui--vkontakte_im_reply_separator--hover: var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0);
829
+ --vkui--vkontakte_im_reply_separator--active: var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB);
830
+ --vkui--vkontakte_im_toolbar_voice_msg_background: var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647);
831
+ --vkui--vkontakte_im_toolbar_voice_msg_background--hover: var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E);
832
+ --vkui--vkontakte_im_toolbar_voice_msg_background--active: var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556);
833
+ --vkui--vkontakte_color_im_forward_line_alpha: var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24));
834
+ --vkui--vkontakte_color_im_forward_line_alpha--hover: var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(255, 255, 255, 0.28));
835
+ --vkui--vkontakte_color_im_forward_line_alpha--active: var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(255, 255, 255, 0.32));
836
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha: var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(0, 0, 0, 0.00));
837
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover: var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, rgba(0, 0, 0, 0.04));
838
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active: var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08));
839
+ --vkui--vkontakte_color_im_bubble_incoming: var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E);
840
+ --vkui--vkontakte_color_im_bubble_incoming--hover: var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536);
841
+ --vkui--vkontakte_color_im_bubble_incoming--active: var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F);
842
+ --vkui--vkontakte_color_im_bubble_incoming_alternate: var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E);
843
+ --vkui--vkontakte_color_im_bubble_incoming_alternate--hover: var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536);
844
+ --vkui--vkontakte_color_im_bubble_incoming_alternate--active: var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F);
845
+ --vkui--vkontakte_color_im_bubble_incoming_expiring: var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D);
846
+ --vkui--vkontakte_color_im_bubble_incoming_expiring--hover: var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354);
847
+ --vkui--vkontakte_color_im_bubble_incoming_expiring--active: var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B);
848
+ --vkui--vkontakte_color_im_bubble_outgoing: var(--vkui--vkontakte_color_im_bubble_outgoing, #454647);
849
+ --vkui--vkontakte_color_im_bubble_outgoing--hover: var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E);
850
+ --vkui--vkontakte_color_im_bubble_outgoing--active: var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556);
851
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted: var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3);
852
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover: var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6);
853
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active: var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9);
854
+ --vkui--vkontakte_color_im_bubble_gift_text: var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF);
855
+ --vkui--vkontakte_color_im_bubble_gift_text--hover: var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0);
856
+ --vkui--vkontakte_color_im_bubble_gift_text--active: var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB);
857
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary: var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC);
858
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary--hover: var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF);
859
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary--active: var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3);
860
+ --vkui--vkontakte_color_im_text_name: var(--vkui--vkontakte_color_im_text_name, #529EF4);
861
+ --vkui--vkontakte_color_im_text_name--hover: var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4);
862
+ --vkui--vkontakte_color_im_text_name--active: var(--vkui--vkontakte_color_im_text_name--active, #60A6F5);
863
+ --vkui--vkontakte_button_muted_background: var(--vkui--vkontakte_button_muted_background, #2c2d2e);
864
+ --vkui--vkontakte_button_muted_background--hover: var(--vkui--vkontakte_button_muted_background--hover, #343536);
865
+ --vkui--vkontakte_button_muted_background--active: var(--vkui--vkontakte_button_muted_background--active, #3D3E3F);
866
+ --vkui--vkontakte_button_tertiary_background: var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00));
867
+ --vkui--vkontakte_button_tertiary_background--hover: var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04));
868
+ --vkui--vkontakte_button_tertiary_background--active: var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08));
869
+ --vkui--vkontakte_button_tertiary_foreground: var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6);
870
+ --vkui--vkontakte_button_tertiary_foreground--hover: var(--vkui--vkontakte_button_tertiary_foreground--hover, #E2E4E7);
871
+ --vkui--vkontakte_button_tertiary_foreground--active: var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8);
872
+ --vkui--vkontakte_float_button_foreground: var(--vkui--vkontakte_float_button_foreground, #aaaeb3);
873
+ --vkui--vkontakte_float_button_foreground--hover: var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6);
874
+ --vkui--vkontakte_float_button_foreground--active: var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9);
875
+ --vkui--vkontakte_landing_background: var(--vkui--vkontakte_landing_background, #19191a);
876
+ --vkui--vkontakte_landing_background--hover: var(--vkui--vkontakte_landing_background--hover, #222223);
877
+ --vkui--vkontakte_landing_background--active: var(--vkui--vkontakte_landing_background--active, #2B2B2C);
878
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted: var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61);
879
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover: var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567);
880
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active: var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E);
881
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted: var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980);
882
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover: var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085);
883
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active: var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A);
884
+ --vkui--vkontakte_im_bubble_outgoing_highlighted: var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61);
885
+ --vkui--vkontakte_im_bubble_outgoing_highlighted--hover: var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567);
886
+ --vkui--vkontakte_im_bubble_outgoing_highlighted--active: var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E);
887
+ --vkui--vkontakte_im_bubble_button_background: var(--vkui--vkontakte_im_bubble_button_background, #FFFFFF29);
888
+ --vkui--vkontakte_im_bubble_button_background--hover: var(--vkui--vkontakte_im_bubble_button_background--hover, rgba(255, 255, 255, 0.2));
889
+ --vkui--vkontakte_im_bubble_button_background--active: var(--vkui--vkontakte_im_bubble_button_background--active, rgba(255, 255, 255, 0.24));
890
+ --vkui--vkontakte_im_bubble_button_background_highlighted: var(--vkui--vkontakte_im_bubble_button_background_highlighted, #FFFFFF3D);
891
+ --vkui--vkontakte_im_bubble_button_background_highlighted--hover: var(--vkui--vkontakte_im_bubble_button_background_highlighted--hover, rgba(255, 255, 255, 0.28));
892
+ --vkui--vkontakte_im_bubble_button_background_highlighted--active: var(--vkui--vkontakte_im_bubble_button_background_highlighted--active, rgba(255, 255, 255, 0.32));
893
+ --vkui--vkontakte_im_bubble_mable_outgoing: var(--vkui--vkontakte_im_bubble_mable_outgoing, #346CAD);
894
+ --vkui--vkontakte_im_bubble_mable_outgoing--hover: var(--vkui--vkontakte_im_bubble_mable_outgoing--hover, #3C72B0);
895
+ --vkui--vkontakte_im_bubble_mable_outgoing--active: var(--vkui--vkontakte_im_bubble_mable_outgoing--active, #4478B4);
896
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted: var(--vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted, #5965B3);
897
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--hover: var(--vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--hover, #606BB6);
898
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--active: var(--vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--active, #6671B9);
899
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted: var(--vkui--vkontakte_im_bubble_mable_outgoing_highlighted, #4772A6);
900
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted--hover: var(--vkui--vkontakte_im_bubble_mable_outgoing_highlighted--hover, #4E78AA);
901
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted--active: var(--vkui--vkontakte_im_bubble_mable_outgoing_highlighted--active, #567DAD);
902
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing: var(--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing, #346CAD);
903
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--hover: var(--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--hover, #3C72B0);
904
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--active: var(--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--active, #4478B4);
905
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted: var(--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted, #4772A6);
906
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--hover: var(--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--hover, #4E78AA);
907
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--active: var(--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--active, #567DAD);
908
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground: var(--vkui--vkontakte_im_bubble_wallpaper_button_foreground, #E1E3E6);
909
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground--hover: var(--vkui--vkontakte_im_bubble_wallpaper_button_foreground--hover, #E2E4E7);
910
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground--active: var(--vkui--vkontakte_im_bubble_wallpaper_button_foreground--active, #E3E5E8);
911
+ --vkui--vkontakte_im_service_message_text: var(--vkui--vkontakte_im_service_message_text, #76787A);
912
+ --vkui--vkontakte_im_service_message_text--hover: var(--vkui--vkontakte_im_service_message_text--hover, #7B7D7F);
913
+ --vkui--vkontakte_im_service_message_text--active: var(--vkui--vkontakte_im_service_message_text--active, #818385);
914
+ --vkui--vkontakte_landing_secondary_button_background: var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15));
915
+ --vkui--vkontakte_landing_secondary_button_background--hover: var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19));
916
+ --vkui--vkontakte_landing_secondary_button_background--active: var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23));
917
+ --vkui--vkontakte_stories_skeleton_loader_background: var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc);
918
+ --vkui--vkontakte_stories_skeleton_loader_background--hover: var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE);
919
+ --vkui--vkontakte_stories_skeleton_loader_background--active: var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0);
920
+ --vkui--vkontakte_palette_black: var(--vkui--vkontakte_palette_black, #000000);
921
+ --vkui--vkontakte_palette_black--hover: var(--vkui--vkontakte_palette_black--hover, #0A0A0A);
922
+ --vkui--vkontakte_palette_black--active: var(--vkui--vkontakte_palette_black--active, #141414);
923
+ }
924
+
925
+ .vkui--font_display_title1--regular {
926
+ font-size: var(--vkui--font_display_title1--font_size--regular, 23px);
927
+ font-size: var(--vkui--font_display_title1--font_size--regular, var(--vkui--font_display_title1--font_size--regular, 23px));
928
+ line-height: var(--vkui--font_display_title1--line_height--regular, 28px);
929
+ line-height: var(--vkui--font_display_title1--line_height--regular, var(--vkui--font_display_title1--line_height--regular, 28px));
930
+ font-family: var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
931
+ font-family: var(--vkui--font_display_title1--font_family--regular, var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
932
+ font-weight: var(--vkui--font_display_title1--font_weight--regular, 600);
933
+ font-weight: var(--vkui--font_display_title1--font_weight--regular, var(--vkui--font_display_title1--font_weight--regular, 600));
934
+ }
935
+ .vkui--font_display_title2--regular {
936
+ font-size: var(--vkui--font_display_title2--font_size--regular, 21px);
937
+ font-size: var(--vkui--font_display_title2--font_size--regular, var(--vkui--font_display_title2--font_size--regular, 21px));
938
+ line-height: var(--vkui--font_display_title2--line_height--regular, 26px);
939
+ line-height: var(--vkui--font_display_title2--line_height--regular, var(--vkui--font_display_title2--line_height--regular, 26px));
940
+ font-family: var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
941
+ font-family: var(--vkui--font_display_title2--font_family--regular, var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
942
+ font-weight: var(--vkui--font_display_title2--font_weight--regular, 600);
943
+ font-weight: var(--vkui--font_display_title2--font_weight--regular, var(--vkui--font_display_title2--font_weight--regular, 600));
944
+ }
945
+ .vkui--font_display_title2--compact {
946
+ font-size: var(--vkui--font_display_title2--font_size--compact, 22px);
947
+ font-size: var(--vkui--font_display_title2--font_size--compact, var(--vkui--font_display_title2--font_size--compact, 22px));
948
+ line-height: var(--vkui--font_display_title2--line_height--compact, 24px);
949
+ line-height: var(--vkui--font_display_title2--line_height--compact, var(--vkui--font_display_title2--line_height--compact, 24px));
950
+ font-family: var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
951
+ font-family: var(--vkui--font_display_title2--font_family--compact, var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
952
+ font-weight: var(--vkui--font_display_title2--font_weight--compact, 600);
953
+ font-weight: var(--vkui--font_display_title2--font_weight--compact, var(--vkui--font_display_title2--font_weight--compact, 600));
954
+ }
955
+ .vkui--font_display_title3--regular {
956
+ font-size: var(--vkui--font_display_title3--font_size--regular, 19px);
957
+ font-size: var(--vkui--font_display_title3--font_size--regular, var(--vkui--font_display_title3--font_size--regular, 19px));
958
+ line-height: var(--vkui--font_display_title3--line_height--regular, 24px);
959
+ line-height: var(--vkui--font_display_title3--line_height--regular, var(--vkui--font_display_title3--line_height--regular, 24px));
960
+ font-family: var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
961
+ font-family: var(--vkui--font_display_title3--font_family--regular, var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
962
+ font-weight: var(--vkui--font_display_title3--font_weight--regular, 600);
963
+ font-weight: var(--vkui--font_display_title3--font_weight--regular, var(--vkui--font_display_title3--font_weight--regular, 600));
964
+ }
965
+ .vkui--font_display_title4--regular {
966
+ font-size: var(--vkui--font_display_title4--font_size--regular, 17px);
967
+ font-size: var(--vkui--font_display_title4--font_size--regular, var(--vkui--font_display_title4--font_size--regular, 17px));
968
+ line-height: var(--vkui--font_display_title4--line_height--regular, 22px);
969
+ line-height: var(--vkui--font_display_title4--line_height--regular, var(--vkui--font_display_title4--line_height--regular, 22px));
970
+ font-family: var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
971
+ font-family: var(--vkui--font_display_title4--font_family--regular, var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
972
+ font-weight: var(--vkui--font_display_title4--font_weight--regular, 600);
973
+ font-weight: var(--vkui--font_display_title4--font_weight--regular, var(--vkui--font_display_title4--font_weight--regular, 600));
974
+ }
975
+ .vkui--font_title1--regular {
976
+ font-size: var(--vkui--font_title1--font_size--regular, 31px);
977
+ font-size: var(--vkui--font_title1--font_size--regular, var(--vkui--font_title1--font_size--regular, 31px));
978
+ line-height: var(--vkui--font_title1--line_height--regular, 31px);
979
+ line-height: var(--vkui--font_title1--line_height--regular, var(--vkui--font_title1--line_height--regular, 31px));
980
+ font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
981
+ font-family: var(--vkui--font_title1--font_family--regular, var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
982
+ font-weight: var(--vkui--font_title1--font_weight--regular, 700);
983
+ font-weight: var(--vkui--font_title1--font_weight--regular, var(--vkui--font_title1--font_weight--regular, 700));
984
+ letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.5px);
985
+ letter-spacing: var(--vkui--font_title1--letter_spacing--regular, var(--vkui--font_title1--letter_spacing--regular, -0.5px));
986
+ }
987
+ .vkui--font_title2--regular {
988
+ font-size: var(--vkui--font_title2--font_size--regular, 24px);
989
+ font-size: var(--vkui--font_title2--font_size--regular, var(--vkui--font_title2--font_size--regular, 24px));
990
+ line-height: var(--vkui--font_title2--line_height--regular, 26px);
991
+ line-height: var(--vkui--font_title2--line_height--regular, var(--vkui--font_title2--line_height--regular, 26px));
992
+ font-family: var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
993
+ font-family: var(--vkui--font_title2--font_family--regular, var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
994
+ font-weight: var(--vkui--font_title2--font_weight--regular, 700);
995
+ font-weight: var(--vkui--font_title2--font_weight--regular, var(--vkui--font_title2--font_weight--regular, 700));
996
+ letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.09px);
997
+ letter-spacing: var(--vkui--font_title2--letter_spacing--regular, var(--vkui--font_title2--letter_spacing--regular, -0.09px));
998
+ }
999
+ .vkui--font_title3--regular {
1000
+ font-size: var(--vkui--font_title3--font_size--regular, 21.5px);
1001
+ font-size: var(--vkui--font_title3--font_size--regular, var(--vkui--font_title3--font_size--regular, 21.5px));
1002
+ line-height: var(--vkui--font_title3--line_height--regular, 23px);
1003
+ line-height: var(--vkui--font_title3--line_height--regular, var(--vkui--font_title3--line_height--regular, 23px));
1004
+ font-family: var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1005
+ font-family: var(--vkui--font_title3--font_family--regular, var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1006
+ font-weight: var(--vkui--font_title3--font_weight--regular, 700);
1007
+ font-weight: var(--vkui--font_title3--font_weight--regular, var(--vkui--font_title3--font_weight--regular, 700));
1008
+ letter-spacing: var(--vkui--font_title3--letter_spacing--regular, -0.15px);
1009
+ letter-spacing: var(--vkui--font_title3--letter_spacing--regular, var(--vkui--font_title3--letter_spacing--regular, -0.15px));
1010
+ }
1011
+ .vkui--font_headline1--regular {
1012
+ font-size: var(--vkui--font_headline1--font_size--regular, 17px);
1013
+ font-size: var(--vkui--font_headline1--font_size--regular, var(--vkui--font_headline1--font_size--regular, 17px));
1014
+ line-height: var(--vkui--font_headline1--line_height--regular, 20px);
1015
+ line-height: var(--vkui--font_headline1--line_height--regular, var(--vkui--font_headline1--line_height--regular, 20px));
1016
+ font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1017
+ font-family: var(--vkui--font_headline1--font_family--regular, var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1018
+ font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
1019
+ font-weight: var(--vkui--font_headline1--font_weight--regular, var(--vkui--font_headline1--font_weight--regular, 600));
1020
+ letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.16px);
1021
+ letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, var(--vkui--font_headline1--letter_spacing--regular, -0.16px));
1022
+ }
1023
+ .vkui--font_headline1--compact {
1024
+ font-size: var(--vkui--font_headline1--font_size--compact, 15px);
1025
+ font-size: var(--vkui--font_headline1--font_size--compact, var(--vkui--font_headline1--font_size--compact, 15px));
1026
+ line-height: var(--vkui--font_headline1--line_height--compact, 20px);
1027
+ line-height: var(--vkui--font_headline1--line_height--compact, var(--vkui--font_headline1--line_height--compact, 20px));
1028
+ font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1029
+ font-family: var(--vkui--font_headline1--font_family--regular, var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1030
+ font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
1031
+ font-weight: var(--vkui--font_headline1--font_weight--regular, var(--vkui--font_headline1--font_weight--regular, 600));
1032
+ letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.16px);
1033
+ letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, var(--vkui--font_headline1--letter_spacing--regular, -0.16px));
1034
+ }
1035
+ .vkui--font_headline2--regular {
1036
+ font-size: var(--vkui--font_headline2--font_size--regular, 15px);
1037
+ font-size: var(--vkui--font_headline2--font_size--regular, var(--vkui--font_headline2--font_size--regular, 15px));
1038
+ line-height: var(--vkui--font_headline2--line_height--regular, 20px);
1039
+ line-height: var(--vkui--font_headline2--line_height--regular, var(--vkui--font_headline2--line_height--regular, 20px));
1040
+ font-family: var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1041
+ font-family: var(--vkui--font_headline2--font_family--regular, var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1042
+ font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
1043
+ font-weight: var(--vkui--font_headline2--font_weight--regular, var(--vkui--font_headline2--font_weight--regular, 500));
1044
+ }
1045
+ .vkui--font_headline2--compact {
1046
+ font-size: var(--vkui--font_headline2--font_size--compact, 14px);
1047
+ font-size: var(--vkui--font_headline2--font_size--compact, var(--vkui--font_headline2--font_size--compact, 14px));
1048
+ line-height: var(--vkui--font_headline2--line_height--compact, 20px);
1049
+ line-height: var(--vkui--font_headline2--line_height--compact, var(--vkui--font_headline2--line_height--compact, 20px));
1050
+ font-family: var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1051
+ font-family: var(--vkui--font_headline2--font_family--regular, var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1052
+ font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
1053
+ font-weight: var(--vkui--font_headline2--font_weight--regular, var(--vkui--font_headline2--font_weight--regular, 500));
1054
+ }
1055
+ .vkui--font_text--regular {
1056
+ font-size: var(--vkui--font_text--font_size--regular, 16px);
1057
+ font-size: var(--vkui--font_text--font_size--regular, var(--vkui--font_text--font_size--regular, 16px));
1058
+ line-height: var(--vkui--font_text--line_height--regular, 18.5px);
1059
+ line-height: var(--vkui--font_text--line_height--regular, var(--vkui--font_text--line_height--regular, 18.5px));
1060
+ font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1061
+ font-family: var(--vkui--font_text--font_family--regular, var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1062
+ font-weight: var(--vkui--font_text--font_weight--regular, 600);
1063
+ font-weight: var(--vkui--font_text--font_weight--regular, var(--vkui--font_text--font_weight--regular, 600));
1064
+ letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.15px);
1065
+ letter-spacing: var(--vkui--font_text--letter_spacing--regular, var(--vkui--font_text--letter_spacing--regular, -0.15px));
1066
+ }
1067
+ .vkui--font_text--compact {
1068
+ font-size: var(--vkui--font_text--font_size--compact, 15px);
1069
+ font-size: var(--vkui--font_text--font_size--compact, var(--vkui--font_text--font_size--compact, 15px));
1070
+ line-height: var(--vkui--font_text--line_height--compact, 20px);
1071
+ line-height: var(--vkui--font_text--line_height--compact, var(--vkui--font_text--line_height--compact, 20px));
1072
+ font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1073
+ font-family: var(--vkui--font_text--font_family--regular, var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1074
+ font-weight: var(--vkui--font_text--font_weight--regular, 600);
1075
+ font-weight: var(--vkui--font_text--font_weight--regular, var(--vkui--font_text--font_weight--regular, 600));
1076
+ letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.15px);
1077
+ letter-spacing: var(--vkui--font_text--letter_spacing--regular, var(--vkui--font_text--letter_spacing--regular, -0.15px));
1078
+ }
1079
+ .vkui--font_paragraph--regular {
1080
+ font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
1081
+ font-size: var(--vkui--font_paragraph--font_size--regular, var(--vkui--font_paragraph--font_size--regular, 15px));
1082
+ line-height: var(--vkui--font_paragraph--line_height--regular, 18.5px);
1083
+ line-height: var(--vkui--font_paragraph--line_height--regular, var(--vkui--font_paragraph--line_height--regular, 18.5px));
1084
+ font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1085
+ font-family: var(--vkui--font_paragraph--font_family--regular, var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1086
+ font-weight: var(--vkui--font_paragraph--font_weight--regular, 600);
1087
+ font-weight: var(--vkui--font_paragraph--font_weight--regular, var(--vkui--font_paragraph--font_weight--regular, 600));
1088
+ letter-spacing: var(--vkui--font_paragraph--letter_spacing--regular, -0.17px);
1089
+ letter-spacing: var(--vkui--font_paragraph--letter_spacing--regular, var(--vkui--font_paragraph--letter_spacing--regular, -0.17px));
1090
+ }
1091
+ .vkui--font_subhead--regular {
1092
+ font-size: var(--vkui--font_subhead--font_size--regular, 14px);
1093
+ font-size: var(--vkui--font_subhead--font_size--regular, var(--vkui--font_subhead--font_size--regular, 14px));
1094
+ line-height: var(--vkui--font_subhead--line_height--regular, 18px);
1095
+ line-height: var(--vkui--font_subhead--line_height--regular, var(--vkui--font_subhead--line_height--regular, 18px));
1096
+ font-family: var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1097
+ font-family: var(--vkui--font_subhead--font_family--regular, var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1098
+ font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
1099
+ font-weight: var(--vkui--font_subhead--font_weight--regular, var(--vkui--font_subhead--font_weight--regular, 400));
1100
+ }
1101
+ .vkui--font_subhead--compact {
1102
+ font-size: var(--vkui--font_subhead--font_size--compact, 13px);
1103
+ font-size: var(--vkui--font_subhead--font_size--compact, var(--vkui--font_subhead--font_size--compact, 13px));
1104
+ line-height: var(--vkui--font_subhead--line_height--compact, 16px);
1105
+ line-height: var(--vkui--font_subhead--line_height--compact, var(--vkui--font_subhead--line_height--compact, 16px));
1106
+ font-family: var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1107
+ font-family: var(--vkui--font_subhead--font_family--regular, var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1108
+ font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
1109
+ font-weight: var(--vkui--font_subhead--font_weight--regular, var(--vkui--font_subhead--font_weight--regular, 400));
1110
+ }
1111
+ .vkui--font_footnote--regular {
1112
+ font-size: var(--vkui--font_footnote--font_size--regular, 13.5px);
1113
+ font-size: var(--vkui--font_footnote--font_size--regular, var(--vkui--font_footnote--font_size--regular, 13.5px));
1114
+ line-height: var(--vkui--font_footnote--line_height--regular, 15px);
1115
+ line-height: var(--vkui--font_footnote--line_height--regular, var(--vkui--font_footnote--line_height--regular, 15px));
1116
+ font-family: var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1117
+ font-family: var(--vkui--font_footnote--font_family--regular, var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1118
+ font-weight: var(--vkui--font_footnote--font_weight--regular, 600);
1119
+ font-weight: var(--vkui--font_footnote--font_weight--regular, var(--vkui--font_footnote--font_weight--regular, 600));
1120
+ letter-spacing: var(--vkui--font_footnote--letter_spacing--regular, -0.16px);
1121
+ letter-spacing: var(--vkui--font_footnote--letter_spacing--regular, var(--vkui--font_footnote--letter_spacing--regular, -0.16px));
1122
+ }
1123
+ .vkui--font_footnote_caps--regular {
1124
+ font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
1125
+ font-size: var(--vkui--font_footnote_caps--font_size--regular, var(--vkui--font_footnote_caps--font_size--regular, 13px));
1126
+ line-height: var(--vkui--font_footnote_caps--line_height--regular, 16px);
1127
+ line-height: var(--vkui--font_footnote_caps--line_height--regular, var(--vkui--font_footnote_caps--line_height--regular, 16px));
1128
+ font-family: var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1129
+ font-family: var(--vkui--font_footnote_caps--font_family--regular, var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1130
+ font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 600);
1131
+ font-weight: var(--vkui--font_footnote_caps--font_weight--regular, var(--vkui--font_footnote_caps--font_weight--regular, 600));
1132
+ text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
1133
+ text-transform: var(--vkui--font_footnote_caps--text_transform--regular, var(--vkui--font_footnote_caps--text_transform--regular, uppercase));
1134
+ }
1135
+ .vkui--font_caption1--regular {
1136
+ font-size: var(--vkui--font_caption1--font_size--regular, 11.5px);
1137
+ font-size: var(--vkui--font_caption1--font_size--regular, var(--vkui--font_caption1--font_size--regular, 11.5px));
1138
+ line-height: var(--vkui--font_caption1--line_height--regular, 12px);
1139
+ line-height: var(--vkui--font_caption1--line_height--regular, var(--vkui--font_caption1--line_height--regular, 12px));
1140
+ font-family: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1141
+ font-family: var(--vkui--font_caption1--font_family--regular, var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1142
+ font-weight: var(--vkui--font_caption1--font_weight--regular, 600);
1143
+ font-weight: var(--vkui--font_caption1--font_weight--regular, var(--vkui--font_caption1--font_weight--regular, 600));
1144
+ letter-spacing: var(--vkui--font_caption1--letter_spacing--regular, -0.16px);
1145
+ letter-spacing: var(--vkui--font_caption1--letter_spacing--regular, var(--vkui--font_caption1--letter_spacing--regular, -0.16px));
1146
+ }
1147
+ .vkui--font_caption1_caps--regular {
1148
+ font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
1149
+ font-size: var(--vkui--font_caption1_caps--font_size--regular, var(--vkui--font_caption1_caps--font_size--regular, 12px));
1150
+ line-height: var(--vkui--font_caption1_caps--line_height--regular, 14px);
1151
+ line-height: var(--vkui--font_caption1_caps--line_height--regular, var(--vkui--font_caption1_caps--line_height--regular, 14px));
1152
+ font-family: var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1153
+ font-family: var(--vkui--font_caption1_caps--font_family--regular, var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1154
+ font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 600);
1155
+ font-weight: var(--vkui--font_caption1_caps--font_weight--regular, var(--vkui--font_caption1_caps--font_weight--regular, 600));
1156
+ text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
1157
+ text-transform: var(--vkui--font_caption1_caps--text_transform--regular, var(--vkui--font_caption1_caps--text_transform--regular, uppercase));
1158
+ }
1159
+ .vkui--font_caption2--regular {
1160
+ font-size: var(--vkui--font_caption2--font_size--regular, 11px);
1161
+ font-size: var(--vkui--font_caption2--font_size--regular, var(--vkui--font_caption2--font_size--regular, 11px));
1162
+ line-height: var(--vkui--font_caption2--line_height--regular, 14px);
1163
+ line-height: var(--vkui--font_caption2--line_height--regular, var(--vkui--font_caption2--line_height--regular, 14px));
1164
+ font-family: var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1165
+ font-family: var(--vkui--font_caption2--font_family--regular, var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1166
+ font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
1167
+ font-weight: var(--vkui--font_caption2--font_weight--regular, var(--vkui--font_caption2--font_weight--regular, 400));
1168
+ }
1169
+ .vkui--font_caption2_caps--regular {
1170
+ font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
1171
+ font-size: var(--vkui--font_caption2_caps--font_size--regular, var(--vkui--font_caption2_caps--font_size--regular, 11px));
1172
+ line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px);
1173
+ line-height: var(--vkui--font_caption2_caps--line_height--regular, var(--vkui--font_caption2_caps--line_height--regular, 14px));
1174
+ font-family: var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1175
+ font-family: var(--vkui--font_caption2_caps--font_family--regular, var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1176
+ font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 600);
1177
+ font-weight: var(--vkui--font_caption2_caps--font_weight--regular, var(--vkui--font_caption2_caps--font_weight--regular, 600));
1178
+ text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
1179
+ text-transform: var(--vkui--font_caption2_caps--text_transform--regular, var(--vkui--font_caption2_caps--text_transform--regular, uppercase));
1180
+ }
1181
+ .vkui--font_caption3--regular {
1182
+ font-size: var(--vkui--font_caption3--font_size--regular, 9px);
1183
+ font-size: var(--vkui--font_caption3--font_size--regular, var(--vkui--font_caption3--font_size--regular, 9px));
1184
+ line-height: var(--vkui--font_caption3--line_height--regular, 12px);
1185
+ line-height: var(--vkui--font_caption3--line_height--regular, var(--vkui--font_caption3--line_height--regular, 12px));
1186
+ font-family: var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1187
+ font-family: var(--vkui--font_caption3--font_family--regular, var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1188
+ font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
1189
+ font-weight: var(--vkui--font_caption3--font_weight--regular, var(--vkui--font_caption3--font_weight--regular, 400));
1190
+ }
1191
+ .vkui--font_caption3_caps--regular {
1192
+ font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
1193
+ font-size: var(--vkui--font_caption3_caps--font_size--regular, var(--vkui--font_caption3_caps--font_size--regular, 9px));
1194
+ line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px);
1195
+ line-height: var(--vkui--font_caption3_caps--line_height--regular, var(--vkui--font_caption3_caps--line_height--regular, 12px));
1196
+ font-family: var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1197
+ font-family: var(--vkui--font_caption3_caps--font_family--regular, var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1198
+ font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 600);
1199
+ font-weight: var(--vkui--font_caption3_caps--font_weight--regular, var(--vkui--font_caption3_caps--font_weight--regular, 600));
1200
+ text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
1201
+ text-transform: var(--vkui--font_caption3_caps--text_transform--regular, var(--vkui--font_caption3_caps--text_transform--regular, uppercase));
1202
+ }
1203
+ .vkui--font_label1--regular {
1204
+ font-size: var(--vkui--font_label1--font_size--regular, 19px);
1205
+ font-size: var(--vkui--font_label1--font_size--regular, var(--vkui--font_label1--font_size--regular, 19px));
1206
+ line-height: var(--vkui--font_label1--line_height--regular, 20px);
1207
+ line-height: var(--vkui--font_label1--line_height--regular, var(--vkui--font_label1--line_height--regular, 20px));
1208
+ font-weight: var(--vkui--font_label1--font_weight--regular, 700);
1209
+ font-weight: var(--vkui--font_label1--font_weight--regular, var(--vkui--font_label1--font_weight--regular, 700));
1210
+ letter-spacing: var(--vkui--font_label1--letter_spacing--regular, -0.14px);
1211
+ letter-spacing: var(--vkui--font_label1--letter_spacing--regular, var(--vkui--font_label1--letter_spacing--regular, -0.14px));
1212
+ }
1213
+ .vkui--font_label2--regular {
1214
+ font-size: var(--vkui--font_label2--font_size--regular, 18px);
1215
+ font-size: var(--vkui--font_label2--font_size--regular, var(--vkui--font_label2--font_size--regular, 18px));
1216
+ line-height: var(--vkui--font_label2--line_height--regular, 21px);
1217
+ line-height: var(--vkui--font_label2--line_height--regular, var(--vkui--font_label2--line_height--regular, 21px));
1218
+ font-weight: var(--vkui--font_label2--font_weight--regular, 600);
1219
+ font-weight: var(--vkui--font_label2--font_weight--regular, var(--vkui--font_label2--font_weight--regular, 600));
1220
+ letter-spacing: var(--vkui--font_label2--letter_spacing--regular, -0.19px);
1221
+ letter-spacing: var(--vkui--font_label2--letter_spacing--regular, var(--vkui--font_label2--letter_spacing--regular, -0.19px));
1222
+ }
1223
+ .vkui--font_body--regular {
1224
+ font-size: var(--vkui--font_body--font_size--regular, 16.5px);
1225
+ font-size: var(--vkui--font_body--font_size--regular, var(--vkui--font_body--font_size--regular, 16.5px));
1226
+ line-height: var(--vkui--font_body--line_height--regular, 21px);
1227
+ line-height: var(--vkui--font_body--line_height--regular, var(--vkui--font_body--line_height--regular, 21px));
1228
+ font-weight: var(--vkui--font_body--font_weight--regular, 500);
1229
+ font-weight: var(--vkui--font_body--font_weight--regular, var(--vkui--font_body--font_weight--regular, 500));
1230
+ letter-spacing: var(--vkui--font_body--letter_spacing--regular, -0.21px);
1231
+ letter-spacing: var(--vkui--font_body--letter_spacing--regular, var(--vkui--font_body--letter_spacing--regular, -0.21px));
1232
+ }
1233
+ .vkui--font_text_bold--regular {
1234
+ font-size: var(--vkui--font_text_bold--font_size--regular, 16px);
1235
+ font-size: var(--vkui--font_text_bold--font_size--regular, var(--vkui--font_text_bold--font_size--regular, 16px));
1236
+ line-height: var(--vkui--font_text_bold--line_height--regular, 18.5px);
1237
+ line-height: var(--vkui--font_text_bold--line_height--regular, var(--vkui--font_text_bold--line_height--regular, 18.5px));
1238
+ font-weight: var(--vkui--font_text_bold--font_weight--regular, 700);
1239
+ font-weight: var(--vkui--font_text_bold--font_weight--regular, var(--vkui--font_text_bold--font_weight--regular, 700));
1240
+ letter-spacing: var(--vkui--font_text_bold--letter_spacing--regular, -0.15px);
1241
+ letter-spacing: var(--vkui--font_text_bold--letter_spacing--regular, var(--vkui--font_text_bold--letter_spacing--regular, -0.15px));
1242
+ }
1243
+ .vkui--font_footnote_bold--regular {
1244
+ font-size: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
1245
+ font-size: var(--vkui--font_footnote_bold--font_size--regular, var(--vkui--font_footnote_bold--font_size--regular, 13.5px));
1246
+ line-height: var(--vkui--font_footnote_bold--line_height--regular, 15px);
1247
+ line-height: var(--vkui--font_footnote_bold--line_height--regular, var(--vkui--font_footnote_bold--line_height--regular, 15px));
1248
+ font-weight: var(--vkui--font_footnote_bold--font_weight--regular, 700);
1249
+ font-weight: var(--vkui--font_footnote_bold--font_weight--regular, var(--vkui--font_footnote_bold--font_weight--regular, 700));
1250
+ letter-spacing: var(--vkui--font_footnote_bold--letter_spacing--regular, -0.16px);
1251
+ letter-spacing: var(--vkui--font_footnote_bold--letter_spacing--regular, var(--vkui--font_footnote_bold--letter_spacing--regular, -0.16px));
1252
+ }
1253
+ .vkui--font_headline--regular {
1254
+ font-size: var(--vkui--font_headline--font_size--regular, 17px);
1255
+ font-size: var(--vkui--font_headline--font_size--regular, var(--vkui--font_headline--font_size--regular, 17px));
1256
+ line-height: var(--vkui--font_headline--line_height--regular, 20px);
1257
+ line-height: var(--vkui--font_headline--line_height--regular, var(--vkui--font_headline--line_height--regular, 20px));
1258
+ font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1259
+ font-family: var(--vkui--font_headline--font_family--regular, var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1260
+ font-weight: var(--vkui--font_headline--font_weight--regular, 600);
1261
+ font-weight: var(--vkui--font_headline--font_weight--regular, var(--vkui--font_headline--font_weight--regular, 600));
1262
+ letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.16px);
1263
+ letter-spacing: var(--vkui--font_headline--letter_spacing--regular, var(--vkui--font_headline--letter_spacing--regular, -0.16px));
1264
+ }
1265
+ .vkui--font_headline--compact {
1266
+ font-size: var(--vkui--font_headline--font_size--compact, 15px);
1267
+ font-size: var(--vkui--font_headline--font_size--compact, var(--vkui--font_headline--font_size--compact, 15px));
1268
+ line-height: var(--vkui--font_headline--line_height--compact, 20px);
1269
+ line-height: var(--vkui--font_headline--line_height--compact, var(--vkui--font_headline--line_height--compact, 20px));
1270
+ font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1271
+ font-family: var(--vkui--font_headline--font_family--regular, var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1272
+ font-weight: var(--vkui--font_headline--font_weight--regular, 600);
1273
+ font-weight: var(--vkui--font_headline--font_weight--regular, var(--vkui--font_headline--font_weight--regular, 600));
1274
+ letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.16px);
1275
+ letter-spacing: var(--vkui--font_headline--letter_spacing--regular, var(--vkui--font_headline--letter_spacing--regular, -0.16px));
1276
+ }