@vkontakte/vkui-tokens 4.86.0 → 4.87.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 (82) hide show
  1. package/build/compilers/cssVars/declarations/compileBreakpointsCssVarsDeclaration.d.ts +1 -2
  2. package/build/compilers/cssVars/declarations/compileBreakpointsCssVarsDeclaration.js +1 -2
  3. package/build/compilers/cssVars/helpers/accumulateValues.js +1 -2
  4. package/build/compilers/index.d.ts +1 -4
  5. package/build/compilers/index.js +2 -5
  6. package/build/compilers/styles/compileStyles.js +1 -2
  7. package/build/compilers/styles/helpers/tokenProcessors.d.ts +0 -1
  8. package/build/compilers/styles/helpers/tokenProcessors.js +2 -4
  9. package/build/themeProcessors/extractCssVarsStrict/extractCssVarsStrict.js +1 -3
  10. package/build/themeProcessors/extractVarsNames/extractVarsNames.js +0 -1
  11. package/interfaces/general/colors/index.d.ts +3 -4
  12. package/interfaces/general/index.d.ts +1 -2
  13. package/interfaces/general/tools/utils.d.ts +1 -2
  14. package/interfaces/themes/workSpaceChats/index.d.ts +155 -0
  15. package/interfaces/themes/workSpaceChats/index.js +1 -0
  16. package/interfaces/themes/workSpaceChatsDark/index.d.ts +7 -0
  17. package/interfaces/themes/workSpaceChatsDark/index.js +1 -0
  18. package/package.json +26 -51
  19. package/themeDescriptions/base/vk.d.ts +0 -1
  20. package/themeDescriptions/base/vk.js +1 -2
  21. package/themes/workSpaceChats/cssVars/declarations/index.css +1817 -0
  22. package/themes/workSpaceChats/cssVars/declarations/noColors.css +715 -0
  23. package/themes/workSpaceChats/cssVars/declarations/noSizes.css +564 -0
  24. package/themes/workSpaceChats/cssVars/declarations/onlyAdaptiveGroups.css +164 -0
  25. package/themes/workSpaceChats/cssVars/declarations/onlyColors.css +518 -0
  26. package/themes/workSpaceChats/cssVars/declarations/onlyColors.d.ts +3 -0
  27. package/themes/workSpaceChats/cssVars/declarations/onlyColors.js +1 -0
  28. package/themes/workSpaceChats/cssVars/declarations/onlyMedia.css +420 -0
  29. package/themes/workSpaceChats/cssVars/declarations/onlyVariables.css +865 -0
  30. package/themes/workSpaceChats/cssVars/declarations/onlyVariables.d.ts +3 -0
  31. package/themes/workSpaceChats/cssVars/declarations/onlyVariables.js +1 -0
  32. package/themes/workSpaceChats/cssVars/declarations/onlyVariablesLocal.css +865 -0
  33. package/themes/workSpaceChats/cssVars/declarations/onlyVariablesLocalIncremental.css +865 -0
  34. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.css +1232 -0
  35. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.less +963 -0
  36. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.pcss +956 -0
  37. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.scss +1235 -0
  38. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.styl +963 -0
  39. package/themes/workSpaceChats/cssVars/theme/index.d.ts +4 -0
  40. package/themes/workSpaceChats/cssVars/theme/index.js +1 -0
  41. package/themes/workSpaceChats/cssVars/theme/index.json +5179 -0
  42. package/themes/workSpaceChats/docs.json +4648 -0
  43. package/themes/workSpaceChats/index.css +1232 -0
  44. package/themes/workSpaceChats/index.d.ts +4 -0
  45. package/themes/workSpaceChats/index.js +1 -0
  46. package/themes/workSpaceChats/index.json +1590 -0
  47. package/themes/workSpaceChats/index.less +963 -0
  48. package/themes/workSpaceChats/index.pcss +956 -0
  49. package/themes/workSpaceChats/index.scss +1235 -0
  50. package/themes/workSpaceChats/index.styl +963 -0
  51. package/themes/workSpaceChats/struct.json +1742 -0
  52. package/themes/workSpaceChatsDark/cssVars/declarations/index.css +1817 -0
  53. package/themes/workSpaceChatsDark/cssVars/declarations/noColors.css +715 -0
  54. package/themes/workSpaceChatsDark/cssVars/declarations/noSizes.css +564 -0
  55. package/themes/workSpaceChatsDark/cssVars/declarations/onlyAdaptiveGroups.css +164 -0
  56. package/themes/workSpaceChatsDark/cssVars/declarations/onlyColors.css +518 -0
  57. package/themes/workSpaceChatsDark/cssVars/declarations/onlyColors.d.ts +3 -0
  58. package/themes/workSpaceChatsDark/cssVars/declarations/onlyColors.js +1 -0
  59. package/themes/workSpaceChatsDark/cssVars/declarations/onlyMedia.css +420 -0
  60. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariables.css +865 -0
  61. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariables.d.ts +3 -0
  62. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariables.js +1 -0
  63. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariablesLocal.css +865 -0
  64. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariablesLocalIncremental.css +865 -0
  65. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.css +1232 -0
  66. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.less +963 -0
  67. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.pcss +956 -0
  68. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.scss +1235 -0
  69. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.styl +963 -0
  70. package/themes/workSpaceChatsDark/cssVars/theme/index.d.ts +4 -0
  71. package/themes/workSpaceChatsDark/cssVars/theme/index.js +1 -0
  72. package/themes/workSpaceChatsDark/cssVars/theme/index.json +5179 -0
  73. package/themes/workSpaceChatsDark/docs.json +4648 -0
  74. package/themes/workSpaceChatsDark/index.css +1232 -0
  75. package/themes/workSpaceChatsDark/index.d.ts +4 -0
  76. package/themes/workSpaceChatsDark/index.js +1 -0
  77. package/themes/workSpaceChatsDark/index.json +1590 -0
  78. package/themes/workSpaceChatsDark/index.less +963 -0
  79. package/themes/workSpaceChatsDark/index.pcss +956 -0
  80. package/themes/workSpaceChatsDark/index.scss +1235 -0
  81. package/themes/workSpaceChatsDark/index.styl +963 -0
  82. package/themes/workSpaceChatsDark/struct.json +1742 -0
