@vkontakte/vkui-tokens 4.71.0 → 4.72.0

package/themes/otvet/cssVars/declarations/index.css

@@ -1,8 +1,8 @@
 :root {
 	--vkui--theme_name: 'otvet';
 	--vkui--font_family_fallbacks: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	--vkui--font_family_accent: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	--vkui--font_family_base: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	--vkui--font_family_accent: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_family_base: Arial, sans-serif;
 	--vkui--font_weight_accent1: 500;
 	--vkui--font_weight_accent2: 500;
 	--vkui--font_weight_accent3: 400;
@@ -17,6 +17,10 @@
 	--vkui--font_display_title2--line_height--regular: 26px;
 	--vkui--font_display_title2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_display_title2--font_weight--regular: 500;
+	--vkui--font_display_title2--font_size--compact: 22px;
+	--vkui--font_display_title2--line_height--compact: 22px;
+	--vkui--font_display_title2--font_family--compact: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	--vkui--font_display_title2--font_weight--compact: 500;
 	--vkui--font_display_title3--font_size--regular: 19px;
 	--vkui--font_display_title3--line_height--regular: 24px;
 	--vkui--font_display_title3--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
@@ -25,95 +29,105 @@
 	--vkui--font_display_title4--line_height--regular: 24px;
 	--vkui--font_display_title4--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_display_title4--font_weight--regular: 500;
-	--vkui--font_title1--font_size--regular: 20px;
+	--vkui--font_title1--font_size--regular: 24px;
 	--vkui--font_title1--line_height--regular: 28px;
-	--vkui--font_title1--font_weight--regular: 700;
-	--vkui--font_title1--font_family--regular: Helvetica, Arial, sans-serif;
-	--vkui--font_title1--margin_bottom--regular: 12px;
-	--vkui--font_title2--font_size--regular: 17px;
-	--vkui--font_title2--line_height--regular: 24px;
-	--vkui--font_title2--font_weight--regular: 700;
-	--vkui--font_title2--font_family--regular: Helvetica, Arial, sans-serif;
-	--vkui--font_title2--margin_bottom--regular: 12px;
-	--vkui--font_title3--font_size--regular: 17px;
-	--vkui--font_title3--line_height--regular: 22px;
-	--vkui--font_title3--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	--vkui--font_title1--font_weight--regular: 500;
+	--vkui--font_title1--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title2--font_size--regular: 22px;
+	--vkui--font_title2--line_height--regular: 28px;
+	--vkui--font_title2--font_weight--regular: 500;
+	--vkui--font_title2--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title3--font_size--regular: 20px;
+	--vkui--font_title3--line_height--regular: 26px;
 	--vkui--font_title3--font_weight--regular: 500;
+	--vkui--font_title3--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--font_headline1--font_size--regular: 16px;
 	--vkui--font_headline1--line_height--regular: 20px;
-	--vkui--font_headline1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_headline1--font_weight--regular: 500;
+	--vkui--font_headline1--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_size--regular: 15px;
 	--vkui--font_headline2--line_height--regular: 20px;
-	--vkui--font_headline2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_headline2--font_weight--regular: 500;
+	--vkui--font_headline2--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--font_text--font_size--regular: 16px;
 	--vkui--font_text--line_height--regular: 20px;
 	--vkui--font_text--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_text--font_weight--regular: 400;
+	--vkui--font_text--font_size--compact: 15px;
+	--vkui--font_text--line_height--compact: 20px;
 	--vkui--font_paragraph--font_size--regular: 15px;
 	--vkui--font_paragraph--line_height--regular: 20px;
-	--vkui--font_paragraph--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_paragraph--font_weight--regular: 400;
+	--vkui--font_paragraph--font_family--regular: Arial, sans-serif;
 	--vkui--font_subhead--font_size--regular: 14px;
 	--vkui--font_subhead--line_height--regular: 18px;
-	--vkui--font_subhead--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_subhead--font_weight--regular: 400;
+	--vkui--font_subhead--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--font_footnote--font_size--regular: 13px;
 	--vkui--font_footnote--line_height--regular: 18px;
-	--vkui--font_footnote--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_footnote--font_weight--regular: 400;
+	--vkui--font_footnote--font_family--regular: Arial, sans-serif;
 	--vkui--font_footnote_caps--font_size--regular: 13px;
 	--vkui--font_footnote_caps--line_height--regular: 18px;
-	--vkui--font_footnote_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_footnote_caps--font_weight--regular: 400;
-	--vkui--font_footnote_caps--text_transform--regular: uppercase;
+	--vkui--font_footnote_caps--font_family--regular: Arial, sans-serif;
 	--vkui--font_footnote_caps--letter_spacing--regular: 0.3px;
+	--vkui--font_footnote_caps--text_transform--regular: uppercase;
 	--vkui--font_caption1--font_size--regular: 12px;
 	--vkui--font_caption1--line_height--regular: 16px;
-	--vkui--font_caption1--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption1--font_weight--regular: 400;
+	--vkui--font_caption1--font_family--regular: Arial, sans-serif;
 	--vkui--font_caption1_caps--font_size--regular: 12px;
 	--vkui--font_caption1_caps--line_height--regular: 16px;
-	--vkui--font_caption1_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption1_caps--font_weight--regular: 400;
-	--vkui--font_caption1_caps--text_transform--regular: uppercase;
+	--vkui--font_caption1_caps--font_family--regular: Arial, sans-serif;
 	--vkui--font_caption1_caps--letter_spacing--regular: 0.26px;
+	--vkui--font_caption1_caps--text_transform--regular: uppercase;
 	--vkui--font_caption2--font_size--regular: 11px;
 	--vkui--font_caption2--line_height--regular: 14px;
-	--vkui--font_caption2--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption2--font_weight--regular: 400;
+	--vkui--font_caption2--font_family--regular: Arial, sans-serif;
 	--vkui--font_caption2_caps--font_size--regular: 11px;
 	--vkui--font_caption2_caps--line_height--regular: 14px;
-	--vkui--font_caption2_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption2_caps--font_weight--regular: 400;
-	--vkui--font_caption2_caps--text_transform--regular: uppercase;
+	--vkui--font_caption2_caps--font_family--regular: Arial, sans-serif;
 	--vkui--font_caption2_caps--letter_spacing--regular: 0.22px;
+	--vkui--font_caption2_caps--text_transform--regular: uppercase;
 	--vkui--font_caption3--font_size--regular: 9px;
 	--vkui--font_caption3--line_height--regular: 12px;
-	--vkui--font_caption3--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption3--font_weight--regular: 400;
+	--vkui--font_caption3--font_family--regular: Arial, sans-serif;
 	--vkui--font_caption3_caps--font_size--regular: 9px;
 	--vkui--font_caption3_caps--line_height--regular: 12px;
-	--vkui--font_caption3_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption3_caps--font_weight--regular: 400;
-	--vkui--font_caption3_caps--text_transform--regular: uppercase;
+	--vkui--font_caption3_caps--font_family--regular: Arial, sans-serif;
 	--vkui--font_caption3_caps--letter_spacing--regular: 0.16px;
+	--vkui--font_caption3_caps--text_transform--regular: uppercase;
 	--vkui--size_select_icon_padding--regular: 7px;
+	--vkui--size_select_icon_padding--compact: 6px;
 	--vkui--size_popup_base_padding--regular: 20px;
+	--vkui--size_popup_base_padding--compact: 32px;
 	--vkui--size_popup_header_padding--regular: 16px;
+	--vkui--size_popup_header_padding--compact: 24px;
 	--vkui--size_border_radius--regular: 8px;
 	--vkui--size_border_radius_rounded--regular: 48px;
 	--vkui--size_check_border_radius--regular: 4px;
-	--vkui--size_border_radius_paper--regular: 4px;
+	--vkui--size_border_radius_paper--regular: 12px;
 	--vkui--size_border_radius_promo--regular: 20px;
 	--vkui--size_cell_height--regular: 48px;
-	--vkui--size_field_height--regular: 40px;
+	--vkui--size_cell_height--compact: 44px;
+	--vkui--size_field_height--regular: 44px;
+	--vkui--size_field_height--compact: 36px;
 	--vkui--size_search_height--regular: 36px;
+	--vkui--size_search_height--compact: 32px;
 	--vkui--size_button_extra_small_height--regular: 24px;
+	--vkui--size_button_extra_small_height--compact: 22px;
 	--vkui--size_button_small_height--regular: 30px;
+	--vkui--size_button_small_height--compact: 28px;
 	--vkui--size_button_medium_height--regular: 36px;
+	--vkui--size_button_medium_height--compact: 32px;
 	--vkui--size_button_large_height--regular: 44px;
+	--vkui--size_button_large_height--compact: 36px;
 	--vkui--size_checkbox--regular: 16px;
 	--vkui--size_arrow--regular: 8px;
 	--vkui--size_arrow_promo--regular: 40px;
@@ -122,10 +136,11 @@
 	--vkui--size_popup_large--regular: 880px;
 	--vkui--size_field_horizontal_padding--regular: 12px;
 	--vkui--size_button_padding_horizontal--regular: 20px;
+	--vkui--size_button_padding_horizontal--compact: 16px;
 	--vkui--size_label_horizontal_margin--regular: 16px;
 	--vkui--size_arrow_padding--regular: 12px;
 	--vkui--size_tooltip_margin--regular: 8px;
-	--vkui--size_icon_u_i--regular: 18px;
+	--vkui--size_icon_u_i--regular: 16px;
 	--vkui--size_avatar_x_s--regular: 24px;
 	--vkui--size_avatar_s--regular: 32px;
 	--vkui--size_avatar_m--regular: 48px;
@@ -146,8 +161,12 @@
 	--vkui--size_button_group_gap_medium--regular: 12px;
 	--vkui--size_option_hierarchy--regular: 32px;
 	--vkui--size_switch_height--regular: 14px;
+	--vkui--size_switch_height--compact: 12px;
 	--vkui--size_switch_width--regular: 34px;
+	--vkui--size_switch_width--compact: 32px;
 	--vkui--size_switch_pin--regular: 20px;
+	--vkui--size_switch_pin--compact: 18px;
+	--vkui--size_panel_header_height--compact: 48px;
 	--vkui--size_panel_header_height--regular: 56px;
 	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
 	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
@@ -177,7 +196,7 @@
 	--vkui--spacing_size_l: 10px;
 	--vkui--spacing_size_xl: 12px;
 	--vkui--spacing_size_2xl: 16px;
-	--vkui--spacing_size_3xl: 20px;
+	--vkui--spacing_size_3xl: 36px;
 	--vkui--spacing_size_4xl: 24px;
 	--vkui--elevation1: 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08);
 	--vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08);
