@vkontakte/vkui-tokens 4.5.2 → 4.8.0

package/themes/media/cssVars/declarations/noColors.css

@@ -11,51 +11,54 @@
 	--vkui--font_title1--font_size--regular: 24px;
 	--vkui--font_title1--line_height--regular: 28px;
 	--vkui--font_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title1--font_weight--regular: 600;
+	--vkui--font_title1--font_weight--regular: 500;
 	--vkui--font_title1--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title1--font_weight--compact: 600;
+	--vkui--font_title1--font_weight--compact: 500;
 	--vkui--font_title2--font_size--regular: 20px;
 	--vkui--font_title2--line_height--regular: 26px;
 	--vkui--font_title2--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title2--font_weight--regular: 600;
+	--vkui--font_title2--font_weight--regular: 500;
 	--vkui--font_title2--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title2--font_weight--compact: 600;
+	--vkui--font_title2--font_weight--compact: 500;
 	--vkui--font_title3--font_size--regular: 17px;
 	--vkui--font_title3--line_height--regular: 22px;
 	--vkui--font_title3--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title3--font_weight--regular: 600;
+	--vkui--font_title3--font_weight--regular: 500;
 	--vkui--font_title3--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title3--font_weight--compact: 600;
-	--vkui--font_headline1--font_size--regular: 16px;
+	--vkui--font_title3--font_weight--compact: 500;
+	--vkui--font_headline1--font_size--regular: 15px;
 	--vkui--font_headline1--line_height--regular: 20px;
-	--vkui--font_headline1--font_family--regular: Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_headline1--font_weight--regular: 400;
-	--vkui--font_headline1--font_size--compact: 15px;
+	--vkui--font_headline1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline1--font_weight--regular: 500;
+	--vkui--font_headline1--font_size--compact: 16px;
 	--vkui--font_headline1--line_height--compact: 20px;
-	--vkui--font_headline2--font_size--regular: 15px;
+	--vkui--font_headline1--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline1--font_weight--compact: 500;
+	--vkui--font_headline2--font_size--regular: 14px;
 	--vkui--font_headline2--line_height--regular: 20px;
-	--vkui--font_headline2--font_family--regular: Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_headline2--font_weight--regular: 400;
-	--vkui--font_headline2--font_size--compact: 14px;
+	--vkui--font_headline2--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2--font_weight--regular: 500;
+	--vkui--font_headline2--font_size--compact: 15px;
 	--vkui--font_headline2--line_height--compact: 20px;
-	--vkui--font_text--font_size--regular: 16px;
+	--vkui--font_headline2--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2--font_weight--compact: 500;
+	--vkui--font_text--font_size--regular: 15px;
 	--vkui--font_text--line_height--regular: 20px;
 	--vkui--font_text--font_family--regular: Inter, Helvetica, 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_text--font_size--compact: 16px;
+	--vkui--font_text--line_height--compact: 24px;
 	--vkui--font_paragraph--font_size--regular: 15px;
 	--vkui--font_paragraph--line_height--regular: 20px;
 	--vkui--font_paragraph--font_family--regular: Inter, Helvetica, Arial, sans-serif;
 	--vkui--font_paragraph--font_weight--regular: 400;
-	--vkui--font_subhead--font_size--regular: 14px;
+	--vkui--font_subhead--font_size--regular: 13px;
 	--vkui--font_subhead--line_height--regular: 18px;
-	--vkui--font_subhead--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_subhead--font_weight--regular: 600;
-	--vkui--font_subhead--font_size--compact: 13px;
+	--vkui--font_subhead--font_family--regular: Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_subhead--font_weight--regular: 400;
+	--vkui--font_subhead--font_size--compact: 14px;
 	--vkui--font_subhead--line_height--compact: 18px;
-	--vkui--font_subhead--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_subhead--font_weight--compact: 600;
+	--vkui--font_subhead--font_weight--compact: 400;
 	--vkui--font_footnote--font_size--regular: 13px;
 	--vkui--font_footnote--line_height--regular: 18px;
 	--vkui--font_footnote--font_family--regular: Inter, Helvetica, Arial, sans-serif;
@@ -142,7 +145,9 @@
 	--vkui--size_button_group_gap_space--regular: 1px;
 	--vkui--size_button_group_gap_small--regular: 8px;
 	--vkui--size_button_group_gap_medium--regular: 12px;
+	--vkui--size_option_hierarchy--regular: 32px;
 	--vkui--elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