@@ -0,0 +1,715 @@
1
+ :root {
2
+ --vkui--theme_name: 'workSpaceChats';
3
+ --vkui--font_family_fallbacks: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
4
+ --vkui--font_family_accent: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
5
+ --vkui--font_family_base: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
6
+ --vkui--font_weight_accent1: 500;
7
+ --vkui--font_weight_accent2: 500;
8
+ --vkui--font_weight_accent3: 400;
9
+ --vkui--font_weight_base1: 700;
10
+ --vkui--font_weight_base2: 700;
11
+ --vkui--font_weight_base3: 400;
12
+ --vkui--font_display_title1--font_size--regular: 23px;
13
+ --vkui--font_display_title1--line_height--regular: 28px;
14
+ --vkui--font_display_title1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
15
+ --vkui--font_display_title1--font_weight--regular: 500;
16
+ --vkui--font_display_title2--font_size--regular: 21px;
17
+ --vkui--font_display_title2--line_height--regular: 26px;
18
+ --vkui--font_display_title2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
19
+ --vkui--font_display_title2--font_weight--regular: 500;
20
+ --vkui--font_display_title2--font_size--compact: 22px;
21
+ --vkui--font_display_title2--line_height--compact: 22px;
22
+ --vkui--font_display_title2--font_family--compact: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
23
+ --vkui--font_display_title2--font_weight--compact: 500;
24
+ --vkui--font_display_title3--font_size--regular: 19px;
25
+ --vkui--font_display_title3--line_height--regular: 24px;
26
+ --vkui--font_display_title3--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
27
+ --vkui--font_display_title3--font_weight--regular: 500;
28
+ --vkui--font_display_title4--font_size--regular: 17px;
29
+ --vkui--font_display_title4--line_height--regular: 24px;
30
+ --vkui--font_display_title4--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
31
+ --vkui--font_display_title4--font_weight--regular: 500;
32
+ --vkui--font_title1--font_size--regular: 24px;
33
+ --vkui--font_title1--line_height--regular: 28px;
34
+ --vkui--font_title1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
35
+ --vkui--font_title1--font_weight--regular: 500;
36
+ --vkui--font_title2--font_size--regular: 20px;
37
+ --vkui--font_title2--line_height--regular: 26px;
38
+ --vkui--font_title2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
39
+ --vkui--font_title2--font_weight--regular: 500;
40
+ --vkui--font_title3--font_size--regular: 17px;
41
+ --vkui--font_title3--line_height--regular: 22px;
42
+ --vkui--font_title3--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
43
+ --vkui--font_title3--font_weight--regular: 500;
44
+ --vkui--font_headline1--font_size--regular: 16px;
45
+ --vkui--font_headline1--line_height--regular: 20px;
46
+ --vkui--font_headline1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
47
+ --vkui--font_headline1--font_weight--regular: 500;
48
+ --vkui--font_headline1--font_size--compact: 15px;
49
+ --vkui--font_headline1--line_height--compact: 20px;
50
+ --vkui--font_headline2--font_size--regular: 15px;
51
+ --vkui--font_headline2--line_height--regular: 20px;
52
+ --vkui--font_headline2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
53
+ --vkui--font_headline2--font_weight--regular: 500;
54
+ --vkui--font_headline2--font_size--compact: 14px;
55
+ --vkui--font_headline2--line_height--compact: 20px;
56
+ --vkui--font_text--font_size--regular: 16px;
57
+ --vkui--font_text--line_height--regular: 20px;
58
+ --vkui--font_text--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
59
+ --vkui--font_text--font_weight--regular: 400;
60
+ --vkui--font_text--font_size--compact: 15px;
61
+ --vkui--font_text--line_height--compact: 20px;
62
+ --vkui--font_paragraph--font_size--regular: 15px;
63
+ --vkui--font_paragraph--line_height--regular: 20px;
64
+ --vkui--font_paragraph--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
65
+ --vkui--font_paragraph--font_weight--regular: 400;
66
+ --vkui--font_subhead--font_size--regular: 14px;
67
+ --vkui--font_subhead--line_height--regular: 18px;
68
+ --vkui--font_subhead--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
69
+ --vkui--font_subhead--font_weight--regular: 400;
70
+ --vkui--font_subhead--font_size--compact: 13px;
71
+ --vkui--font_subhead--line_height--compact: 18px;
72
+ --vkui--font_footnote--font_size--regular: 13px;
73
+ --vkui--font_footnote--line_height--regular: 18px;
74
+ --vkui--font_footnote--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
75
+ --vkui--font_footnote--font_weight--regular: 400;
76
+ --vkui--font_footnote_caps--font_size--regular: 13px;
77
+ --vkui--font_footnote_caps--line_height--regular: 18px;
78
+ --vkui--font_footnote_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
79
+ --vkui--font_footnote_caps--font_weight--regular: 400;
80
+ --vkui--font_footnote_caps--text_transform--regular: uppercase;
81
+ --vkui--font_footnote_caps--letter_spacing--regular: 0.3px;
82
+ --vkui--font_caption1--font_size--regular: 12px;
83
+ --vkui--font_caption1--line_height--regular: 16px;
84
+ --vkui--font_caption1--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
85
+ --vkui--font_caption1--font_weight--regular: 400;
86
+ --vkui--font_caption1_caps--font_size--regular: 12px;
87
+ --vkui--font_caption1_caps--line_height--regular: 16px;
88
+ --vkui--font_caption1_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
89
+ --vkui--font_caption1_caps--font_weight--regular: 400;
90
+ --vkui--font_caption1_caps--text_transform--regular: uppercase;
91
+ --vkui--font_caption1_caps--letter_spacing--regular: 0.26px;
92
+ --vkui--font_caption2--font_size--regular: 11px;
93
+ --vkui--font_caption2--line_height--regular: 14px;
94
+ --vkui--font_caption2--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
95
+ --vkui--font_caption2--font_weight--regular: 400;
96
+ --vkui--font_caption2_caps--font_size--regular: 11px;
97
+ --vkui--font_caption2_caps--line_height--regular: 14px;
98
+ --vkui--font_caption2_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
99
+ --vkui--font_caption2_caps--font_weight--regular: 400;
100
+ --vkui--font_caption2_caps--text_transform--regular: uppercase;
101
+ --vkui--font_caption2_caps--letter_spacing--regular: 0.22px;
102
+ --vkui--font_caption3--font_size--regular: 9px;
103
+ --vkui--font_caption3--line_height--regular: 12px;
104
+ --vkui--font_caption3--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
105
+ --vkui--font_caption3--font_weight--regular: 400;
106
+ --vkui--font_caption3_caps--font_size--regular: 9px;
107
+ --vkui--font_caption3_caps--line_height--regular: 12px;
108
+ --vkui--font_caption3_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
109
+ --vkui--font_caption3_caps--font_weight--regular: 400;
110
+ --vkui--font_caption3_caps--text_transform--regular: uppercase;
111
+ --vkui--font_caption3_caps--letter_spacing--regular: 0.16px;
112
+ --vkui--size_select_icon_padding--regular: 7px;
113
+ --vkui--size_select_icon_padding--compact: 6px;
114
+ --vkui--size_popup_base_padding--regular: 20px;
115
+ --vkui--size_popup_base_padding--compact: 32px;
116
+ --vkui--size_popup_header_padding--regular: 16px;
117
+ --vkui--size_popup_header_padding--compact: 24px;
118
+ --vkui--size_border_radius--regular: 8px;
119
+ --vkui--size_border_radius_rounded--regular: 48px;
120
+ --vkui--size_check_border_radius--regular: 4px;
121
+ --vkui--size_border_radius_paper--regular: 12px;
122
+ --vkui--size_border_radius_promo--regular: 20px;
123
+ --vkui--size_cell_height--regular: 48px;
124
+ --vkui--size_cell_height--compact: 44px;
125
+ --vkui--size_field_height--regular: 44px;
126
+ --vkui--size_field_height--compact: 36px;
127
+ --vkui--size_search_height--regular: 36px;
128
+ --vkui--size_search_height--compact: 32px;
129
+ --vkui--size_button_extra_small_height--regular: 24px;
130
+ --vkui--size_button_extra_small_height--compact: 22px;
131
+ --vkui--size_button_small_height--regular: 30px;
132
+ --vkui--size_button_small_height--compact: 28px;
133
+ --vkui--size_button_medium_height--regular: 36px;
134
+ --vkui--size_button_medium_height--compact: 32px;
135
+ --vkui--size_button_large_height--regular: 44px;
136
+ --vkui--size_button_large_height--compact: 36px;
137
+ --vkui--size_checkbox--regular: 16px;
138
+ --vkui--size_arrow--regular: 8px;
139
+ --vkui--size_arrow_promo--regular: 40px;
140
+ --vkui--size_popup_small--regular: 430px;
141
+ --vkui--size_popup_medium--regular: 680px;
142
+ --vkui--size_popup_large--regular: 880px;
143
+ --vkui--size_field_horizontal_padding--regular: 12px;
144
+ --vkui--size_button_padding_horizontal--regular: 20px;
145
+ --vkui--size_button_padding_horizontal--compact: 16px;
146
+ --vkui--size_label_horizontal_margin--regular: 16px;
147
+ --vkui--size_arrow_padding--regular: 12px;
148
+ --vkui--size_tooltip_margin--regular: 8px;
149
+ --vkui--size_icon_u_i--regular: 16px;
150
+ --vkui--size_avatar_x_s--regular: 24px;
151
+ --vkui--size_avatar_s--regular: 32px;
152
+ --vkui--size_avatar_m--regular: 48px;
153
+ --vkui--size_avatar_l--regular: 96px;
154
+ --vkui--size_avatar_x_l--regular: 128px;
155
+ --vkui--size_badge_x_s--regular: 12px;
156
+ --vkui--size_badge_s--regular: 16px;
157
+ --vkui--size_badge_m--regular: 24px;
158
+ --vkui--size_badge_l--regular: 44px;
159
+ --vkui--size_badge_x_l--regular: 56px;
160
+ --vkui--size_cardgrid_padding--regular: 12px;
161
+ --vkui--size_card_border_radius--regular: 16px;
162
+ --vkui--size_cardgrid_padding_vertical--regular: 8px;
163
+ --vkui--size_base_padding_horizontal--regular: 16px;
164
+ --vkui--size_base_padding_vertical--regular: 12px;
165
+ --vkui--size_button_group_gap_space--regular: 1px;
166
+ --vkui--size_button_group_gap_small--regular: 8px;
167
+ --vkui--size_button_group_gap_medium--regular: 12px;
168
+ --vkui--size_option_hierarchy--regular: 32px;
169
+ --vkui--size_switch_height--regular: 14px;
170
+ --vkui--size_switch_height--compact: 12px;
171
+ --vkui--size_switch_width--regular: 34px;
172
+ --vkui--size_switch_width--compact: 32px;
173
+ --vkui--size_switch_pin--regular: 20px;
174
+ --vkui--size_switch_pin--compact: 18px;
175
+ --vkui--size_panel_header_height--compact: 48px;
176
+ --vkui--size_panel_header_height--regular: 56px;
177
+ --vkui--size_button_base_small_padding_horizontal--regular: 16px;
178
+ --vkui--size_button_base_medium_padding_horizontal--regular: 16px;
179
+ --vkui--size_button_base_large_padding_horizontal--regular: 20px;
180
+ --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
181
+ --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
182
+ --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
183
+ --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
184
+ --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
185
+ --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
186
+ --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
187
+ --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
188
+ --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
189
+ --vkui--size_button_minimum_width--regular: 80px;
190
+ --vkui--size_form_item_padding_vertical--regular: 12px;
191
+ --vkui--size_split_col_padding_horizontal--regular: 16px;
192
+ --vkui--size_subnavigation_bar_gap--regular: 8px;
193
+ --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
194
+ --vkui--size_border1x--regular: 1px;
195
+ --vkui--size_border2x--regular: 0.5px;
196
+ --vkui--size_border3x--regular: 0.33px;
197
+ --vkui--spacing_size_3xs: 2px;
198
+ --vkui--spacing_size_2xs: 2px;
199
+ --vkui--spacing_size_xs: 4px;
200
+ --vkui--spacing_size_s: 6px;
201
+ --vkui--spacing_size_m: 8px;
202
+ --vkui--spacing_size_l: 10px;
203
+ --vkui--spacing_size_xl: 12px;
204
+ --vkui--spacing_size_2xl: 16px;
205
+ --vkui--spacing_size_3xl: 20px;
206
+ --vkui--spacing_size_4xl: 24px;
207
+ --vkui--spacing_size_5xl: 32px;
208
+ --vkui--spacing_size_6xl: 40px;
209
+ --vkui--elevation1: 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08);
210
+ --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08);
211
+ --vkui--elevation2: 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06);
212
+ --vkui--elevation3: 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08);
213
+ --vkui--elevation4: 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16);
214
+ --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%;
215
+ --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%;
216
+ --vkui--gradient_tint: rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%;
217
+ --vkui--gradient: 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%;
218
+ --vkui--animation_duration_l: 0.4s;
219
+ --vkui--animation_duration_m: 0.2s;
220
+ --vkui--animation_duration_s: 0.1s;
221
+ --vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
222
+ --vkui--animation_easing_platform: cubic-bezier(0.3, 0.3, 0.5, 1);
223
+ --vkui--opacity_disable: 0.48;
224
+ --vkui--opacity_disable_accessibility: 0.64;
225
+ --vkui--opacity_active: 0.72;
226
+ --vkui--blur_s: 8px;
227
+ --vkui--blur_m: 16px;
228
+ --vkui--blur_l: 48px;
229
+ --vkui--blur_x_l: 96px;
230
+ --vkui--z_index_modal: 99;
231
+ --vkui--z_index_popout: 100;
232
+ --vkui--x0: 0px;
233
+ --vkui--x025: 1px;
234
+ --vkui--x05: 2px;
235
+ --vkui--x1: 4px;
236
+ --vkui--x2: 8px;
237
+ --vkui--x3: 12px;
238
+ --vkui--x4: 16px;
239
+ --vkui--x5: 20px;
240
+ --vkui--x6: 24px;
241
+ --vkui--x8: 32px;
242
+ --vkui--x10: 40px;
243
+ --vkui--x12: 48px;
244
+ --vkui--x15: 60px;
245
+ --vkui--x20: 80px;
246
+ --vkui--size_base: 4px;
247
+ --vkui--size_grid: 20px;
248
+ --vkui--font_h0--font_size--regular: 28px;
249
+ --vkui--font_h0--line_height--regular: 32px;
250
+ --vkui--font_h0--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
251
+ --vkui--font_h0--font_weight--regular: 500;
252
+ --vkui--font_h0--font_size--compact: 44px;
253
+ --vkui--font_h0--line_height--compact: 52px;
254
+ --vkui--font_h1--font_size--regular: 24px;
255
+ --vkui--font_h1--line_height--regular: 28px;
256
+ --vkui--font_h1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
257
+ --vkui--font_h1--font_weight--regular: 500;
258
+ --vkui--font_h1--font_size--compact: 32px;
259
+ --vkui--font_h1--line_height--compact: 36px;
260
+ --vkui--font_h2--font_size--regular: 20px;
261
+ --vkui--font_h2--line_height--regular: 26px;
262
+ --vkui--font_h2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
263
+ --vkui--font_h2--font_weight--regular: 500;
264
+ --vkui--font_h2--font_size--compact: 28px;
265
+ --vkui--font_h2--line_height--compact: 32px;
266
+ --vkui--size_arrow_height--regular: 8px;
267
+ --vkui--size_arrow_width--regular: 12px;
268
+ --vkui--size_base_padding--regular: 16px;
269
+ --vkui--size_base_padding--compact: 20px;
270
+ --vkui--size_border_width_tab--regular: 2px;
271
+ --vkui--size_border_width_bar--regular: 4px;
272
+ --vkui--size_border_width_accent--regular: 8px;
273
+ --vkui--size_border_width_accent_secondary--regular: 8px;
274
+ --vkui--size_control_button_width_min--regular: 130px;
275
+ --vkui--size_control_button_width_min--compact: 104px;
276
+ --vkui--size_promo_button_close--regular: 32px;
277
+ --vkui--size_button_slider_height--regular: 24px;
278
+ --vkui--size_button_slider_width--regular: 12px;
279
+ --vkui--size_button_slider_width_pointer--regular: 16px;
280
+ --vkui--size_field_width_min--regular: 328px;
281
+ --vkui--size_field_width_min--compact: 380px;
282
+ --vkui--size_label_width--regular: 184px;
283
+ --vkui--size_progress--regular: 4px;
284
+ --vkui--size_progress_scroll--regular: 12px;
285
+ --vkui--size_dot_bullet--regular: 4px;
286
+ --vkui--size_dot_indicate--regular: 8px;
287
+ --vkui--size_dot_clickable--regular: 12px;
288
+ --vkui--size_vertical_padding--regular: 0px;
289
+ --vkui--size_button_more_padding--regular: 8px;
290
+ --vkui--size_icon_more_padding--regular: 12px;
291
+ --vkui--size_icon_more_padding--compact: 8px;
292
+ --vkui--size_button_icon_padding--regular: 16px;
293
+ --vkui--size_button_icon_padding--compact: 20px;
294
+ --vkui--size_div_padding--regular: 4px;
295
+ --vkui--size_menu_padding--regular: 8px;
296
+ --vkui--size_tag_padding--regular: 8px;
297
+ --vkui--size_tab_padding--regular: 16px;
298
+ --vkui--size_table_horizontal_padding--regular: 16px;
299
+ --vkui--size_table_vertical_padding--regular: 16px;
300
+ --vkui--size_slice_top_padding--regular: 40px;
301
+ --vkui--size_slice_bottom_padding--regular: 60px;
302
+ --vkui--size_base_margin--regular: 12px;
303
+ --vkui--size_label_vertical_margin--regular: 4px;
304
+ --vkui--size_tip_margin--regular: 4px;
305
+ --vkui--size_field_horizontal_margin--regular: 20px;
306
+ --vkui--size_field_vertical_margin--regular: 24px;
307
+ --vkui--size_field_set_margin--regular: 32px;
308
+ --vkui--size_icon_margin--regular: 12px;
309
+ --vkui--size_icon_margin--compact: 8px;
310
+ --vkui--size_choice_margin--regular: 8px;
311
+ --vkui--size_menu_margin--regular: 2px;
312
+ --vkui--size_tag_margin--regular: 8px;
313
+ --vkui--size_tab_margin--regular: 8px;
314
+ --vkui--size_bullet_margin--regular: 12px;
315
+ --vkui--size_attribute_margin--regular: 4px;
316
+ --vkui--size_popup_margin--regular: 8px;
317
+ --vkui--size_popup_margin--compact: 24px;
318
+ --vkui--size_header_icon--regular: 20px;
319
+ --vkui--size_wysiwyg_icon--regular: 14px;
320
+ --vkui--size_illustration_s--regular: 48px;
321
+ --vkui--size_illustration_x_m--regular: 72px;
322
+ --vkui--size_illustration_m--regular: 96px;
323
+ --vkui--size_illustration_l--regular: 144px;
324
+ --vkui--size_illustration_x_x_l--regular: 228px;
325
+ --vkui--tone_value_overlay: 0.48;
326
+ --vkui--tone_value_viewer: 0.88;
327
+ --vkui--tone_value_toolbar: 0.24;
328
+ --vkui--tone_value_hover: 0.04;
329
+ --vkui--tone_value_active: 0.08;
330
+ --vkui--tone_value_focus: 0.08;
331
+ --vkui--type_border_button: solid;
332
+ --vkui--type_border_position: inset;
333
+ --vkui--theme_name_base: 'workSpaceChats';
334
+ --vkui--font_title3400--font_size--regular: 17px;
335
+ --vkui--font_title3400--line_height--regular: 24px;
336
+ --vkui--font_title3400--font_weight--regular: 400;
337
+ --vkui--font_title3400--font_family--regular: Arial;
338
+ --vkui--font_caption1500--font_size--regular: 14px;
339
+ --vkui--font_caption1500--line_height--regular: 19px;
340
+ --vkui--font_caption1500--font_weight--regular: 500;
341
+ --vkui--font_caption1500--font_family--regular: VK Sans Display;
342
+ --vkui--font_headline--font_size--regular: 16px;
343
+ --vkui--font_headline--line_height--regular: 20px;
344
+ --vkui--font_headline--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
345
+ --vkui--font_headline--font_weight--regular: 500;
346
+ --vkui--font_headline--font_size--compact: 15px;
347
+ --vkui--font_headline--line_height--compact: 20px;
348
+ }
349
+
350
+ .vkui--font_display_title1--regular {
351
+ font-size: 23px;
352
+ font-size: var(--vkui--font_display_title1--font_size--regular, 23px);
353
+ line-height: 28px;
354
+ line-height: var(--vkui--font_display_title1--line_height--regular, 28px);
355
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
356
+ font-family: var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
357
+ font-weight: 500;
358
+ font-weight: var(--vkui--font_display_title1--font_weight--regular, 500);
359
+ }
360
+ .vkui--font_display_title2--regular {
361
+ font-size: 21px;
362
+ font-size: var(--vkui--font_display_title2--font_size--regular, 21px);
363
+ line-height: 26px;
364
+ line-height: var(--vkui--font_display_title2--line_height--regular, 26px);
365
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
366
+ font-family: var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
367
+ font-weight: 500;
368
+ font-weight: var(--vkui--font_display_title2--font_weight--regular, 500);
369
+ }
370
+ .vkui--font_display_title2--compact {
371
+ font-size: 22px;
372
+ font-size: var(--vkui--font_display_title2--font_size--compact, 22px);
373
+ line-height: 22px;
374
+ line-height: var(--vkui--font_display_title2--line_height--compact, 22px);
375
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
376
+ font-family: var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
377
+ font-weight: 500;
378
+ font-weight: var(--vkui--font_display_title2--font_weight--compact, 500);
379
+ }
380
+ .vkui--font_display_title3--regular {
381
+ font-size: 19px;
382
+ font-size: var(--vkui--font_display_title3--font_size--regular, 19px);
383
+ line-height: 24px;
384
+ line-height: var(--vkui--font_display_title3--line_height--regular, 24px);
385
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
386
+ font-family: var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
387
+ font-weight: 500;
388
+ font-weight: var(--vkui--font_display_title3--font_weight--regular, 500);
389
+ }
390
+ .vkui--font_display_title4--regular {
391
+ font-size: 17px;
392
+ font-size: var(--vkui--font_display_title4--font_size--regular, 17px);
393
+ line-height: 24px;
394
+ line-height: var(--vkui--font_display_title4--line_height--regular, 24px);
395
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
396
+ font-family: var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
397
+ font-weight: 500;
398
+ font-weight: var(--vkui--font_display_title4--font_weight--regular, 500);
399
+ }
400
+ .vkui--font_title1--regular {
401
+ font-size: 24px;
402
+ font-size: var(--vkui--font_title1--font_size--regular, 24px);
403
+ line-height: 28px;
404
+ line-height: var(--vkui--font_title1--line_height--regular, 28px);
405
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
406
+ font-family: var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
407
+ font-weight: 500;
408
+ font-weight: var(--vkui--font_title1--font_weight--regular, 500);
409
+ }
410
+ .vkui--font_title2--regular {
411
+ font-size: 20px;
412
+ font-size: var(--vkui--font_title2--font_size--regular, 20px);
413
+ line-height: 26px;
414
+ line-height: var(--vkui--font_title2--line_height--regular, 26px);
415
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
416
+ font-family: var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
417
+ font-weight: 500;
418
+ font-weight: var(--vkui--font_title2--font_weight--regular, 500);
419
+ }
420
+ .vkui--font_title3--regular {
421
+ font-size: 17px;
422
+ font-size: var(--vkui--font_title3--font_size--regular, 17px);
423
+ line-height: 22px;
424
+ line-height: var(--vkui--font_title3--line_height--regular, 22px);
425
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
426
+ font-family: var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
427
+ font-weight: 500;
428
+ font-weight: var(--vkui--font_title3--font_weight--regular, 500);
429
+ }
430
+ .vkui--font_headline1--regular {
431
+ font-size: 16px;
432
+ font-size: var(--vkui--font_headline1--font_size--regular, 16px);
433
+ line-height: 20px;
434
+ line-height: var(--vkui--font_headline1--line_height--regular, 20px);
435
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
436
+ font-family: var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
437
+ font-weight: 500;
438
+ font-weight: var(--vkui--font_headline1--font_weight--regular, 500);
439
+ }
440
+ .vkui--font_headline1--compact {
441
+ font-size: 15px;
442
+ font-size: var(--vkui--font_headline1--font_size--compact, 15px);
443
+ line-height: 20px;
444
+ line-height: var(--vkui--font_headline1--line_height--compact, 20px);
445
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
446
+ font-family: var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
447
+ font-weight: 500;
448
+ font-weight: var(--vkui--font_headline1--font_weight--regular, 500);
449
+ }
450
+ .vkui--font_headline2--regular {
451
+ font-size: 15px;
452
+ font-size: var(--vkui--font_headline2--font_size--regular, 15px);
453
+ line-height: 20px;
454
+ line-height: var(--vkui--font_headline2--line_height--regular, 20px);
455
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
456
+ font-family: var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
457
+ font-weight: 500;
458
+ font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
459
+ }
460
+ .vkui--font_headline2--compact {
461
+ font-size: 14px;
462
+ font-size: var(--vkui--font_headline2--font_size--compact, 14px);
463
+ line-height: 20px;
464
+ line-height: var(--vkui--font_headline2--line_height--compact, 20px);
465
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
466
+ font-family: var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
467
+ font-weight: 500;
468
+ font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
469
+ }
470
+ .vkui--font_text--regular {
471
+ font-size: 16px;
472
+ font-size: var(--vkui--font_text--font_size--regular, 16px);
473
+ line-height: 20px;
474
+ line-height: var(--vkui--font_text--line_height--regular, 20px);
475
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
476
+ font-family: var(--vkui--font_text--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
477
+ font-weight: 400;
478
+ font-weight: var(--vkui--font_text--font_weight--regular, 400);
479
+ }
480
+ .vkui--font_text--compact {
481
+ font-size: 15px;
482
+ font-size: var(--vkui--font_text--font_size--compact, 15px);
483
+ line-height: 20px;
484
+ line-height: var(--vkui--font_text--line_height--compact, 20px);
485
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
486
+ font-family: var(--vkui--font_text--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
487
+ font-weight: 400;
488
+ font-weight: var(--vkui--font_text--font_weight--regular, 400);
489
+ }
490
+ .vkui--font_paragraph--regular {
491
+ font-size: 15px;
492
+ font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
493
+ line-height: 20px;
494
+ line-height: var(--vkui--font_paragraph--line_height--regular, 20px);
495
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
496
+ font-family: var(--vkui--font_paragraph--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
497
+ font-weight: 400;
498
+ font-weight: var(--vkui--font_paragraph--font_weight--regular, 400);
499
+ }
500
+ .vkui--font_subhead--regular {
501
+ font-size: 14px;
502
+ font-size: var(--vkui--font_subhead--font_size--regular, 14px);
503
+ line-height: 18px;
504
+ line-height: var(--vkui--font_subhead--line_height--regular, 18px);
505
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
506
+ font-family: var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
507
+ font-weight: 400;
508
+ font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
509
+ }
510
+ .vkui--font_subhead--compact {
511
+ font-size: 13px;
512
+ font-size: var(--vkui--font_subhead--font_size--compact, 13px);
513
+ line-height: 18px;
514
+ line-height: var(--vkui--font_subhead--line_height--compact, 18px);
515
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
516
+ font-family: var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
517
+ font-weight: 400;
518
+ font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
519
+ }
520
+ .vkui--font_footnote--regular {
521
+ font-size: 13px;
522
+ font-size: var(--vkui--font_footnote--font_size--regular, 13px);
523
+ line-height: 18px;
524
+ line-height: var(--vkui--font_footnote--line_height--regular, 18px);
525
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
526
+ font-family: var(--vkui--font_footnote--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
527
+ font-weight: 400;
528
+ font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
529
+ }
530
+ .vkui--font_footnote_caps--regular {
531
+ font-size: 13px;
532
+ font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
533
+ line-height: 18px;
534
+ line-height: var(--vkui--font_footnote_caps--line_height--regular, 18px);
535
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
536
+ font-family: var(--vkui--font_footnote_caps--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
537
+ font-weight: 400;
538
+ font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
539
+ text-transform: uppercase;
540
+ text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
541
+ letter-spacing: 0.3px;
542
+ letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
543
+ }
544
+ .vkui--font_caption1--regular {
545
+ font-size: 12px;
546
+ font-size: var(--vkui--font_caption1--font_size--regular, 12px);
547
+ line-height: 16px;
548
+ line-height: var(--vkui--font_caption1--line_height--regular, 16px);
549
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
550
+ font-family: var(--vkui--font_caption1--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
551
+ font-weight: 400;
552
+ font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
553
+ }
554
+ .vkui--font_caption1_caps--regular {
555
+ font-size: 12px;
556
+ font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
557
+ line-height: 16px;
558
+ line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
559
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
560
+ font-family: var(--vkui--font_caption1_caps--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
561
+ font-weight: 400;
562
+ font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
563
+ text-transform: uppercase;
564
+ text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
565
+ letter-spacing: 0.26px;
566
+ letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
567
+ }
568
+ .vkui--font_caption2--regular {
569
+ font-size: 11px;
570
+ font-size: var(--vkui--font_caption2--font_size--regular, 11px);
571
+ line-height: 14px;
572
+ line-height: var(--vkui--font_caption2--line_height--regular, 14px);
573
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
574
+ font-family: var(--vkui--font_caption2--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
575
+ font-weight: 400;
576
+ font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
577
+ }
578
+ .vkui--font_caption2_caps--regular {
579
+ font-size: 11px;
580
+ font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
581
+ line-height: 14px;
582
+ line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px);
583
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
584
+ font-family: var(--vkui--font_caption2_caps--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
585
+ font-weight: 400;
586
+ font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 400);
587
+ text-transform: uppercase;
588
+ text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
589
+ letter-spacing: 0.22px;
590
+ letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
591
+ }
592
+ .vkui--font_caption3--regular {
593
+ font-size: 9px;
594
+ font-size: var(--vkui--font_caption3--font_size--regular, 9px);
595
+ line-height: 12px;
596
+ line-height: var(--vkui--font_caption3--line_height--regular, 12px);
597
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
598
+ font-family: var(--vkui--font_caption3--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
599
+ font-weight: 400;
600
+ font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
601
+ }
602
+ .vkui--font_caption3_caps--regular {
603
+ font-size: 9px;
604
+ font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
605
+ line-height: 12px;
606
+ line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px);
607
+ font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
608
+ font-family: var(--vkui--font_caption3_caps--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
609
+ font-weight: 400;
610
+ font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 400);
611
+ text-transform: uppercase;
612
+ text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
613
+ letter-spacing: 0.16px;
614
+ letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
615
+ }
616
+ .vkui--font_h0--regular {
617
+ font-size: 28px;
618
+ font-size: var(--vkui--font_h0--font_size--regular, 28px);
619
+ line-height: 32px;
620
+ line-height: var(--vkui--font_h0--line_height--regular, 32px);
621
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
622
+ font-family: var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
623
+ font-weight: 500;
624
+ font-weight: var(--vkui--font_h0--font_weight--regular, 500);
625
+ }
626
+ .vkui--font_h0--compact {
627
+ font-size: 44px;
628
+ font-size: var(--vkui--font_h0--font_size--compact, 44px);
629
+ line-height: 52px;
630
+ line-height: var(--vkui--font_h0--line_height--compact, 52px);
631
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
632
+ font-family: var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
633
+ font-weight: 500;
634
+ font-weight: var(--vkui--font_h0--font_weight--regular, 500);
635
+ }
636
+ .vkui--font_h1--regular {
637
+ font-size: 24px;
638
+ font-size: var(--vkui--font_h1--font_size--regular, 24px);
639
+ line-height: 28px;
640
+ line-height: var(--vkui--font_h1--line_height--regular, 28px);
641
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
642
+ font-family: var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
643
+ font-weight: 500;
644
+ font-weight: var(--vkui--font_h1--font_weight--regular, 500);
645
+ }
646
+ .vkui--font_h1--compact {
647
+ font-size: 32px;
648
+ font-size: var(--vkui--font_h1--font_size--compact, 32px);
649
+ line-height: 36px;
650
+ line-height: var(--vkui--font_h1--line_height--compact, 36px);
651
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
652
+ font-family: var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
653
+ font-weight: 500;
654
+ font-weight: var(--vkui--font_h1--font_weight--regular, 500);
655
+ }
656
+ .vkui--font_h2--regular {
657
+ font-size: 20px;
658
+ font-size: var(--vkui--font_h2--font_size--regular, 20px);
659
+ line-height: 26px;
660
+ line-height: var(--vkui--font_h2--line_height--regular, 26px);
661
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
662
+ font-family: var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
663
+ font-weight: 500;
664
+ font-weight: var(--vkui--font_h2--font_weight--regular, 500);
665
+ }
666
+ .vkui--font_h2--compact {
667
+ font-size: 28px;
668
+ font-size: var(--vkui--font_h2--font_size--compact, 28px);
669
+ line-height: 32px;
670
+ line-height: var(--vkui--font_h2--line_height--compact, 32px);
671
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
672
+ font-family: var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
673
+ font-weight: 500;
674
+ font-weight: var(--vkui--font_h2--font_weight--regular, 500);
675
+ }
676
+ .vkui--font_title3400--regular {
677
+ font-size: 17px;
678
+ font-size: var(--vkui--font_title3400--font_size--regular, 17px);
679
+ line-height: 24px;
680
+ line-height: var(--vkui--font_title3400--line_height--regular, 24px);
681
+ font-weight: 400;
682
+ font-weight: var(--vkui--font_title3400--font_weight--regular, 400);
683
+ font-family: Arial;
684
+ font-family: var(--vkui--font_title3400--font_family--regular, Arial);
685
+ }
686
+ .vkui--font_caption1500--regular {
687
+ font-size: 14px;
688
+ font-size: var(--vkui--font_caption1500--font_size--regular, 14px);
689
+ line-height: 19px;
690
+ line-height: var(--vkui--font_caption1500--line_height--regular, 19px);
691
+ font-weight: 500;
692
+ font-weight: var(--vkui--font_caption1500--font_weight--regular, 500);
693
+ font-family: VK Sans Display;
694
+ font-family: var(--vkui--font_caption1500--font_family--regular, VK Sans Display);
695
+ }
696
+ .vkui--font_headline--regular {
697
+ font-size: 16px;
698
+ font-size: var(--vkui--font_headline--font_size--regular, 16px);
699
+ line-height: 20px;
700
+ line-height: var(--vkui--font_headline--line_height--regular, 20px);
701
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
702
+ font-family: var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
703
+ font-weight: 500;
704
+ font-weight: var(--vkui--font_headline--font_weight--regular, 500);
705
+ }
706
+ .vkui--font_headline--compact {
707
+ font-size: 15px;
708
+ font-size: var(--vkui--font_headline--font_size--compact, 15px);
709
+ line-height: 20px;
710
+ line-height: var(--vkui--font_headline--line_height--compact, 20px);
711
+ font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
712
+ font-family: var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
713
+ font-weight: 500;
714
+ font-weight: var(--vkui--font_headline--font_weight--regular, 500);
715
+ }