@@ -215,34 +234,40 @@
 	--vkui--x20: 80px;
 	--vkui--size_base: 4px;
 	--vkui--size_grid: 20px;
-	--vkui--font_h0--font_size--regular: 44px;
-	--vkui--font_h0--line_height--regular: 52px;
-	--vkui--font_h0--font_weight--regular: 700;
-	--vkui--font_h0--font_family--regular: Helvetica, Arial, sans-serif;
-	--vkui--font_h0--margin_bottom--regular: 20px;
-	--vkui--font_h1--font_size--regular: 32px;
-	--vkui--font_h1--line_height--regular: 40px;
-	--vkui--font_h1--font_weight--regular: 700;
-	--vkui--font_h1--font_family--regular: Helvetica, Arial, sans-serif;
-	--vkui--font_h1--margin_bottom--regular: 16px;
-	--vkui--font_h2--font_size--regular: 24px;
-	--vkui--font_h2--line_height--regular: 32px;
-	--vkui--font_h2--font_weight--regular: 700;
-	--vkui--font_h2--font_family--regular: Helvetica, Arial, sans-serif;
-	--vkui--font_h2--margin_bottom--regular: 12px;
+	--vkui--font_h0--font_size--regular: 28px;
+	--vkui--font_h0--line_height--regular: 32px;
+	--vkui--font_h0--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	--vkui--font_h0--font_weight--regular: 500;
+	--vkui--font_h0--font_size--compact: 44px;
+	--vkui--font_h0--line_height--compact: 52px;
+	--vkui--font_h1--font_size--regular: 24px;
+	--vkui--font_h1--line_height--regular: 28px;
+	--vkui--font_h1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	--vkui--font_h1--font_weight--regular: 500;
+	--vkui--font_h1--font_size--compact: 32px;
+	--vkui--font_h1--line_height--compact: 36px;
+	--vkui--font_h2--font_size--regular: 20px;
+	--vkui--font_h2--line_height--regular: 26px;
+	--vkui--font_h2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	--vkui--font_h2--font_weight--regular: 500;
+	--vkui--font_h2--font_size--compact: 28px;
+	--vkui--font_h2--line_height--compact: 32px;
 	--vkui--size_arrow_height--regular: 8px;
 	--vkui--size_arrow_width--regular: 12px;
 	--vkui--size_base_padding--regular: 16px;
+	--vkui--size_base_padding--compact: 20px;
 	--vkui--size_border_width_tab--regular: 2px;
 	--vkui--size_border_width_bar--regular: 4px;
 	--vkui--size_border_width_accent--regular: 8px;
 	--vkui--size_border_width_accent_secondary--regular: 8px;
 	--vkui--size_control_button_width_min--regular: 130px;
+	--vkui--size_control_button_width_min--compact: 104px;
 	--vkui--size_promo_button_close--regular: 32px;
 	--vkui--size_button_slider_height--regular: 24px;
 	--vkui--size_button_slider_width--regular: 12px;
 	--vkui--size_button_slider_width_pointer--regular: 16px;
 	--vkui--size_field_width_min--regular: 328px;
+	--vkui--size_field_width_min--compact: 380px;
 	--vkui--size_label_width--regular: 184px;
 	--vkui--size_progress--regular: 4px;
 	--vkui--size_progress_scroll--regular: 12px;
@@ -252,7 +277,9 @@
 	--vkui--size_vertical_padding--regular: 0px;
 	--vkui--size_button_more_padding--regular: 8px;
 	--vkui--size_icon_more_padding--regular: 12px;
+	--vkui--size_icon_more_padding--compact: 8px;
 	--vkui--size_button_icon_padding--regular: 16px;
+	--vkui--size_button_icon_padding--compact: 20px;
 	--vkui--size_div_padding--regular: 4px;
 	--vkui--size_menu_padding--regular: 8px;
 	--vkui--size_tag_padding--regular: 8px;
@@ -268,6 +295,7 @@
 	--vkui--size_field_vertical_margin--regular: 24px;
 	--vkui--size_field_set_margin--regular: 32px;
 	--vkui--size_icon_margin--regular: 12px;
+	--vkui--size_icon_margin--compact: 8px;
 	--vkui--size_choice_margin--regular: 8px;
 	--vkui--size_menu_margin--regular: 2px;
 	--vkui--size_tag_margin--regular: 8px;
@@ -275,6 +303,7 @@
 	--vkui--size_bullet_margin--regular: 12px;
 	--vkui--size_attribute_margin--regular: 4px;
 	--vkui--size_popup_margin--regular: 8px;
+	--vkui--size_popup_margin--compact: 24px;
 	--vkui--size_header_icon--regular: 20px;
 	--vkui--size_wysiwyg_icon--regular: 14px;
 	--vkui--size_illustration_s--regular: 48px;
@@ -291,10 +320,56 @@
 	--vkui--type_border_button: solid;
 	--vkui--type_border_position: inset;
 	--vkui--theme_name_base: 'otvet';
+	--vkui--font_title_x_x_l--font_size--regular: 36px;
+	--vkui--font_title_x_x_l--line_height--regular: 44px;
+	--vkui--font_title_x_x_l--font_weight--regular: 600;
+	--vkui--font_title_x_x_l--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title_x_l--font_size--regular: 26px;
+	--vkui--font_title_x_l--line_height--regular: 32px;
+	--vkui--font_title_x_l--font_weight--regular: 600;
+	--vkui--font_title_x_l--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title1_bold--font_size--regular: 24px;
+	--vkui--font_title1_bold--line_height--regular: 28px;
+	--vkui--font_title1_bold--font_weight--regular: 600;
+	--vkui--font_title1_bold--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title2_bold--font_size--regular: 22px;
+	--vkui--font_title2_bold--line_height--regular: 28px;
+	--vkui--font_title2_bold--font_weight--regular: 600;
+	--vkui--font_title2_bold--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title4--font_size--regular: 17px;
+	--vkui--font_title4--line_height--regular: 22px;
+	--vkui--font_title4--font_weight--regular: 500;
+	--vkui--font_title4--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2_bold--font_size--regular: 15px;
+	--vkui--font_headline2_bold--line_height--regular: 20px;
+	--vkui--font_headline2_bold--font_weight--regular: 600;
+	--vkui--font_headline2_bold--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_subhead_bold--font_size--regular: 14px;
+	--vkui--font_subhead_bold--line_height--regular: 18px;
+	--vkui--font_subhead_bold--font_weight--regular: 500;
+	--vkui--font_subhead_bold--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_caption2_bold--font_size--regular: 11px;
+	--vkui--font_caption2_bold--line_height--regular: 14px;
+	--vkui--font_caption2_bold--font_weight--regular: 500;
+	--vkui--font_caption2_bold--font_family--regular: Arial, sans-serif;
+	--vkui--font_caption3_bold--font_size--regular: 9px;
+	--vkui--font_caption3_bold--line_height--regular: 12px;
+	--vkui--font_caption3_bold--font_weight--regular: 500;
+	--vkui--font_caption3_bold--font_family--regular: Arial, sans-serif;
+	--vkui--font_caption3_caps_bold--font_size--regular: 9px;
+	--vkui--font_caption3_caps_bold--line_height--regular: 12px;
+	--vkui--font_caption3_caps_bold--font_weight--regular: 500;
+	--vkui--font_caption3_caps_bold--font_family--regular: Arial, sans-serif;
+	--vkui--font_caption3_caps_bold--letter_spacing--regular: 0.16px;
+	--vkui--font_caption3_caps_bold--text_transform--regular: uppercase;
+	--vkui--size_border--regular: 1px;
+	--vkui--otvet_box_shadow_island: 0px 6px 16px 0px rgba(0, 16, 61, 0.04);
+	--vkui--gradient_content0: rgba(255, 255, 255, 0.00);
+	--vkui--gradient_content86: rgba(255, 255, 255, 0.86);
 	--vkui--font_headline--font_size--regular: 16px;
 	--vkui--font_headline--line_height--regular: 20px;
-	--vkui--font_headline--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_headline--font_weight--regular: 500;
+	--vkui--font_headline--font_family--regular: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--colors_scheme: light;
 	--vkui--color_background_accent: #0077FF;
 	--vkui--color_background_accent--hover: #0073F7;
@@ -323,9 +398,9 @@
 	--vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
 	--vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
 	--vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
-	--vkui--color_background: #FFFFFF;
-	--vkui--color_background--hover: #F5F5F7;
-	--vkui--color_background--active: #EBECEF;
+	--vkui--color_background: #EEEFF1;
+	--vkui--color_background--hover: #E4E6EA;
+	--vkui--color_background--active: #DBDDE3;
 	--vkui--color_background_contrast: #FFFFFF;
 	--vkui--color_background_contrast--hover: #F5F5F7;
 	--vkui--color_background_contrast--active: #EBECEF;
@@ -345,20 +420,20 @@
 	--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.08);
 	--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.12);
 	--vkui--color_background_modal: #FFFFFF;
-	--vkui--color_background_modal--hover: #F5F5F7;
-	--vkui--color_background_modal--active: #EBECEF;
+	--vkui--color_background_modal--hover: #F0F1F3;
+	--vkui--color_background_modal--active: #E0E2E8;
 	--vkui--color_background_positive: #0DC268;
 	--vkui--color_background_positive--hover: #0CBB66;
 	--vkui--color_background_positive--active: #0CB465;
 	--vkui--color_background_negative_tint: #FEEFEB;
-	--vkui--color_background_negative_tint--hover: #F4E6E4;
+	--vkui--color_background_negative_tint--hover: #F9DBDE;
 	--vkui--color_background_negative_tint--active: #EADDDD;
 	--vkui--color_background_positive_tint: #ECFAF3;
-	--vkui--color_background_positive_tint--hover: #E3F1EC;
+	--vkui--color_background_positive_tint--hover: #DEF6E2;
 	--vkui--color_background_positive_tint--active: #D9E7E4;
-	--vkui--color_field_background: #ffffff;
-	--vkui--color_field_background--hover: #F5F5F7;
-	--vkui--color_field_background--active: #EBECEF;
+	--vkui--color_field_background: rgba(0, 16, 61, 0.06);
+	--vkui--color_field_background--hover: rgba(0, 16, 61, 0.1);
+	--vkui--color_field_background--active: rgba(0, 16, 61, 0.14);
 	--vkui--color_background_modal_inverse: #303030;
 	--vkui--color_background_modal_inverse--hover: #2E2F31;
 	--vkui--color_background_modal_inverse--active: #2C2D31;