+	--vkui--elevation1_invert_y: 0 -2px 0 0 rgba(0, 16, 61, 0.04);
 	--vkui--elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
 	--vkui--elevation3: 0 4px 20px 0 rgba(0,0,0,.16);
 	--vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
@@ -268,6 +273,57 @@
 	--vkui--font_family_article: Georgia, serif;
 	--vkui--font_weight_article1: 400;
 	--vkui--font_weight_article2: 700;
+	--vkui--media_font_media_header--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_header--font_weight--regular: 500;
+	--vkui--media_font_media_header--font_size--regular: 36px;
+	--vkui--media_font_media_header--line_height--regular: 44px;
+	--vkui--media_font_media_header--letter_spacing--regular: -0.5%;
+	--vkui--media_font_media_header--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_header--font_weight--compact: 500;
+	--vkui--media_font_media_header--font_size--compact: 40px;
+	--vkui--media_font_media_header--line_height--compact: 48px;
+	--vkui--media_font_media_header--letter_spacing--compact: -0.5%;
+	--vkui--media_font_media_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title1--font_weight--regular: 500;
+	--vkui--media_font_media_title1--font_size--regular: 28px;
+	--vkui--media_font_media_title1--line_height--regular: 36px;
+	--vkui--media_font_media_title1--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title1--font_weight--compact: 500;
+	--vkui--media_font_media_title1--font_size--compact: 28px;
+	--vkui--media_font_media_title1--line_height--compact: 36px;
+	--vkui--media_font_media_title2--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title2--font_weight--regular: 500;
+	--vkui--media_font_media_title2--font_size--regular: 24px;
+	--vkui--media_font_media_title2--line_height--regular: 32px;
+	--vkui--media_font_media_title2--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title2--font_weight--compact: 500;
+	--vkui--media_font_media_title2--font_size--compact: 24px;
+	--vkui--media_font_media_title2--line_height--compact: 32px;
+	--vkui--media_font_media_title3--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title3--font_weight--regular: 500;
+	--vkui--media_font_media_title3--font_size--regular: 20px;
+	--vkui--media_font_media_title3--line_height--regular: 28px;
+	--vkui--media_font_media_title3--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title3--font_weight--compact: 500;
+	--vkui--media_font_media_title3--font_size--compact: 20px;
+	--vkui--media_font_media_title3--line_height--compact: 28px;
+	--vkui--media_font_media_lead--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_lead--font_weight--regular: 500;
+	--vkui--media_font_media_lead--font_size--regular: 19px;
+	--vkui--media_font_media_lead--line_height--regular: 28px;
+	--vkui--media_font_media_lead--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_lead--font_weight--compact: 500;
+	--vkui--media_font_media_lead--font_size--compact: 22px;
+	--vkui--media_font_media_lead--line_height--compact: 32px;
+	--vkui--media_font_media_lead--letter_spacing--compact: -0.3%;
+	--vkui--media_font_media_paragraph--font_family--regular: Georgia, serif;
+	--vkui--media_font_media_paragraph--font_weight--regular: 400;
+	--vkui--media_font_media_paragraph--font_size--regular: 18px;
+	--vkui--media_font_media_paragraph--line_height--regular: 28px;
+	--vkui--media_font_media_paragraph--font_family--compact: Georgia, serif;
+	--vkui--media_font_media_paragraph--font_weight--compact: 400;
+	--vkui--media_font_media_paragraph--font_size--compact: 19px;
+	--vkui--media_font_media_paragraph--line_height--compact: 32px;
 	--vkui--font_h3--font_size--regular: 20px;
 	--vkui--font_h3--line_height--regular: 26px;
 	--vkui--font_h3--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
@@ -325,12 +381,14 @@
 	--vkui--grid_layout_banner--compact: 280px;
 	--vkui--grid_layout_banner--regular: 280px;
 	--vkui--grid_layout_banner--large: 560px;
-	--vkui--font_headline--font_size--regular: 16px;
+	--vkui--font_headline--font_size--regular: 15px;
 	--vkui--font_headline--line_height--regular: 20px;
-	--vkui--font_headline--font_family--regular: Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_headline--font_weight--regular: 400;
-	--vkui--font_headline--font_size--compact: 15px;
+	--vkui--font_headline--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline--font_weight--regular: 500;
+	--vkui--font_headline--font_size--compact: 16px;
 	--vkui--font_headline--line_height--compact: 20px;