@@ -374,9 +449,9 @@
 	--vkui--color_background_info_tint: #f0f4ff;
 	--vkui--color_background_info_tint--hover: #E6EBF7;
 	--vkui--color_background_info_tint--active: #DDE2EF;
-	--vkui--color_text_accent: #0070f0;
-	--vkui--color_text_accent--hover: #006CE9;
-	--vkui--color_text_accent--active: #0068E2;
+	--vkui--color_text_accent: #0070F0;
+	--vkui--color_text_accent--hover: #005FCC;
+	--vkui--color_text_accent--active: #004EA8;
 	--vkui--color_text_accent_themed: #0070f0;
 	--vkui--color_text_accent_themed--hover: #006CE9;
 	--vkui--color_text_accent_themed--active: #0068E2;
@@ -431,9 +506,9 @@
 	--vkui--color_text_positive: #0DC268;
 	--vkui--color_text_positive--hover: #0CBB66;
 	--vkui--color_text_positive--active: #0CB465;
-	--vkui--color_icon_accent: #0077ff;
-	--vkui--color_icon_accent--hover: #0073F7;
-	--vkui--color_icon_accent--active: #006FEF;
+	--vkui--color_icon_accent: #0077FF;
+	--vkui--color_icon_accent--hover: #005FCC;
+	--vkui--color_icon_accent--active: #004EA8;
 	--vkui--color_icon_accent_themed: #0077ff;
 	--vkui--color_icon_accent_themed--hover: #0073F7;
 	--vkui--color_icon_accent_themed--active: #006FEF;
@@ -498,14 +573,14 @@
 	--vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
 	--vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
 	--vkui--color_field_border_alpha: rgba(0, 16, 61, 0.12);
-	--vkui--color_field_border_alpha--hover: rgba(0, 16, 61, 0.16);
-	--vkui--color_field_border_alpha--active: rgba(0, 16, 61, 0.2);
+	--vkui--color_field_border_alpha--hover: rgba(0, 16, 61, 0.24);
+	--vkui--color_field_border_alpha--active: rgba(0, 16, 61, 0.36);
 	--vkui--color_separator_primary_alpha: rgba(0, 16, 61, 0.12);
 	--vkui--color_separator_primary_alpha--hover: rgba(0, 16, 61, 0.16);
 	--vkui--color_separator_primary_alpha--active: rgba(0, 16, 61, 0.2);
-	--vkui--color_separator_secondary: #E6E7EB;
-	--vkui--color_separator_secondary--hover: #DDDEE4;
-	--vkui--color_separator_secondary--active: #D4D6DD;
+	--vkui--color_separator_secondary: #E0E2E8;
+	--vkui--color_separator_secondary--hover: #D7DAE1;
+	--vkui--color_separator_secondary--active: #CED1DA;
 	--vkui--color_separator_primary: #DADCE0;
 	--vkui--color_separator_primary--hover: #D1D4D9;
 	--vkui--color_separator_primary--active: #C9CCD3;
@@ -542,9 +617,9 @@
 	--vkui--color_accent_green: #0DC268;
 	--vkui--color_accent_green--hover: #0CBB66;
 	--vkui--color_accent_green--active: #0CB465;
-	--vkui--color_accent_cyan: #07E5F9;
-	--vkui--color_accent_cyan--hover: #07DCF1;
-	--vkui--color_accent_cyan--active: #06D4EA;
+	--vkui--color_accent_cyan: #11AAC5;
+	--vkui--color_accent_cyan--hover: #10A0B9;
+	--vkui--color_accent_cyan--active: #0F96AD;
 	--vkui--color_accent_azure: #0077FF;
 	--vkui--color_accent_azure--hover: #0073F7;
 	--vkui--color_accent_azure--active: #006FEF;
@@ -648,12 +723,12 @@
 	--vkui--color_thumb_error_background_alpha--hover: rgba(237, 10, 52, 0.16);
 	--vkui--color_thumb_error_background_alpha--active: rgba(237, 10, 52, 0.2);
 	--vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
-	--vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
-	--vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
-	--vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
-	--vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
-	--vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
-	--vkui--color_background_accent_tint_themed: #f0f7ff;
+	--vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.14);
+	--vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.18);
+	--vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.1);
+	--vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.14);
+	--vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.18);
+	--vkui--color_background_accent_tint_themed: #F0F7FF;
 	--vkui--color_background_accent_tint_themed--hover: #E6EEF7;
 	--vkui--color_background_accent_tint_themed--active: #DDE5EF;
 	--vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
@@ -716,6 +791,96 @@
 	--vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
 	--vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
 	--vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
+	--vkui--otvet_color_background_answer: #E7E9EC;
+	--vkui--otvet_color_background_answer--hover: #DEE0E5;
+	--vkui--otvet_color_background_answer--active: #D5D8DE;
+	--vkui--color_background_nav_bar_otvetui: #FFFFFF;
+	--vkui--color_background_nav_bar_otvetui--hover: #F5F5F7;
+	--vkui--color_background_nav_bar_otvetui--active: #EBECEF;
+	--vkui--color_rang_higher_brain: #FCD6D6;
+	--vkui--color_rang_higher_brain--hover: #F2CED0;
+	--vkui--color_rang_higher_brain--active: #E8C6CA;
+	--vkui--color_rang_ai: #E1F0A9;
+	--vkui--color_rang_ai--hover: #D8E7A5;
+	--vkui--color_rang_ai--active: #CFDEA0;
+	--vkui--color_rang_genius: #FFD38B;
+	--vkui--color_rang_genius--hover: #F5CB88;
+	--vkui--color_rang_genius--active: #EBC385;
+	--vkui--color_rang_oracul: #FFCAA7;
+	--vkui--color_rang_oracul--hover: #F5C3A3;
+	--vkui--color_rang_oracul--active: #EBBB9F;
+	--vkui--color_rang_pro_light: #FACBF1;
+	--vkui--color_rang_pro_light--hover: #F0C4EA;
+	--vkui--color_rang_pro_light--active: #E6BCE3;
+	--vkui--color_rang_mudriy: #BEE9FF;
+	--vkui--color_rang_mudriy--hover: #B6E0F7;
+	--vkui--color_rang_mudriy--active: #AFD8EF;
+	--vkui--color_rang_myslitel: #FED2D7;
+	--vkui--color_rang_myslitel--hover: #F4CAD1;
+	--vkui--color_rang_myslitel--active: #EAC2CB;
+	--vkui--color_rang_guru: #F9EB98;
+	--vkui--color_rang_guru--hover: #EFE294;
+	--vkui--color_rang_guru--active: #E5D991;
+	--vkui--color_rang_master: #BDEFFD;
+	--vkui--color_rang_master--hover: #B5E6F5;
+	--vkui--color_rang_master--active: #AEDDEE;
+	--vkui--color_rang_pro: #FDCC89;
+	--vkui--color_rang_pro--hover: #F3C486;
+	--vkui--color_rang_pro--active: #E9BD83;
+	--vkui--color_rang_expert: #F7EAA7;
+	--vkui--color_rang_expert--hover: #EDE1A3;
+	--vkui--color_rang_expert--active: #E3D99F;
+	--vkui--color_rang_student: #C9EDEE;
+	--vkui--color_rang_student--hover: #C1E4E7;
+	--vkui--color_rang_student--active: #B9DBE0;
+	--vkui--color_avatars_red: #F55252;
+	--vkui--color_avatars_red--hover: #EB4F51;
+	--vkui--color_avatars_red--active: #E14D50;
+	--vkui--color_avatars_orange: #F68E42;
+	--vkui--color_avatars_orange--hover: #EC8942;
+	--vkui--color_avatars_orange--active: #E28442;
+	--vkui--color_avatars_peach: #FFB980;
+	--vkui--color_avatars_peach--hover: #F5B27D;
+	--vkui--color_avatars_peach--active: #EBAB7B;
+	--vkui--color_avatars_blue: #4C91FF;
+	--vkui--color_avatars_blue--hover: #498CF7;
+	--vkui--color_avatars_blue--active: #4687EF;
+	--vkui--color_avatars_coral: #FEA4A4;
+	--vkui--color_avatars_coral--hover: #F49EA0;
+	--vkui--color_avatars_coral--active: #EA989C;
+	--vkui--color_avatars_green: #43CC4C;
+	--vkui--color_avatars_green--hover: #40C44B;
+	--vkui--color_avatars_green--active: #3EBD4B;
+	--vkui--color_avatars_indigo: #7772F8;
+	--vkui--color_avatars_indigo--hover: #726EF1;
+	--vkui--color_avatars_indigo--active: #6D6AE9;
+	--vkui--color_avatars_lavender: #D3B2FF;
+	--vkui--color_avatars_lavender--hover: #CBACF7;
+	--vkui--color_avatars_lavender--active: #C2A5EF;
+	--vkui--color_avatars_lime: #C3F07F;
+	--vkui--color_avatars_lime--hover: #BBE77C;
+	--vkui--color_avatars_lime--active: #B3DE7A;
+	--vkui--color_avatars_mint: #7BEADB;
+	--vkui--color_avatars_mint--hover: #76E1D5;
+	--vkui--color_avatars_mint--active: #71D9CE;
+	--vkui--color_avatars_sea: #22CEEC;
+	--vkui--color_avatars_sea--hover: #21C6E5;
+	--vkui--color_avatars_sea--active: #1FBFDE;
+	--vkui--color_avatars_seagreen: #42D7A5;
+	--vkui--color_avatars_seagreen--hover: #3FCFA1;
+	--vkui--color_avatars_seagreen--active: #3DC79D;
+	--vkui--color_avatars_sky: #9EDBFF;
+	--vkui--color_avatars_sky--hover: #98D3F7;
+	--vkui--color_avatars_sky--active: #91CBEF;
+	--vkui--color_avatars_violet: #F55252;
+	--vkui--color_avatars_violet--hover: #EB4F51;
+	--vkui--color_avatars_violet--active: #E14D50;
+	--vkui--color_avatars_yellow: #FFD65C;
+	--vkui--color_avatars_yellow--hover: #F5CE5B;
+	--vkui--color_avatars_yellow--active: #EBC65A;
+	--vkui--color_stroke_border_alpha: ;
+	--vkui--color_stroke_border_alpha--hover: rgba(0, 16, 61, 0.24);
+	--vkui--color_stroke_border_alpha--active: rgba(0, 16, 61, 0.36);
 }
 
 .vkui--font_display_title1--regular {
@@ -750,6 +915,16 @@
 	font-family: var(--vkui--font_display_title2--font_family);
 	font-weight: var(--vkui--font_display_title2--font_weight);
 }
+.vkui--font_display_title2--compact {
+	font-size: 22px;
+	font-size: var(--vkui--font_display_title2--font_size--compact, 22px);
+	line-height: 22px;
+	line-height: var(--vkui--font_display_title2--line_height--compact, 22px);
+	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	font-family: var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_display_title2--font_weight--compact, 500);
+}
 .vkui--font_display_title3--regular {
 	font-size: 19px;
 	font-size: var(--vkui--font_display_title3--font_size--regular, 19px);
@@ -783,90 +958,84 @@
 	font-weight: var(--vkui--font_display_title4--font_weight);
 }
 .vkui--font_title1--regular {
-	font-size: 20px;
-	font-size: var(--vkui--font_title1--font_size--regular, 20px);
+	font-size: 24px;
+	font-size: var(--vkui--font_title1--font_size--regular, 24px);
 	line-height: 28px;
 	line-height: var(--vkui--font_title1--line_height--regular, 28px);
-	font-weight: 700;
-	font-weight: var(--vkui--font_title1--font_weight--regular, 700);
-	font-family: Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_title1--font_family--regular, Helvetica, Arial, sans-serif);
-	margin-bottom: 12px;
-	margin-bottom: var(--vkui--font_title1--margin_bottom--regular, 12px);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title1--font_weight--regular, 500);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_title1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
 }
 .vkui--font_title1 {
 	font-size: var(--vkui--font_title1--font_size);
 	line-height: var(--vkui--font_title1--line_height);
 	font-weight: var(--vkui--font_title1--font_weight);
 	font-family: var(--vkui--font_title1--font_family);
-	margin-bottom: var(--vkui--font_title1--margin_bottom);
 }
 .vkui--font_title2--regular {
-	font-size: 17px;
-	font-size: var(--vkui--font_title2--font_size--regular, 17px);
-	line-height: 24px;
-	line-height: var(--vkui--font_title2--line_height--regular, 24px);
-	font-weight: 700;
-	font-weight: var(--vkui--font_title2--font_weight--regular, 700);
-	font-family: Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_title2--font_family--regular, Helvetica, Arial, sans-serif);
-	margin-bottom: 12px;
-	margin-bottom: var(--vkui--font_title2--margin_bottom--regular, 12px);
+	font-size: 22px;
+	font-size: var(--vkui--font_title2--font_size--regular, 22px);
+	line-height: 28px;
+	line-height: var(--vkui--font_title2--line_height--regular, 28px);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title2--font_weight--regular, 500);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_title2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
 }
 .vkui--font_title2 {
 	font-size: var(--vkui--font_title2--font_size);
 	line-height: var(--vkui--font_title2--line_height);
 	font-weight: var(--vkui--font_title2--font_weight);
 	font-family: var(--vkui--font_title2--font_family);
-	margin-bottom: var(--vkui--font_title2--margin_bottom);
 }
 .vkui--font_title3--regular {
-	font-size: 17px;
-	font-size: var(--vkui--font_title3--font_size--regular, 17px);
-	line-height: 22px;
-	line-height: var(--vkui--font_title3--line_height--regular, 22px);
-	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-size: 20px;
+	font-size: var(--vkui--font_title3--font_size--regular, 20px);
+	line-height: 26px;
+	line-height: var(--vkui--font_title3--line_height--regular, 26px);
 	font-weight: 500;
 	font-weight: var(--vkui--font_title3--font_weight--regular, 500);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_title3--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
 }
 .vkui--font_title3 {
 	font-size: var(--vkui--font_title3--font_size);
 	line-height: var(--vkui--font_title3--line_height);
-	font-family: var(--vkui--font_title3--font_family);
 	font-weight: var(--vkui--font_title3--font_weight);
+	font-family: var(--vkui--font_title3--font_family);
 }
 .vkui--font_headline1--regular {
 	font-size: 16px;
 	font-size: var(--vkui--font_headline1--font_size--regular, 16px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline1--line_height--regular, 20px);
-	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 500);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
 }
 .vkui--font_headline1 {
 	font-size: var(--vkui--font_headline1--font_size);
 	line-height: var(--vkui--font_headline1--line_height);
-	font-family: var(--vkui--font_headline1--font_family);
 	font-weight: var(--vkui--font_headline1--font_weight);
+	font-family: var(--vkui--font_headline1--font_family);
 }
 .vkui--font_headline2--regular {
 	font-size: 15px;
 	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline2--line_height--regular, 20px);
-	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
 }
 .vkui--font_headline2 {
 	font-size: var(--vkui--font_headline2--font_size);
 	line-height: var(--vkui--font_headline2--line_height);
-	font-family: var(--vkui--font_headline2--font_family);
 	font-weight: var(--vkui--font_headline2--font_weight);
+	font-family: var(--vkui--font_headline2--font_family);
 }
 .vkui--font_text--regular {
 	font-size: 16px;
@@ -884,262 +1053,459 @@
 	font-family: var(--vkui--font_text--font_family);
 	font-weight: var(--vkui--font_text--font_weight);
 }
+.vkui--font_text--compact {
+	font-size: 15px;
+	font-size: var(--vkui--font_text--font_size--compact, 15px);
+	line-height: 20px;
+	line-height: var(--vkui--font_text--line_height--compact, 20px);
+	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	font-family: var(--vkui--font_text--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--font_text--font_weight--regular, 400);
+}
 .vkui--font_paragraph--regular {
 	font-size: 15px;
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
 	line-height: 20px;
 	line-height: var(--vkui--font_paragraph--line_height--regular, 20px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_paragraph--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_paragraph--font_weight--regular, 400);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif);
 }
 .vkui--font_paragraph {
 	font-size: var(--vkui--font_paragraph--font_size);
 	line-height: var(--vkui--font_paragraph--line_height);
-	font-family: var(--vkui--font_paragraph--font_family);
 	font-weight: var(--vkui--font_paragraph--font_weight);
+	font-family: var(--vkui--font_paragraph--font_family);
 }
 .vkui--font_subhead--regular {
 	font-size: 14px;
 	font-size: var(--vkui--font_subhead--font_size--regular, 14px);
 	line-height: 18px;
 	line-height: var(--vkui--font_subhead--line_height--regular, 18px);
-	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_subhead--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
 }
 .vkui--font_subhead {
 	font-size: var(--vkui--font_subhead--font_size);
 	line-height: var(--vkui--font_subhead--line_height);
-	font-family: var(--vkui--font_subhead--font_family);
 	font-weight: var(--vkui--font_subhead--font_weight);
+	font-family: var(--vkui--font_subhead--font_family);
 }
 .vkui--font_footnote--regular {
 	font-size: 13px;
 	font-size: var(--vkui--font_footnote--font_size--regular, 13px);
 	line-height: 18px;
 	line-height: var(--vkui--font_footnote--line_height--regular, 18px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_footnote--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_footnote--font_family--regular, Arial, sans-serif);
 }
 .vkui--font_footnote {
 	font-size: var(--vkui--font_footnote--font_size);
 	line-height: var(--vkui--font_footnote--line_height);
-	font-family: var(--vkui--font_footnote--font_family);
 	font-weight: var(--vkui--font_footnote--font_weight);
+	font-family: var(--vkui--font_footnote--font_family);
 }
 .vkui--font_footnote_caps--regular {
 	font-size: 13px;
 	font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
 	line-height: 18px;
 	line-height: var(--vkui--font_footnote_caps--line_height--regular, 18px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_footnote_caps--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
-	text-transform: uppercase;
-	text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_footnote_caps--font_family--regular, Arial, sans-serif);
 	letter-spacing: 0.3px;
 	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
+	text-transform: uppercase;
+	text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
 }
 .vkui--font_footnote_caps {
 	font-size: var(--vkui--font_footnote_caps--font_size);
 	line-height: var(--vkui--font_footnote_caps--line_height);
-	font-family: var(--vkui--font_footnote_caps--font_family);
 	font-weight: var(--vkui--font_footnote_caps--font_weight);
-	text-transform: var(--vkui--font_footnote_caps--text_transform);
+	font-family: var(--vkui--font_footnote_caps--font_family);
 	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing);
+	text-transform: var(--vkui--font_footnote_caps--text_transform);
 }
 .vkui--font_caption1--regular {
 	font-size: 12px;
 	font-size: var(--vkui--font_caption1--font_size--regular, 12px);
 	line-height: 16px;
 	line-height: var(--vkui--font_caption1--line_height--regular, 16px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_caption1--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption1--font_family--regular, Arial, sans-serif);
 }
 .vkui--font_caption1 {
 	font-size: var(--vkui--font_caption1--font_size);
 	line-height: var(--vkui--font_caption1--line_height);
-	font-family: var(--vkui--font_caption1--font_family);
 	font-weight: var(--vkui--font_caption1--font_weight);
+	font-family: var(--vkui--font_caption1--font_family);
 }
 .vkui--font_caption1_caps--regular {
 	font-size: 12px;
 	font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
 	line-height: 16px;
 	line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_caption1_caps--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
-	text-transform: uppercase;
-	text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption1_caps--font_family--regular, Arial, sans-serif);
 	letter-spacing: 0.26px;
 	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
+	text-transform: uppercase;
+	text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
 }
 .vkui--font_caption1_caps {
 	font-size: var(--vkui--font_caption1_caps--font_size);
 	line-height: var(--vkui--font_caption1_caps--line_height);
-	font-family: var(--vkui--font_caption1_caps--font_family);
 	font-weight: var(--vkui--font_caption1_caps--font_weight);
-	text-transform: var(--vkui--font_caption1_caps--text_transform);
+	font-family: var(--vkui--font_caption1_caps--font_family);
 	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing);