+	--vkui--font_headline--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline--font_weight--compact: 500;
 }
 
 .vkui--font_title1--regular {
@@ -340,8 +398,8 @@
 	line-height: var(--vkui--font_title1--line_height--regular, 28px);
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_title1--font_weight--regular, 600);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title1--font_weight--regular, 500);
 }
 .vkui--font_title1--compact {
 	font-size: 24px;
@@ -350,8 +408,8 @@
 	line-height: var(--vkui--font_title1--line_height--regular, 28px);
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--font_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_title1--font_weight--compact, 600);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title1--font_weight--compact, 500);
 }
 .vkui--font_title2--regular {
 	font-size: 20px;
@@ -360,8 +418,8 @@
 	line-height: var(--vkui--font_title2--line_height--regular, 26px);
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_title2--font_weight--regular, 600);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title2--font_weight--regular, 500);
 }
 .vkui--font_title2--compact {
 	font-size: 20px;
@@ -370,8 +428,8 @@
 	line-height: var(--vkui--font_title2--line_height--regular, 26px);
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--font_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_title2--font_weight--compact, 600);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title2--font_weight--compact, 500);
 }
 .vkui--font_title3--regular {
 	font-size: 17px;
@@ -380,8 +438,8 @@
 	line-height: var(--vkui--font_title3--line_height--regular, 22px);
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_title3--font_weight--regular, 600);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title3--font_weight--regular, 500);
 }
 .vkui--font_title3--compact {
 	font-size: 17px;
@@ -390,52 +448,52 @@
 	line-height: var(--vkui--font_title3--line_height--regular, 22px);
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--font_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_title3--font_weight--compact, 600);
+	font-weight: 500;
+	font-weight: var(--vkui--font_title3--font_weight--compact, 500);
 }
 .vkui--font_headline1--regular {
-	font-size: 16px;
-	font-size: var(--vkui--font_headline1--font_size--regular, 16px);
+	font-size: 15px;
+	font-size: var(--vkui--font_headline1--font_size--regular, 15px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline1--line_height--regular, 20px);
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline1--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_headline1--font_weight--regular, 400);
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_headline1--font_weight--regular, 500);
 }
 .vkui--font_headline1--compact {
-	font-size: 15px;
-	font-size: var(--vkui--font_headline1--font_size--compact, 15px);
+	font-size: 16px;
+	font-size: var(--vkui--font_headline1--font_size--compact, 16px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline1--line_height--compact, 20px);
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline1--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_headline1--font_weight--regular, 400);
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_headline1--font_weight--compact, 500);
 }
 .vkui--font_headline2--regular {
-	font-size: 15px;
-	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
+	font-size: 14px;
+	font-size: var(--vkui--font_headline2--font_size--regular, 14px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline2--line_height--regular, 20px);
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline2--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_headline2--font_weight--regular, 400);
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
 }
 .vkui--font_headline2--compact {
-	font-size: 14px;
-	font-size: var(--vkui--font_headline2--font_size--compact, 14px);
+	font-size: 15px;
+	font-size: var(--vkui--font_headline2--font_size--compact, 15px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline2--line_height--compact, 20px);
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline2--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_headline2--font_weight--regular, 400);
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_headline2--font_weight--compact, 500);
 }
 .vkui--font_text--regular {
-	font-size: 16px;
-	font-size: var(--vkui--font_text--font_size--regular, 16px);
+	font-size: 15px;
+	font-size: var(--vkui--font_text--font_size--regular, 15px);
 	line-height: 20px;
 	line-height: var(--vkui--font_text--line_height--regular, 20px);
 	font-family: Inter, Helvetica, Arial, sans-serif;
@@ -444,10 +502,10 @@
 	font-weight: var(--vkui--font_text--font_weight--regular, 400);
 }
 .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-size: 16px;
+	font-size: var(--vkui--font_text--font_size--compact, 16px);
+	line-height: 24px;
+	line-height: var(--vkui--font_text--line_height--compact, 24px);
 	font-family: Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif);
 	font-weight: 400;
@@ -464,24 +522,24 @@
 	font-weight: var(--vkui--font_paragraph--font_weight--regular, 400);
 }
 .vkui--font_subhead--regular {
-	font-size: 14px;
-	font-size: var(--vkui--font_subhead--font_size--regular, 14px);
+	font-size: 13px;
+	font-size: var(--vkui--font_subhead--font_size--regular, 13px);
 	line-height: 18px;
 	line-height: var(--vkui--font_subhead--line_height--regular, 18px);
-	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_subhead--font_weight--regular, 600);
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_subhead--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
 }
 .vkui--font_subhead--compact {
-	font-size: 13px;
-	font-size: var(--vkui--font_subhead--font_size--compact, 13px);
+	font-size: 14px;
+	font-size: var(--vkui--font_subhead--font_size--compact, 14px);
 	line-height: 18px;
 	line-height: var(--vkui--font_subhead--line_height--compact, 18px);
-	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_subhead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_subhead--font_weight--compact, 600);
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_subhead--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--font_subhead--font_weight--compact, 400);
 }
 .vkui--font_footnote--regular {
 	font-size: 13px;
@@ -493,6 +551,16 @@
 	font-weight: 400;
 	font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
 }