+	text-transform: var(--vkui--font_caption1_caps--text_transform);
 }
 .vkui--font_caption2--regular {
 	font-size: 11px;
 	font-size: var(--vkui--font_caption2--font_size--regular, 11px);
 	line-height: 14px;
 	line-height: var(--vkui--font_caption2--line_height--regular, 14px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_caption2--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption2--font_family--regular, Arial, sans-serif);
 }
 .vkui--font_caption2 {
 	font-size: var(--vkui--font_caption2--font_size);
 	line-height: var(--vkui--font_caption2--line_height);
-	font-family: var(--vkui--font_caption2--font_family);
 	font-weight: var(--vkui--font_caption2--font_weight);
+	font-family: var(--vkui--font_caption2--font_family);
 }
 .vkui--font_caption2_caps--regular {
 	font-size: 11px;
 	font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
 	line-height: 14px;
 	line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_caption2_caps--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 400);
-	text-transform: uppercase;
-	text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption2_caps--font_family--regular, Arial, sans-serif);
 	letter-spacing: 0.22px;
 	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
+	text-transform: uppercase;
+	text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
 }
 .vkui--font_caption2_caps {
 	font-size: var(--vkui--font_caption2_caps--font_size);
 	line-height: var(--vkui--font_caption2_caps--line_height);
-	font-family: var(--vkui--font_caption2_caps--font_family);
 	font-weight: var(--vkui--font_caption2_caps--font_weight);
-	text-transform: var(--vkui--font_caption2_caps--text_transform);
+	font-family: var(--vkui--font_caption2_caps--font_family);
 	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing);
+	text-transform: var(--vkui--font_caption2_caps--text_transform);
 }
 .vkui--font_caption3--regular {
 	font-size: 9px;
 	font-size: var(--vkui--font_caption3--font_size--regular, 9px);
 	line-height: 12px;
 	line-height: var(--vkui--font_caption3--line_height--regular, 12px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_caption3--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption3--font_family--regular, Arial, sans-serif);
 }
 .vkui--font_caption3 {
 	font-size: var(--vkui--font_caption3--font_size);
 	line-height: var(--vkui--font_caption3--line_height);
-	font-family: var(--vkui--font_caption3--font_family);
 	font-weight: var(--vkui--font_caption3--font_weight);
+	font-family: var(--vkui--font_caption3--font_family);
 }
 .vkui--font_caption3_caps--regular {
 	font-size: 9px;
 	font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
 	line-height: 12px;
 	line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px);
-	font-family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_caption3_caps--font_family--regular, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 400);
-	text-transform: uppercase;
-	text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption3_caps--font_family--regular, Arial, sans-serif);
 	letter-spacing: 0.16px;
 	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
+	text-transform: uppercase;
+	text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
 }
 .vkui--font_caption3_caps {
 	font-size: var(--vkui--font_caption3_caps--font_size);
 	line-height: var(--vkui--font_caption3_caps--line_height);
-	font-family: var(--vkui--font_caption3_caps--font_family);
 	font-weight: var(--vkui--font_caption3_caps--font_weight);
-	text-transform: var(--vkui--font_caption3_caps--text_transform);
+	font-family: var(--vkui--font_caption3_caps--font_family);
 	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing);
+	text-transform: var(--vkui--font_caption3_caps--text_transform);
 }
 .vkui--font_h0--regular {
-	font-size: 44px;
-	font-size: var(--vkui--font_h0--font_size--regular, 44px);
-	line-height: 52px;
-	line-height: var(--vkui--font_h0--line_height--regular, 52px);
-	font-weight: 700;
-	font-weight: var(--vkui--font_h0--font_weight--regular, 700);
-	font-family: Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h0--font_family--regular, Helvetica, Arial, sans-serif);
-	margin-bottom: 20px;
-	margin-bottom: var(--vkui--font_h0--margin_bottom--regular, 20px);
+	font-size: 28px;
+	font-size: var(--vkui--font_h0--font_size--regular, 28px);
+	line-height: 32px;
+	line-height: var(--vkui--font_h0--line_height--regular, 32px);
+	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	font-family: var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
 .vkui--font_h0 {
 	font-size: var(--vkui--font_h0--font_size);
 	line-height: var(--vkui--font_h0--line_height);
-	font-weight: var(--vkui--font_h0--font_weight);
 	font-family: var(--vkui--font_h0--font_family);
-	margin-bottom: var(--vkui--font_h0--margin_bottom);
+	font-weight: var(--vkui--font_h0--font_weight);
+}
+.vkui--font_h0--compact {
+	font-size: 44px;
+	font-size: var(--vkui--font_h0--font_size--compact, 44px);
+	line-height: 52px;
+	line-height: var(--vkui--font_h0--line_height--compact, 52px);
+	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	font-family: var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
 .vkui--font_h1--regular {
-	font-size: 32px;
-	font-size: var(--vkui--font_h1--font_size--regular, 32px);
-	line-height: 40px;
-	line-height: var(--vkui--font_h1--line_height--regular, 40px);
-	font-weight: 700;
-	font-weight: var(--vkui--font_h1--font_weight--regular, 700);
-	font-family: Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h1--font_family--regular, Helvetica, Arial, sans-serif);
-	margin-bottom: 16px;
-	margin-bottom: var(--vkui--font_h1--margin_bottom--regular, 16px);
+	font-size: 24px;
+	font-size: var(--vkui--font_h1--font_size--regular, 24px);
+	line-height: 28px;
+	line-height: var(--vkui--font_h1--line_height--regular, 28px);
+	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	font-family: var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
 }
 .vkui--font_h1 {
 	font-size: var(--vkui--font_h1--font_size);
 	line-height: var(--vkui--font_h1--line_height);
-	font-weight: var(--vkui--font_h1--font_weight);
 	font-family: var(--vkui--font_h1--font_family);
-	margin-bottom: var(--vkui--font_h1--margin_bottom);
+	font-weight: var(--vkui--font_h1--font_weight);
+}
+.vkui--font_h1--compact {
+	font-size: 32px;
+	font-size: var(--vkui--font_h1--font_size--compact, 32px);
+	line-height: 36px;
+	line-height: var(--vkui--font_h1--line_height--compact, 36px);
+	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	font-family: var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
 }
 .vkui--font_h2--regular {
-	font-size: 24px;
-	font-size: var(--vkui--font_h2--font_size--regular, 24px);
-	line-height: 32px;
-	line-height: var(--vkui--font_h2--line_height--regular, 32px);
-	font-weight: 700;
-	font-weight: var(--vkui--font_h2--font_weight--regular, 700);
-	font-family: Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h2--font_family--regular, Helvetica, Arial, sans-serif);
-	margin-bottom: 12px;
-	margin-bottom: var(--vkui--font_h2--margin_bottom--regular, 12px);
+	font-size: 20px;
+	font-size: var(--vkui--font_h2--font_size--regular, 20px);
+	line-height: 26px;
+	line-height: var(--vkui--font_h2--line_height--regular, 26px);
+	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	font-family: var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
 }
 .vkui--font_h2 {
 	font-size: var(--vkui--font_h2--font_size);
 	line-height: var(--vkui--font_h2--line_height);
-	font-weight: var(--vkui--font_h2--font_weight);
 	font-family: var(--vkui--font_h2--font_family);
-	margin-bottom: var(--vkui--font_h2--margin_bottom);
+	font-weight: var(--vkui--font_h2--font_weight);
+}
+.vkui--font_h2--compact {
+	font-size: 28px;
+	font-size: var(--vkui--font_h2--font_size--compact, 28px);
+	line-height: 32px;
+	line-height: var(--vkui--font_h2--line_height--compact, 32px);
+	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	font-family: var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
+}
+.vkui--font_title_x_x_l--regular {
+	font-size: 36px;
+	font-size: var(--vkui--font_title_x_x_l--font_size--regular, 36px);
+	line-height: 44px;
+	line-height: var(--vkui--font_title_x_x_l--line_height--regular, 44px);
+	font-weight: 600;
+	font-weight: var(--vkui--font_title_x_x_l--font_weight--regular, 600);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_title_x_x_l--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
+}
+.vkui--font_title_x_x_l {
+	font-size: var(--vkui--font_title_x_x_l--font_size);
+	line-height: var(--vkui--font_title_x_x_l--line_height);
+	font-weight: var(--vkui--font_title_x_x_l--font_weight);
+	font-family: var(--vkui--font_title_x_x_l--font_family);
+}
+.vkui--font_title_x_l--regular {
+	font-size: 26px;
+	font-size: var(--vkui--font_title_x_l--font_size--regular, 26px);
+	line-height: 32px;
+	line-height: var(--vkui--font_title_x_l--line_height--regular, 32px);
+	font-weight: 600;
+	font-weight: var(--vkui--font_title_x_l--font_weight--regular, 600);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_title_x_l--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
+}
+.vkui--font_title_x_l {
+	font-size: var(--vkui--font_title_x_l--font_size);
+	line-height: var(--vkui--font_title_x_l--line_height);
+	font-weight: var(--vkui--font_title_x_l--font_weight);
+	font-family: var(--vkui--font_title_x_l--font_family);
+}
+.vkui--font_title1_bold--regular {
+	font-size: 24px;
+	font-size: var(--vkui--font_title1_bold--font_size--regular, 24px);
+	line-height: 28px;
+	line-height: var(--vkui--font_title1_bold--line_height--regular, 28px);
+	font-weight: 600;
+	font-weight: var(--vkui--font_title1_bold--font_weight--regular, 600);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_title1_bold--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
+}
+.vkui--font_title1_bold {
+	font-size: var(--vkui--font_title1_bold--font_size);
+	line-height: var(--vkui--font_title1_bold--line_height);
+	font-weight: var(--vkui--font_title1_bold--font_weight);
+	font-family: var(--vkui--font_title1_bold--font_family);
+}
+.vkui--font_title2_bold--regular {
+	font-size: 22px;
+	font-size: var(--vkui--font_title2_bold--font_size--regular, 22px);
+	line-height: 28px;
+	line-height: var(--vkui--font_title2_bold--line_height--regular, 28px);
+	font-weight: 600;
+	font-weight: var(--vkui--font_title2_bold--font_weight--regular, 600);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_title2_bold--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
+}
+.vkui--font_title2_bold {
+	font-size: var(--vkui--font_title2_bold--font_size);
+	line-height: var(--vkui--font_title2_bold--line_height);
+	font-weight: var(--vkui--font_title2_bold--font_weight);
+	font-family: var(--vkui--font_title2_bold--font_family);
+}
+.vkui--font_title4--regular {
+	font-size: 17px;
+	font-size: var(--vkui--font_title4--font_size--regular, 17px);
+	line-height: 22px;
+	line-height: var(--vkui--font_title4--line_height--regular, 22px);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title4--font_weight--regular, 500);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_title4--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
+}
+.vkui--font_title4 {
+	font-size: var(--vkui--font_title4--font_size);
+	line-height: var(--vkui--font_title4--line_height);
+	font-weight: var(--vkui--font_title4--font_weight);
+	font-family: var(--vkui--font_title4--font_family);
+}
+.vkui--font_headline2_bold--regular {
+	font-size: 15px;
+	font-size: var(--vkui--font_headline2_bold--font_size--regular, 15px);
+	line-height: 20px;
+	line-height: var(--vkui--font_headline2_bold--line_height--regular, 20px);
+	font-weight: 600;
+	font-weight: var(--vkui--font_headline2_bold--font_weight--regular, 600);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline2_bold--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
+}
+.vkui--font_headline2_bold {
+	font-size: var(--vkui--font_headline2_bold--font_size);
+	line-height: var(--vkui--font_headline2_bold--line_height);
+	font-weight: var(--vkui--font_headline2_bold--font_weight);
+	font-family: var(--vkui--font_headline2_bold--font_family);
+}
+.vkui--font_subhead_bold--regular {
+	font-size: 14px;
+	font-size: var(--vkui--font_subhead_bold--font_size--regular, 14px);
+	line-height: 18px;
+	line-height: var(--vkui--font_subhead_bold--line_height--regular, 18px);
+	font-weight: 500;
+	font-weight: var(--vkui--font_subhead_bold--font_weight--regular, 500);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_subhead_bold--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
+}
+.vkui--font_subhead_bold {
+	font-size: var(--vkui--font_subhead_bold--font_size);
+	line-height: var(--vkui--font_subhead_bold--line_height);
+	font-weight: var(--vkui--font_subhead_bold--font_weight);
+	font-family: var(--vkui--font_subhead_bold--font_family);
+}
+.vkui--font_caption2_bold--regular {
+	font-size: 11px;
+	font-size: var(--vkui--font_caption2_bold--font_size--regular, 11px);
+	line-height: 14px;
+	line-height: var(--vkui--font_caption2_bold--line_height--regular, 14px);
+	font-weight: 500;
+	font-weight: var(--vkui--font_caption2_bold--font_weight--regular, 500);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption2_bold--font_family--regular, Arial, sans-serif);
+}
+.vkui--font_caption2_bold {
+	font-size: var(--vkui--font_caption2_bold--font_size);
+	line-height: var(--vkui--font_caption2_bold--line_height);
+	font-weight: var(--vkui--font_caption2_bold--font_weight);
+	font-family: var(--vkui--font_caption2_bold--font_family);
+}
+.vkui--font_caption3_bold--regular {
+	font-size: 9px;
+	font-size: var(--vkui--font_caption3_bold--font_size--regular, 9px);
+	line-height: 12px;
+	line-height: var(--vkui--font_caption3_bold--line_height--regular, 12px);
+	font-weight: 500;
+	font-weight: var(--vkui--font_caption3_bold--font_weight--regular, 500);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption3_bold--font_family--regular, Arial, sans-serif);
+}
+.vkui--font_caption3_bold {
+	font-size: var(--vkui--font_caption3_bold--font_size);
+	line-height: var(--vkui--font_caption3_bold--line_height);
+	font-weight: var(--vkui--font_caption3_bold--font_weight);
+	font-family: var(--vkui--font_caption3_bold--font_family);
+}
+.vkui--font_caption3_caps_bold--regular {
+	font-size: 9px;
+	font-size: var(--vkui--font_caption3_caps_bold--font_size--regular, 9px);
+	line-height: 12px;
+	line-height: var(--vkui--font_caption3_caps_bold--line_height--regular, 12px);
+	font-weight: 500;
+	font-weight: var(--vkui--font_caption3_caps_bold--font_weight--regular, 500);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--font_caption3_caps_bold--font_family--regular, Arial, sans-serif);
+	letter-spacing: 0.16px;
+	letter-spacing: var(--vkui--font_caption3_caps_bold--letter_spacing--regular, 0.16px);
+	text-transform: uppercase;
+	text-transform: var(--vkui--font_caption3_caps_bold--text_transform--regular, uppercase);
+}
+.vkui--font_caption3_caps_bold {
+	font-size: var(--vkui--font_caption3_caps_bold--font_size);
+	line-height: var(--vkui--font_caption3_caps_bold--line_height);
+	font-weight: var(--vkui--font_caption3_caps_bold--font_weight);
+	font-family: var(--vkui--font_caption3_caps_bold--font_family);
+	letter-spacing: var(--vkui--font_caption3_caps_bold--letter_spacing);
+	text-transform: var(--vkui--font_caption3_caps_bold--text_transform);
 }
 .vkui--font_headline--regular {
 	font-size: 16px;
 	font-size: var(--vkui--font_headline--font_size--regular, 16px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline--line_height--regular, 20px);
-	font-family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	font-family: var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_headline--font_weight--regular, 500);
+	font-family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif);
 }
 .vkui--font_headline {
 	font-size: var(--vkui--font_headline--font_size);
 	line-height: var(--vkui--font_headline--line_height);
-	font-family: var(--vkui--font_headline--font_family);
 	font-weight: var(--vkui--font_headline--font_weight);
+	font-family: var(--vkui--font_headline--font_family);
 }
 
 :root {
@@ -1147,10 +1513,10 @@
 	--vkui--font_display_title1--line_height: 28px;
 	--vkui--font_display_title1--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_display_title1--font_weight: 500;
-	--vkui--font_display_title2--font_size: 21px;
-	--vkui--font_display_title2--line_height: 26px;
-	--vkui--font_display_title2--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	--vkui--font_display_title2--font_weight: 500;
+	--vkui--font_display_title2--font_size: var(--vkui--font_display_title2--font_size--regular);
+	--vkui--font_display_title2--line_height: var(--vkui--font_display_title2--line_height--regular);
+	--vkui--font_display_title2--font_family: var(--vkui--font_display_title2--font_family--regular);
+	--vkui--font_display_title2--font_weight: var(--vkui--font_display_title2--font_weight--regular);
 	--vkui--font_display_title3--font_size: 19px;
 	--vkui--font_display_title3--line_height: 24px;
 	--vkui--font_display_title3--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
@@ -1159,95 +1525,93 @@
 	--vkui--font_display_title4--line_height: 24px;
 	--vkui--font_display_title4--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_display_title4--font_weight: 500;
-	--vkui--font_title1--font_size: 20px;
+	--vkui--font_title1--font_size: 24px;
 	--vkui--font_title1--line_height: 28px;
-	--vkui--font_title1--font_weight: 700;
-	--vkui--font_title1--font_family: Helvetica, Arial, sans-serif;
-	--vkui--font_title1--margin_bottom: 12px;
-	--vkui--font_title2--font_size: 17px;
-	--vkui--font_title2--line_height: 24px;
-	--vkui--font_title2--font_weight: 700;
-	--vkui--font_title2--font_family: Helvetica, Arial, sans-serif;
-	--vkui--font_title2--margin_bottom: 12px;
-	--vkui--font_title3--font_size: 17px;
-	--vkui--font_title3--line_height: 22px;
-	--vkui--font_title3--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
+	--vkui--font_title1--font_weight: 500;
+	--vkui--font_title1--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title2--font_size: 22px;
+	--vkui--font_title2--line_height: 28px;
+	--vkui--font_title2--font_weight: 500;
+	--vkui--font_title2--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title3--font_size: 20px;
+	--vkui--font_title3--line_height: 26px;
 	--vkui--font_title3--font_weight: 500;
+	--vkui--font_title3--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--font_headline1--font_size: 16px;
 	--vkui--font_headline1--line_height: 20px;
-	--vkui--font_headline1--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_headline1--font_weight: 500;
+	--vkui--font_headline1--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_size: 15px;
 	--vkui--font_headline2--line_height: 20px;
-	--vkui--font_headline2--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_headline2--font_weight: 500;
-	--vkui--font_text--font_size: 16px;
-	--vkui--font_text--line_height: 20px;
-	--vkui--font_text--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
-	--vkui--font_text--font_weight: 400;
+	--vkui--font_headline2--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_text--font_size: var(--vkui--font_text--font_size--regular);
+	--vkui--font_text--line_height: var(--vkui--font_text--line_height--regular);
+	--vkui--font_text--font_family: var(--vkui--font_text--font_family--regular);
+	--vkui--font_text--font_weight: var(--vkui--font_text--font_weight--regular);
 	--vkui--font_paragraph--font_size: 15px;
 	--vkui--font_paragraph--line_height: 20px;
-	--vkui--font_paragraph--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_paragraph--font_weight: 400;
+	--vkui--font_paragraph--font_family: Arial, sans-serif;
 	--vkui--font_subhead--font_size: 14px;
 	--vkui--font_subhead--line_height: 18px;
-	--vkui--font_subhead--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_subhead--font_weight: 400;
+	--vkui--font_subhead--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--font_footnote--font_size: 13px;
 	--vkui--font_footnote--line_height: 18px;
-	--vkui--font_footnote--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_footnote--font_weight: 400;
+	--vkui--font_footnote--font_family: Arial, sans-serif;
 	--vkui--font_footnote_caps--font_size: 13px;
 	--vkui--font_footnote_caps--line_height: 18px;
-	--vkui--font_footnote_caps--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_footnote_caps--font_weight: 400;
-	--vkui--font_footnote_caps--text_transform: uppercase;
+	--vkui--font_footnote_caps--font_family: Arial, sans-serif;
 	--vkui--font_footnote_caps--letter_spacing: 0.3px;
+	--vkui--font_footnote_caps--text_transform: uppercase;
 	--vkui--font_caption1--font_size: 12px;
 	--vkui--font_caption1--line_height: 16px;
-	--vkui--font_caption1--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption1--font_weight: 400;
+	--vkui--font_caption1--font_family: Arial, sans-serif;
 	--vkui--font_caption1_caps--font_size: 12px;
 	--vkui--font_caption1_caps--line_height: 16px;
-	--vkui--font_caption1_caps--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption1_caps--font_weight: 400;
-	--vkui--font_caption1_caps--text_transform: uppercase;
+	--vkui--font_caption1_caps--font_family: Arial, sans-serif;
 	--vkui--font_caption1_caps--letter_spacing: 0.26px;
+	--vkui--font_caption1_caps--text_transform: uppercase;
 	--vkui--font_caption2--font_size: 11px;
 	--vkui--font_caption2--line_height: 14px;
-	--vkui--font_caption2--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption2--font_weight: 400;
+	--vkui--font_caption2--font_family: Arial, sans-serif;
 	--vkui--font_caption2_caps--font_size: 11px;
 	--vkui--font_caption2_caps--line_height: 14px;
-	--vkui--font_caption2_caps--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption2_caps--font_weight: 400;
-	--vkui--font_caption2_caps--text_transform: uppercase;
+	--vkui--font_caption2_caps--font_family: Arial, sans-serif;
 	--vkui--font_caption2_caps--letter_spacing: 0.22px;
+	--vkui--font_caption2_caps--text_transform: uppercase;
 	--vkui--font_caption3--font_size: 9px;
 	--vkui--font_caption3--line_height: 12px;
-	--vkui--font_caption3--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption3--font_weight: 400;
+	--vkui--font_caption3--font_family: Arial, sans-serif;
 	--vkui--font_caption3_caps--font_size: 9px;
 	--vkui--font_caption3_caps--line_height: 12px;
-	--vkui--font_caption3_caps--font_family: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_caption3_caps--font_weight: 400;
-	--vkui--font_caption3_caps--text_transform: uppercase;
+	--vkui--font_caption3_caps--font_family: Arial, sans-serif;
 	--vkui--font_caption3_caps--letter_spacing: 0.16px;
-	--vkui--size_select_icon_padding: 7px;
-	--vkui--size_popup_base_padding: 20px;
-	--vkui--size_popup_header_padding: 16px;
+	--vkui--font_caption3_caps--text_transform: uppercase;
+	--vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--regular);
+	--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);
+	--vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--regular);
 	--vkui--size_border_radius: 8px;
 	--vkui--size_border_radius_rounded: 48px;
 	--vkui--size_check_border_radius: 4px;