+.vkui--font_footnote--compact {
+	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: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
+}
 .vkui--font_footnote_caps--regular {
 	font-size: 13px;
 	font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
@@ -507,6 +575,20 @@
 	letter-spacing: 0.3px;
 	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
 }
+.vkui--font_footnote_caps--compact {
+	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: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_footnote_caps--font_family--regular, Inter, Helvetica, 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);
+	letter-spacing: 0.3px;
+	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
+}
 .vkui--font_caption1--regular {
 	font-size: 12px;
 	font-size: var(--vkui--font_caption1--font_size--regular, 12px);
@@ -517,6 +599,16 @@
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
 }
+.vkui--font_caption1--compact {
+	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: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
+}
 .vkui--font_caption1_caps--regular {
 	font-size: 12px;
 	font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
@@ -531,6 +623,20 @@
 	letter-spacing: 0.26px;
 	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
 }
+.vkui--font_caption1_caps--compact {
+	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: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_caption1_caps--font_family--regular, Inter, Helvetica, 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);
+	letter-spacing: 0.26px;
+	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
+}
 .vkui--font_caption2--regular {
 	font-size: 11px;
 	font-size: var(--vkui--font_caption2--font_size--regular, 11px);
@@ -541,6 +647,16 @@
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
 }
+.vkui--font_caption2--compact {
+	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: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
+}
 .vkui--font_caption2_caps--regular {
 	font-size: 11px;
 	font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
@@ -555,6 +671,20 @@
 	letter-spacing: 0.22px;
 	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
 }
+.vkui--font_caption2_caps--compact {
+	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: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_caption2_caps--font_family--regular, Inter, Helvetica, 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);
+	letter-spacing: 0.22px;
+	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
+}
 .vkui--font_caption3--regular {
 	font-size: 9px;
 	font-size: var(--vkui--font_caption3--font_size--regular, 9px);
@@ -565,6 +695,16 @@
 	font-weight: 400;
 	font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
 }
+.vkui--font_caption3--compact {
+	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: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
+}
 .vkui--font_caption3_caps--regular {
 	font-size: 9px;
 	font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
@@ -579,6 +719,20 @@
 	letter-spacing: 0.16px;
 	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
 }
+.vkui--font_caption3_caps--compact {
+	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: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_caption3_caps--font_family--regular, Inter, Helvetica, 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);
+	letter-spacing: 0.16px;
+	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
+}
 .vkui--font_h0--regular {
 	font-size: 28px;
 	font-size: var(--vkui--font_h0--font_size--regular, 28px);
@@ -639,6 +793,132 @@
 	font-weight: 500;
 	font-weight: var(--vkui--font_h2--font_weight--compact, 500);
 }