-	--vkui--size_border_radius_paper: 4px;
+	--vkui--size_border_radius_paper: 12px;
 	--vkui--size_border_radius_promo: 20px;
-	--vkui--size_cell_height: 48px;
-	--vkui--size_field_height: 40px;
-	--vkui--size_search_height: 36px;
-	--vkui--size_button_extra_small_height: 24px;
-	--vkui--size_button_small_height: 30px;
-	--vkui--size_button_medium_height: 36px;
-	--vkui--size_button_large_height: 44px;
+	--vkui--size_cell_height: var(--vkui--size_cell_height--regular);
+	--vkui--size_field_height: var(--vkui--size_field_height--regular);
+	--vkui--size_search_height: var(--vkui--size_search_height--regular);
+	--vkui--size_button_extra_small_height: var(--vkui--size_button_extra_small_height--regular);
+	--vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
+	--vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
+	--vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
 	--vkui--size_checkbox: 16px;
 	--vkui--size_arrow: 8px;
 	--vkui--size_arrow_promo: 40px;
@@ -1255,11 +1619,11 @@
 	--vkui--size_popup_medium: 680px;
 	--vkui--size_popup_large: 880px;
 	--vkui--size_field_horizontal_padding: 12px;
-	--vkui--size_button_padding_horizontal: 20px;
+	--vkui--size_button_padding_horizontal: var(--vkui--size_button_padding_horizontal--regular);
 	--vkui--size_label_horizontal_margin: 16px;
 	--vkui--size_arrow_padding: 12px;
 	--vkui--size_tooltip_margin: 8px;
-	--vkui--size_icon_u_i: 18px;
+	--vkui--size_icon_u_i: 16px;
 	--vkui--size_avatar_x_s: 24px;
 	--vkui--size_avatar_s: 32px;
 	--vkui--size_avatar_m: 48px;
@@ -1279,10 +1643,10 @@
 	--vkui--size_button_group_gap_small: 8px;
 	--vkui--size_button_group_gap_medium: 12px;
 	--vkui--size_option_hierarchy: 32px;
-	--vkui--size_switch_height: 14px;
-	--vkui--size_switch_width: 34px;
-	--vkui--size_switch_pin: 20px;
-	--vkui--size_panel_header_height: 56px;
+	--vkui--size_switch_height: var(--vkui--size_switch_height--regular);
+	--vkui--size_switch_width: var(--vkui--size_switch_width--regular);
+	--vkui--size_switch_pin: var(--vkui--size_switch_pin--regular);
+	--vkui--size_panel_header_height: var(--vkui--size_panel_header_height--regular);
 	--vkui--size_button_base_small_padding_horizontal: 16px;
 	--vkui--size_button_base_medium_padding_horizontal: 16px;
 	--vkui--size_button_base_large_padding_horizontal: 20px;
@@ -1303,34 +1667,31 @@
 	--vkui--size_border1x: 1px;
 	--vkui--size_border2x: 0.5px;
 	--vkui--size_border3x: 0.33px;
-	--vkui--font_h0--font_size: 44px;
-	--vkui--font_h0--line_height: 52px;
-	--vkui--font_h0--font_weight: 700;
-	--vkui--font_h0--font_family: Helvetica, Arial, sans-serif;
-	--vkui--font_h0--margin_bottom: 20px;
-	--vkui--font_h1--font_size: 32px;
-	--vkui--font_h1--line_height: 40px;
-	--vkui--font_h1--font_weight: 700;
-	--vkui--font_h1--font_family: Helvetica, Arial, sans-serif;
-	--vkui--font_h1--margin_bottom: 16px;
-	--vkui--font_h2--font_size: 24px;
-	--vkui--font_h2--line_height: 32px;
-	--vkui--font_h2--font_weight: 700;
-	--vkui--font_h2--font_family: Helvetica, Arial, sans-serif;
-	--vkui--font_h2--margin_bottom: 12px;
+	--vkui--font_h0--font_size: var(--vkui--font_h0--font_size--regular);
+	--vkui--font_h0--line_height: var(--vkui--font_h0--line_height--regular);
+	--vkui--font_h0--font_family: var(--vkui--font_h0--font_family--regular);
+	--vkui--font_h0--font_weight: var(--vkui--font_h0--font_weight--regular);
+	--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);
+	--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--regular);
+	--vkui--font_h1--font_family: var(--vkui--font_h1--font_family--regular);
+	--vkui--font_h1--font_weight: var(--vkui--font_h1--font_weight--regular);
+	--vkui--font_h2--font_size: var(--vkui--font_h2--font_size--regular);
+	--vkui--font_h2--line_height: var(--vkui--font_h2--line_height--regular);
+	--vkui--font_h2--font_family: var(--vkui--font_h2--font_family--regular);
+	--vkui--font_h2--font_weight: var(--vkui--font_h2--font_weight--regular);
 	--vkui--size_arrow_height: 8px;
 	--vkui--size_arrow_width: 12px;
-	--vkui--size_base_padding: 16px;
+	--vkui--size_base_padding: var(--vkui--size_base_padding--regular);
 	--vkui--size_border_width_tab: 2px;
 	--vkui--size_border_width_bar: 4px;
 	--vkui--size_border_width_accent: 8px;
 	--vkui--size_border_width_accent_secondary: 8px;
-	--vkui--size_control_button_width_min: 130px;
+	--vkui--size_control_button_width_min: var(--vkui--size_control_button_width_min--regular);
 	--vkui--size_promo_button_close: 32px;
 	--vkui--size_button_slider_height: 24px;
 	--vkui--size_button_slider_width: 12px;
 	--vkui--size_button_slider_width_pointer: 16px;
-	--vkui--size_field_width_min: 328px;
+	--vkui--size_field_width_min: var(--vkui--size_field_width_min--regular);
 	--vkui--size_label_width: 184px;
 	--vkui--size_progress: 4px;
 	--vkui--size_progress_scroll: 12px;
@@ -1339,8 +1700,8 @@
 	--vkui--size_dot_clickable: 12px;
 	--vkui--size_vertical_padding: 0px;
 	--vkui--size_button_more_padding: 8px;
-	--vkui--size_icon_more_padding: 12px;
-	--vkui--size_button_icon_padding: 16px;
+	--vkui--size_icon_more_padding: var(--vkui--size_icon_more_padding--regular);
+	--vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
 	--vkui--size_div_padding: 4px;
 	--vkui--size_menu_padding: 8px;
 	--vkui--size_tag_padding: 8px;
@@ -1355,14 +1716,14 @@
 	--vkui--size_field_horizontal_margin: 20px;
 	--vkui--size_field_vertical_margin: 24px;
 	--vkui--size_field_set_margin: 32px;
-	--vkui--size_icon_margin: 12px;
+	--vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
 	--vkui--size_choice_margin: 8px;
 	--vkui--size_menu_margin: 2px;
 	--vkui--size_tag_margin: 8px;
 	--vkui--size_tab_margin: 8px;
 	--vkui--size_bullet_margin: 12px;
 	--vkui--size_attribute_margin: 4px;
-	--vkui--size_popup_margin: 8px;
+	--vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
 	--vkui--size_header_icon: 20px;
 	--vkui--size_wysiwyg_icon: 14px;
 	--vkui--size_illustration_s: 48px;
@@ -1370,8 +1731,203 @@
 	--vkui--size_illustration_m: 96px;
 	--vkui--size_illustration_l: 144px;
 	--vkui--size_illustration_x_x_l: 228px;
+	--vkui--font_title_x_x_l--font_size: 36px;
+	--vkui--font_title_x_x_l--line_height: 44px;
+	--vkui--font_title_x_x_l--font_weight: 600;
+	--vkui--font_title_x_x_l--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title_x_l--font_size: 26px;
+	--vkui--font_title_x_l--line_height: 32px;
+	--vkui--font_title_x_l--font_weight: 600;
+	--vkui--font_title_x_l--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title1_bold--font_size: 24px;
+	--vkui--font_title1_bold--line_height: 28px;
+	--vkui--font_title1_bold--font_weight: 600;
+	--vkui--font_title1_bold--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title2_bold--font_size: 22px;
+	--vkui--font_title2_bold--line_height: 28px;
+	--vkui--font_title2_bold--font_weight: 600;
+	--vkui--font_title2_bold--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_title4--font_size: 17px;
+	--vkui--font_title4--line_height: 22px;
+	--vkui--font_title4--font_weight: 500;
+	--vkui--font_title4--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2_bold--font_size: 15px;
+	--vkui--font_headline2_bold--line_height: 20px;
+	--vkui--font_headline2_bold--font_weight: 600;
+	--vkui--font_headline2_bold--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_subhead_bold--font_size: 14px;
+	--vkui--font_subhead_bold--line_height: 18px;
+	--vkui--font_subhead_bold--font_weight: 500;
+	--vkui--font_subhead_bold--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+	--vkui--font_caption2_bold--font_size: 11px;
+	--vkui--font_caption2_bold--line_height: 14px;
+	--vkui--font_caption2_bold--font_weight: 500;
+	--vkui--font_caption2_bold--font_family: Arial, sans-serif;
+	--vkui--font_caption3_bold--font_size: 9px;
+	--vkui--font_caption3_bold--line_height: 12px;
+	--vkui--font_caption3_bold--font_weight: 500;
+	--vkui--font_caption3_bold--font_family: Arial, sans-serif;
+	--vkui--font_caption3_caps_bold--font_size: 9px;
+	--vkui--font_caption3_caps_bold--line_height: 12px;
+	--vkui--font_caption3_caps_bold--font_weight: 500;
+	--vkui--font_caption3_caps_bold--font_family: Arial, sans-serif;
+	--vkui--font_caption3_caps_bold--letter_spacing: 0.16px;
+	--vkui--font_caption3_caps_bold--text_transform: uppercase;
+	--vkui--size_border: 1px;
 	--vkui--font_headline--font_size: 16px;
 	--vkui--font_headline--line_height: 20px;
-	--vkui--font_headline--font_family: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
 	--vkui--font_headline--font_weight: 500;
-}
+	--vkui--font_headline--font_family: VKSansDisplay, Helvetica, Arial, sans-serif;
+}
+
+@media (min-width: 768px) {
+				:root, .vkui--force-auto {
+					--vkui--font_display_title2--font_size: var(--vkui--font_display_title2--font_size--compact);
+--vkui--font_display_title2--line_height: var(--vkui--font_display_title2--line_height--compact);
+--vkui--font_display_title2--font_family: var(--vkui--font_display_title2--font_family--compact);
+--vkui--font_display_title2--font_weight: var(--vkui--font_display_title2--font_weight--compact);
+--vkui--font_text--font_size: var(--vkui--font_text--font_size--compact);
+--vkui--font_text--line_height: var(--vkui--font_text--line_height--compact);
+--vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--compact);
+--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);
+--vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--compact);
+--vkui--size_cell_height: var(--vkui--size_cell_height--compact);
+--vkui--size_field_height: var(--vkui--size_field_height--compact);
+--vkui--size_search_height: var(--vkui--size_search_height--compact);
+--vkui--size_button_extra_small_height: var(--vkui--size_button_extra_small_height--compact);
+--vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
+--vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
+--vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
+--vkui--size_button_padding_horizontal: var(--vkui--size_button_padding_horizontal--compact);
+--vkui--size_switch_height: var(--vkui--size_switch_height--compact);
+--vkui--size_switch_width: var(--vkui--size_switch_width--compact);
+--vkui--size_switch_pin: var(--vkui--size_switch_pin--compact);
+--vkui--size_panel_header_height: var(--vkui--size_panel_header_height--compact);
+--vkui--font_h0--font_size: var(--vkui--font_h0--font_size--compact);
+--vkui--font_h0--line_height: var(--vkui--font_h0--line_height--compact);
+--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);
+--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--compact);
+--vkui--font_h2--font_size: var(--vkui--font_h2--font_size--compact);
+--vkui--font_h2--line_height: var(--vkui--font_h2--line_height--compact);
+--vkui--size_base_padding: var(--vkui--size_base_padding--compact);
+--vkui--size_control_button_width_min: var(--vkui--size_control_button_width_min--compact);
+--vkui--size_field_width_min: var(--vkui--size_field_width_min--compact);
+--vkui--size_icon_more_padding: var(--vkui--size_icon_more_padding--compact);
+--vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--compact);
+--vkui--size_icon_margin: var(--vkui--size_icon_margin--compact);
+--vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
+				}
+			}
+
+			.vkui--force-desktop_s {
+				--vkui--font_display_title2--font_size: var(--vkui--font_display_title2--font_size--compact);
+--vkui--font_display_title2--line_height: var(--vkui--font_display_title2--line_height--compact);
+--vkui--font_display_title2--font_family: var(--vkui--font_display_title2--font_family--compact);
+--vkui--font_display_title2--font_weight: var(--vkui--font_display_title2--font_weight--compact);
+--vkui--font_text--font_size: var(--vkui--font_text--font_size--compact);
+--vkui--font_text--line_height: var(--vkui--font_text--line_height--compact);
+--vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--compact);
+--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);
+--vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--compact);
+--vkui--size_cell_height: var(--vkui--size_cell_height--compact);
+--vkui--size_field_height: var(--vkui--size_field_height--compact);
+--vkui--size_search_height: var(--vkui--size_search_height--compact);
+--vkui--size_button_extra_small_height: var(--vkui--size_button_extra_small_height--compact);
+--vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
+--vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
+--vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
+--vkui--size_button_padding_horizontal: var(--vkui--size_button_padding_horizontal--compact);
+--vkui--size_switch_height: var(--vkui--size_switch_height--compact);
+--vkui--size_switch_width: var(--vkui--size_switch_width--compact);
+--vkui--size_switch_pin: var(--vkui--size_switch_pin--compact);
+--vkui--size_panel_header_height: var(--vkui--size_panel_header_height--compact);
+--vkui--font_h0--font_size: var(--vkui--font_h0--font_size--compact);
+--vkui--font_h0--line_height: var(--vkui--font_h0--line_height--compact);
+--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);
+--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--compact);
+--vkui--font_h2--font_size: var(--vkui--font_h2--font_size--compact);
+--vkui--font_h2--line_height: var(--vkui--font_h2--line_height--compact);
+--vkui--size_base_padding: var(--vkui--size_base_padding--compact);
+--vkui--size_control_button_width_min: var(--vkui--size_control_button_width_min--compact);
+--vkui--size_field_width_min: var(--vkui--size_field_width_min--compact);
+--vkui--size_icon_more_padding: var(--vkui--size_icon_more_padding--compact);
+--vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--compact);
+--vkui--size_icon_margin: var(--vkui--size_icon_margin--compact);
+--vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
+			}
+
+@media (max-width: 767px) {
+				:root, .vkui--force-auto {
+					--vkui--font_display_title2--font_size: var(--vkui--font_display_title2--font_size--regular);
+--vkui--font_display_title2--line_height: var(--vkui--font_display_title2--line_height--regular);
+--vkui--font_display_title2--font_family: var(--vkui--font_display_title2--font_family--regular);
+--vkui--font_display_title2--font_weight: var(--vkui--font_display_title2--font_weight--regular);
+--vkui--font_text--font_size: var(--vkui--font_text--font_size--regular);
+--vkui--font_text--line_height: var(--vkui--font_text--line_height--regular);
+--vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--regular);
+--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);
+--vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--regular);
+--vkui--size_cell_height: var(--vkui--size_cell_height--regular);
+--vkui--size_field_height: var(--vkui--size_field_height--regular);
+--vkui--size_search_height: var(--vkui--size_search_height--regular);
+--vkui--size_button_extra_small_height: var(--vkui--size_button_extra_small_height--regular);
+--vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
+--vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
+--vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
+--vkui--size_button_padding_horizontal: var(--vkui--size_button_padding_horizontal--regular);
+--vkui--size_switch_height: var(--vkui--size_switch_height--regular);
+--vkui--size_switch_width: var(--vkui--size_switch_width--regular);
+--vkui--size_switch_pin: var(--vkui--size_switch_pin--regular);
+--vkui--size_panel_header_height: var(--vkui--size_panel_header_height--regular);
+--vkui--font_h0--font_size: var(--vkui--font_h0--font_size--regular);
+--vkui--font_h0--line_height: var(--vkui--font_h0--line_height--regular);
+--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);
+--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--regular);
+--vkui--font_h2--font_size: var(--vkui--font_h2--font_size--regular);
+--vkui--font_h2--line_height: var(--vkui--font_h2--line_height--regular);
+--vkui--size_base_padding: var(--vkui--size_base_padding--regular);
+--vkui--size_control_button_width_min: var(--vkui--size_control_button_width_min--regular);
+--vkui--size_field_width_min: var(--vkui--size_field_width_min--regular);
+--vkui--size_icon_more_padding: var(--vkui--size_icon_more_padding--regular);
+--vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
+--vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
+--vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
+				}
+			}
+
+			.vkui--force-touch {
+				--vkui--font_display_title2--font_size: var(--vkui--font_display_title2--font_size--regular);
+--vkui--font_display_title2--line_height: var(--vkui--font_display_title2--line_height--regular);
+--vkui--font_display_title2--font_family: var(--vkui--font_display_title2--font_family--regular);
+--vkui--font_display_title2--font_weight: var(--vkui--font_display_title2--font_weight--regular);
+--vkui--font_text--font_size: var(--vkui--font_text--font_size--regular);
+--vkui--font_text--line_height: var(--vkui--font_text--line_height--regular);
+--vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--regular);
+--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);
+--vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--regular);
+--vkui--size_cell_height: var(--vkui--size_cell_height--regular);
+--vkui--size_field_height: var(--vkui--size_field_height--regular);
+--vkui--size_search_height: var(--vkui--size_search_height--regular);
+--vkui--size_button_extra_small_height: var(--vkui--size_button_extra_small_height--regular);
+--vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
+--vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
+--vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
+--vkui--size_button_padding_horizontal: var(--vkui--size_button_padding_horizontal--regular);
+--vkui--size_switch_height: var(--vkui--size_switch_height--regular);
+--vkui--size_switch_width: var(--vkui--size_switch_width--regular);
+--vkui--size_switch_pin: var(--vkui--size_switch_pin--regular);
+--vkui--size_panel_header_height: var(--vkui--size_panel_header_height--regular);
+--vkui--font_h0--font_size: var(--vkui--font_h0--font_size--regular);
+--vkui--font_h0--line_height: var(--vkui--font_h0--line_height--regular);
+--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);
+--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--regular);
+--vkui--font_h2--font_size: var(--vkui--font_h2--font_size--regular);
+--vkui--font_h2--line_height: var(--vkui--font_h2--line_height--regular);
+--vkui--size_base_padding: var(--vkui--size_base_padding--regular);
+--vkui--size_control_button_width_min: var(--vkui--size_control_button_width_min--regular);
+--vkui--size_field_width_min: var(--vkui--size_field_width_min--regular);
+--vkui--size_icon_more_padding: var(--vkui--size_icon_more_padding--regular);
+--vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
+--vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
+--vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
+			}