+.vkui--media_font_media_header--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_header--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_header--font_weight--regular, 500);
+	font-size: 36px;
+	font-size: var(--vkui--media_font_media_header--font_size--regular, 36px);
+	line-height: 44px;
+	line-height: var(--vkui--media_font_media_header--line_height--regular, 44px);
+	letter-spacing: -0.5%;
+	letter-spacing: var(--vkui--media_font_media_header--letter_spacing--regular, -0.5%);
+}
+.vkui--media_font_media_header--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_header--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_header--font_weight--compact, 500);
+	font-size: 40px;
+	font-size: var(--vkui--media_font_media_header--font_size--compact, 40px);
+	line-height: 48px;
+	line-height: var(--vkui--media_font_media_header--line_height--compact, 48px);
+	letter-spacing: -0.5%;
+	letter-spacing: var(--vkui--media_font_media_header--letter_spacing--compact, -0.5%);
+}
+.vkui--media_font_media_title1--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title1--font_weight--regular, 500);
+	font-size: 28px;
+	font-size: var(--vkui--media_font_media_title1--font_size--regular, 28px);
+	line-height: 36px;
+	line-height: var(--vkui--media_font_media_title1--line_height--regular, 36px);
+}
+.vkui--media_font_media_title1--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title1--font_weight--compact, 500);
+	font-size: 28px;
+	font-size: var(--vkui--media_font_media_title1--font_size--compact, 28px);
+	line-height: 36px;
+	line-height: var(--vkui--media_font_media_title1--line_height--compact, 36px);
+}
+.vkui--media_font_media_title2--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title2--font_weight--regular, 500);
+	font-size: 24px;
+	font-size: var(--vkui--media_font_media_title2--font_size--regular, 24px);
+	line-height: 32px;
+	line-height: var(--vkui--media_font_media_title2--line_height--regular, 32px);
+}
+.vkui--media_font_media_title2--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title2--font_weight--compact, 500);
+	font-size: 24px;
+	font-size: var(--vkui--media_font_media_title2--font_size--compact, 24px);
+	line-height: 32px;
+	line-height: var(--vkui--media_font_media_title2--line_height--compact, 32px);
+}
+.vkui--media_font_media_title3--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title3--font_weight--regular, 500);
+	font-size: 20px;
+	font-size: var(--vkui--media_font_media_title3--font_size--regular, 20px);
+	line-height: 28px;
+	line-height: var(--vkui--media_font_media_title3--line_height--regular, 28px);
+}
+.vkui--media_font_media_title3--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title3--font_weight--compact, 500);
+	font-size: 20px;
+	font-size: var(--vkui--media_font_media_title3--font_size--compact, 20px);
+	line-height: 28px;
+	line-height: var(--vkui--media_font_media_title3--line_height--compact, 28px);
+}
+.vkui--media_font_media_lead--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_lead--font_weight--regular, 500);
+	font-size: 19px;
+	font-size: var(--vkui--media_font_media_lead--font_size--regular, 19px);
+	line-height: 28px;
+	line-height: var(--vkui--media_font_media_lead--line_height--regular, 28px);
+}
+.vkui--media_font_media_lead--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_lead--font_weight--compact, 500);
+	font-size: 22px;
+	font-size: var(--vkui--media_font_media_lead--font_size--compact, 22px);
+	line-height: 32px;
+	line-height: var(--vkui--media_font_media_lead--line_height--compact, 32px);
+	letter-spacing: -0.3%;
+	letter-spacing: var(--vkui--media_font_media_lead--letter_spacing--compact, -0.3%);
+}
+.vkui--media_font_media_paragraph--regular {
+	font-family: Georgia, serif;
+	font-family: var(--vkui--media_font_media_paragraph--font_family--regular, Georgia, serif);
+	font-weight: 400;
+	font-weight: var(--vkui--media_font_media_paragraph--font_weight--regular, 400);
+	font-size: 18px;
+	font-size: var(--vkui--media_font_media_paragraph--font_size--regular, 18px);
+	line-height: 28px;
+	line-height: var(--vkui--media_font_media_paragraph--line_height--regular, 28px);
+}
+.vkui--media_font_media_paragraph--compact {
+	font-family: Georgia, serif;
+	font-family: var(--vkui--media_font_media_paragraph--font_family--compact, Georgia, serif);
+	font-weight: 400;
+	font-weight: var(--vkui--media_font_media_paragraph--font_weight--compact, 400);
+	font-size: 19px;
+	font-size: var(--vkui--media_font_media_paragraph--font_size--compact, 19px);
+	line-height: 32px;
+	line-height: var(--vkui--media_font_media_paragraph--line_height--compact, 32px);
+}
 .vkui--font_h3--regular {
 	font-size: 20px;
 	font-size: var(--vkui--font_h3--font_size--regular, 20px);
@@ -712,22 +992,22 @@
 	font-weight: var(--vkui--font_specific_button--font_weight--regular, 500);
 }
 .vkui--font_headline--regular {
-	font-size: 16px;
-	font-size: var(--vkui--font_headline--font_size--regular, 16px);
+	font-size: 15px;
+	font-size: var(--vkui--font_headline--font_size--regular, 15px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline--line_height--regular, 20px);
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_headline--font_weight--regular, 400);
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_headline--font_weight--regular, 500);
 }
 .vkui--font_headline--compact {
-	font-size: 15px;
-	font-size: var(--vkui--font_headline--font_size--compact, 15px);
+	font-size: 16px;
+	font-size: var(--vkui--font_headline--font_size--compact, 16px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline--line_height--compact, 20px);
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_headline--font_weight--regular, 400);
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--font_headline--font_weight--compact, 500);
 }