@vkontakte/vkui-tokens 4.5.2 → 4.8.0

package/themes/mediaDark/cssVars/theme/fallbacks/index.scss

@@ -53,7 +53,9 @@ $var(--vkui--prefix, vkui)-size-base-padding-horizontal--regular: var(--vkui--si
 $var(--vkui--prefix, vkui)-size-button-group-gap-space--regular: var(--vkui--size_button_group_gap_space--regular, 1px);
 $var(--vkui--prefix, vkui)-size-button-group-gap-small--regular: var(--vkui--size_button_group_gap_small--regular, 8px);
 $var(--vkui--prefix, vkui)-size-button-group-gap-medium--regular: var(--vkui--size_button_group_gap_medium--regular, 12px);
+$var(--vkui--prefix, vkui)-size-option-hierarchy--regular: var(--vkui--size_option_hierarchy--regular, 32px);
 $var(--vkui--prefix, vkui)-elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
+$var(--vkui--prefix, vkui)-elevation1-invert-y: var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 16, 61, 0.04));
 $var(--vkui--prefix, vkui)-elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
 $var(--vkui--prefix, vkui)-elevation3: var(--vkui--elevation3, 0 4px 20px 0 rgba(0,0,0,.16));
 $var(--vkui--prefix, vkui)-elevation4: var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
@@ -229,6 +231,9 @@ $var(--vkui--prefix, vkui)-color-background-positive--active: var(--vkui--color_
 $var(--vkui--prefix, vkui)-color-background-negative-tint: var(--vkui--color_background_negative_tint, #522e2e);
 $var(--vkui--prefix, vkui)-color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #593636);
 $var(--vkui--prefix, vkui)-color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #603F3F);
+$var(--vkui--prefix, vkui)-color-field-background: var(--vkui--color_field_background, #232324);
+$var(--vkui--prefix, vkui)-color-field-background--hover: var(--vkui--color_field_background--hover, #2C2C2D);
+$var(--vkui--prefix, vkui)-color-field-background--active: var(--vkui--color_field_background--active, #353536);
 $var(--vkui--prefix, vkui)-color-text-accent: var(--vkui--color_text_accent, #3C82FD);
 $var(--vkui--prefix, vkui)-color-text-accent--hover: var(--vkui--color_text_accent--hover, #4487FD);
 $var(--vkui--prefix, vkui)-color-text-accent--active: var(--vkui--color_text_accent--active, #4C8CFD);
@@ -505,179 +510,179 @@ $var(--vkui--prefix, vkui)-color-social-dribbble--active: var(--vkui--color_soci
 	font-size: var(--vkui--font_title1--font_size--regular, 24px);
 	line-height: var(--vkui--font_title1--line_height--regular, 28px);
 	font-family: var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_title1--font_weight--regular, 600);
+	font-weight: var(--vkui--font_title1--font_weight--regular, 500);
 }
 $var(--vkui--prefix, vkui)-font-title1--regular--map: (
 	'fontSize': "var(--vkui--font_title1--font_size--regular, 24px)",
 	'lineHeight': "var(--vkui--font_title1--line_height--regular, 28px)",
 	'fontFamily': "var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title1--font_weight--regular, 600)",
+	'fontWeight': "var(--vkui--font_title1--font_weight--regular, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-title1--compact() {
 	font-size: var(--vkui--font_title1--font_size--regular, 24px);
 	line-height: var(--vkui--font_title1--line_height--regular, 28px);
 	font-family: var(--vkui--font_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_title1--font_weight--compact, 600);
+	font-weight: var(--vkui--font_title1--font_weight--compact, 500);
 }
 $var(--vkui--prefix, vkui)-font-title1--regular--map: (
 	'fontSize': "var(--vkui--font_title1--font_size--regular, 24px)",
 	'lineHeight': "var(--vkui--font_title1--line_height--regular, 28px)",
 	'fontFamily': "var(--vkui--font_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title1--font_weight--regular, 600)",
+	'fontWeight': "var(--vkui--font_title1--font_weight--regular, 500)",
 );
 $var(--vkui--prefix, vkui)-font-title1--compact--map: (
 	'fontSize': "var(--vkui--font_title1--font_size--regular, 24px)",
 	'lineHeight': "var(--vkui--font_title1--line_height--regular, 28px)",
 	'fontFamily': "var(--vkui--font_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title1--font_weight--compact, 600)",
+	'fontWeight': "var(--vkui--font_title1--font_weight--compact, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-title2--regular() {
 	font-size: var(--vkui--font_title2--font_size--regular, 20px);
 	line-height: var(--vkui--font_title2--line_height--regular, 26px);
 	font-family: var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_title2--font_weight--regular, 600);
+	font-weight: var(--vkui--font_title2--font_weight--regular, 500);
 }
 $var(--vkui--prefix, vkui)-font-title2--regular--map: (
 	'fontSize': "var(--vkui--font_title2--font_size--regular, 20px)",
 	'lineHeight': "var(--vkui--font_title2--line_height--regular, 26px)",
 	'fontFamily': "var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title2--font_weight--regular, 600)",
+	'fontWeight': "var(--vkui--font_title2--font_weight--regular, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-title2--compact() {
 	font-size: var(--vkui--font_title2--font_size--regular, 20px);
 	line-height: var(--vkui--font_title2--line_height--regular, 26px);
 	font-family: var(--vkui--font_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_title2--font_weight--compact, 600);
+	font-weight: var(--vkui--font_title2--font_weight--compact, 500);
 }
 $var(--vkui--prefix, vkui)-font-title2--regular--map: (
 	'fontSize': "var(--vkui--font_title2--font_size--regular, 20px)",
 	'lineHeight': "var(--vkui--font_title2--line_height--regular, 26px)",
 	'fontFamily': "var(--vkui--font_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title2--font_weight--regular, 600)",
+	'fontWeight': "var(--vkui--font_title2--font_weight--regular, 500)",
 );
 $var(--vkui--prefix, vkui)-font-title2--compact--map: (
 	'fontSize': "var(--vkui--font_title2--font_size--regular, 20px)",
 	'lineHeight': "var(--vkui--font_title2--line_height--regular, 26px)",
 	'fontFamily': "var(--vkui--font_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title2--font_weight--compact, 600)",
+	'fontWeight': "var(--vkui--font_title2--font_weight--compact, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-title3--regular() {
 	font-size: var(--vkui--font_title3--font_size--regular, 17px);
 	line-height: var(--vkui--font_title3--line_height--regular, 22px);
 	font-family: var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_title3--font_weight--regular, 600);
+	font-weight: var(--vkui--font_title3--font_weight--regular, 500);
 }
 $var(--vkui--prefix, vkui)-font-title3--regular--map: (
 	'fontSize': "var(--vkui--font_title3--font_size--regular, 17px)",
 	'lineHeight': "var(--vkui--font_title3--line_height--regular, 22px)",
 	'fontFamily': "var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title3--font_weight--regular, 600)",
+	'fontWeight': "var(--vkui--font_title3--font_weight--regular, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-title3--compact() {
 	font-size: var(--vkui--font_title3--font_size--regular, 17px);
 	line-height: var(--vkui--font_title3--line_height--regular, 22px);
 	font-family: var(--vkui--font_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_title3--font_weight--compact, 600);
+	font-weight: var(--vkui--font_title3--font_weight--compact, 500);
 }
 $var(--vkui--prefix, vkui)-font-title3--regular--map: (
 	'fontSize': "var(--vkui--font_title3--font_size--regular, 17px)",
 	'lineHeight': "var(--vkui--font_title3--line_height--regular, 22px)",
 	'fontFamily': "var(--vkui--font_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title3--font_weight--regular, 600)",
+	'fontWeight': "var(--vkui--font_title3--font_weight--regular, 500)",
 );
 $var(--vkui--prefix, vkui)-font-title3--compact--map: (
 	'fontSize': "var(--vkui--font_title3--font_size--regular, 17px)",
 	'lineHeight': "var(--vkui--font_title3--line_height--regular, 22px)",
 	'fontFamily': "var(--vkui--font_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_title3--font_weight--compact, 600)",
+	'fontWeight': "var(--vkui--font_title3--font_weight--compact, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-headline1--regular() {
-	font-size: var(--vkui--font_headline1--font_size--regular, 16px);
+	font-size: var(--vkui--font_headline1--font_size--regular, 15px);
 	line-height: var(--vkui--font_headline1--line_height--regular, 20px);
-	font-family: var(--vkui--font_headline1--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_headline1--font_weight--regular, 400);
+	font-family: var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_headline1--font_weight--regular, 500);
 }
 $var(--vkui--prefix, vkui)-font-headline1--regular--map: (
-	'fontSize': "var(--vkui--font_headline1--font_size--regular, 16px)",
+	'fontSize': "var(--vkui--font_headline1--font_size--regular, 15px)",
 	'lineHeight': "var(--vkui--font_headline1--line_height--regular, 20px)",
-	'fontFamily': "var(--vkui--font_headline1--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-headline1--compact() {
-	font-size: var(--vkui--font_headline1--font_size--compact, 15px);
+	font-size: var(--vkui--font_headline1--font_size--compact, 16px);
 	line-height: var(--vkui--font_headline1--line_height--compact, 20px);
-	font-family: var(--vkui--font_headline1--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_headline1--font_weight--regular, 400);
+	font-family: var(--vkui--font_headline1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_headline1--font_weight--compact, 500);
 }
 $var(--vkui--prefix, vkui)-font-headline1--regular--map: (
-	'fontSize': "var(--vkui--font_headline1--font_size--regular, 16px)",
+	'fontSize': "var(--vkui--font_headline1--font_size--regular, 15px)",
 	'lineHeight': "var(--vkui--font_headline1--line_height--regular, 20px)",
-	'fontFamily': "var(--vkui--font_headline1--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 500)",
 );
 $var(--vkui--prefix, vkui)-font-headline1--compact--map: (
-	'fontSize': "var(--vkui--font_headline1--font_size--compact, 15px)",
+	'fontSize': "var(--vkui--font_headline1--font_size--compact, 16px)",
 	'lineHeight': "var(--vkui--font_headline1--line_height--compact, 20px)",
-	'fontFamily': "var(--vkui--font_headline1--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline1--font_weight--compact, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-headline2--regular() {
-	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
+	font-size: var(--vkui--font_headline2--font_size--regular, 14px);
 	line-height: var(--vkui--font_headline2--line_height--regular, 20px);
-	font-family: var(--vkui--font_headline2--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_headline2--font_weight--regular, 400);
+	font-family: var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
 }
 $var(--vkui--prefix, vkui)-font-headline2--regular--map: (
-	'fontSize': "var(--vkui--font_headline2--font_size--regular, 15px)",
+	'fontSize': "var(--vkui--font_headline2--font_size--regular, 14px)",
 	'lineHeight': "var(--vkui--font_headline2--line_height--regular, 20px)",
-	'fontFamily': "var(--vkui--font_headline2--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline2--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline2--font_weight--regular, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-headline2--compact() {
-	font-size: var(--vkui--font_headline2--font_size--compact, 14px);
+	font-size: var(--vkui--font_headline2--font_size--compact, 15px);
 	line-height: var(--vkui--font_headline2--line_height--compact, 20px);
-	font-family: var(--vkui--font_headline2--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_headline2--font_weight--regular, 400);
+	font-family: var(--vkui--font_headline2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_headline2--font_weight--compact, 500);
 }
 $var(--vkui--prefix, vkui)-font-headline2--regular--map: (
-	'fontSize': "var(--vkui--font_headline2--font_size--regular, 15px)",
+	'fontSize': "var(--vkui--font_headline2--font_size--regular, 14px)",
 	'lineHeight': "var(--vkui--font_headline2--line_height--regular, 20px)",
-	'fontFamily': "var(--vkui--font_headline2--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline2--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline2--font_weight--regular, 500)",
 );
 $var(--vkui--prefix, vkui)-font-headline2--compact--map: (
-	'fontSize': "var(--vkui--font_headline2--font_size--compact, 14px)",
+	'fontSize': "var(--vkui--font_headline2--font_size--compact, 15px)",
 	'lineHeight': "var(--vkui--font_headline2--line_height--compact, 20px)",
-	'fontFamily': "var(--vkui--font_headline2--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline2--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline2--font_weight--compact, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-text--regular() {
-	font-size: var(--vkui--font_text--font_size--regular, 16px);
+	font-size: var(--vkui--font_text--font_size--regular, 15px);
 	line-height: var(--vkui--font_text--line_height--regular, 20px);
 	font-family: var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_text--font_weight--regular, 400);
 }
 $var(--vkui--prefix, vkui)-font-text--regular--map: (
-	'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
+	'fontSize': "var(--vkui--font_text--font_size--regular, 15px)",
 	'lineHeight': "var(--vkui--font_text--line_height--regular, 20px)",
 	'fontFamily': "var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_text--font_weight--regular, 400)",
 );
 @mixin var(--vkui--prefix, vkui)-font-text--compact() {
-	font-size: var(--vkui--font_text--font_size--compact, 15px);
-	line-height: var(--vkui--font_text--line_height--compact, 20px);
+	font-size: var(--vkui--font_text--font_size--compact, 16px);
+	line-height: var(--vkui--font_text--line_height--compact, 24px);
 	font-family: var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_text--font_weight--regular, 400);
 }
 $var(--vkui--prefix, vkui)-font-text--regular--map: (
-	'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
+	'fontSize': "var(--vkui--font_text--font_size--regular, 15px)",
 	'lineHeight': "var(--vkui--font_text--line_height--regular, 20px)",
 	'fontFamily': "var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_text--font_weight--regular, 400)",
 );
 $var(--vkui--prefix, vkui)-font-text--compact--map: (
-	'fontSize': "var(--vkui--font_text--font_size--compact, 15px)",
-	'lineHeight': "var(--vkui--font_text--line_height--compact, 20px)",
+	'fontSize': "var(--vkui--font_text--font_size--compact, 16px)",
+	'lineHeight': "var(--vkui--font_text--line_height--compact, 24px)",
 	'fontFamily': "var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_text--font_weight--regular, 400)",
 );
@@ -694,34 +699,34 @@ $var(--vkui--prefix, vkui)-font-paragraph--regular--map: (
 	'fontWeight': "var(--vkui--font_paragraph--font_weight--regular, 400)",
 );
 @mixin var(--vkui--prefix, vkui)-font-subhead--regular() {
-	font-size: var(--vkui--font_subhead--font_size--regular, 14px);
+	font-size: var(--vkui--font_subhead--font_size--regular, 13px);
 	line-height: var(--vkui--font_subhead--line_height--regular, 18px);
-	font-family: var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_subhead--font_weight--regular, 600);
+	font-family: var(--vkui--font_subhead--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
 }
 $var(--vkui--prefix, vkui)-font-subhead--regular--map: (
-	'fontSize': "var(--vkui--font_subhead--font_size--regular, 14px)",
+	'fontSize': "var(--vkui--font_subhead--font_size--regular, 13px)",
 	'lineHeight': "var(--vkui--font_subhead--line_height--regular, 18px)",
-	'fontFamily': "var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_subhead--font_weight--regular, 600)",
+	'fontFamily': "var(--vkui--font_subhead--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_subhead--font_weight--regular, 400)",
 );
 @mixin var(--vkui--prefix, vkui)-font-subhead--compact() {
-	font-size: var(--vkui--font_subhead--font_size--compact, 13px);
+	font-size: var(--vkui--font_subhead--font_size--compact, 14px);
 	line-height: var(--vkui--font_subhead--line_height--compact, 18px);
-	font-family: var(--vkui--font_subhead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_subhead--font_weight--compact, 600);
+	font-family: var(--vkui--font_subhead--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_subhead--font_weight--compact, 400);
 }
 $var(--vkui--prefix, vkui)-font-subhead--regular--map: (
-	'fontSize': "var(--vkui--font_subhead--font_size--regular, 14px)",
+	'fontSize': "var(--vkui--font_subhead--font_size--regular, 13px)",
 	'lineHeight': "var(--vkui--font_subhead--line_height--regular, 18px)",
-	'fontFamily': "var(--vkui--font_subhead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_subhead--font_weight--regular, 600)",
+	'fontFamily': "var(--vkui--font_subhead--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_subhead--font_weight--regular, 400)",
 );
 $var(--vkui--prefix, vkui)-font-subhead--compact--map: (
-	'fontSize': "var(--vkui--font_subhead--font_size--compact, 13px)",
+	'fontSize': "var(--vkui--font_subhead--font_size--compact, 14px)",
 	'lineHeight': "var(--vkui--font_subhead--line_height--compact, 18px)",
-	'fontFamily': "var(--vkui--font_subhead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_subhead--font_weight--compact, 600)",
+	'fontFamily': "var(--vkui--font_subhead--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_subhead--font_weight--compact, 400)",
 );
 @mixin var(--vkui--prefix, vkui)-font-footnote--regular() {
 	font-size: var(--vkui--font_footnote--font_size--regular, 13px);
@@ -735,6 +740,24 @@ $var(--vkui--prefix, vkui)-font-footnote--regular--map: (
 	'fontFamily': "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_footnote--font_weight--regular, 400)",
 );
+@mixin var(--vkui--prefix, vkui)-font-footnote--compact() {
+	font-size: var(--vkui--font_footnote--font_size--regular, 13px);
+	line-height: var(--vkui--font_footnote--line_height--regular, 18px);
+	font-family: var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
+}
+$var(--vkui--prefix, vkui)-font-footnote--regular--map: (
+	'fontSize': "var(--vkui--font_footnote--font_size--regular, 13px)",
+	'lineHeight': "var(--vkui--font_footnote--line_height--regular, 18px)",
+	'fontFamily': "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_footnote--font_weight--regular, 400)",
+);
+$var(--vkui--prefix, vkui)-font-footnote--compact--map: (
+	'fontSize': "var(--vkui--font_footnote--font_size--regular, 13px)",
+	'lineHeight': "var(--vkui--font_footnote--line_height--regular, 18px)",
+	'fontFamily': "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_footnote--font_weight--regular, 400)",
+);
 @mixin var(--vkui--prefix, vkui)-font-footnote-caps--regular() {
 	font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
 	line-height: var(--vkui--font_footnote_caps--line_height--regular, 18px);
@@ -751,6 +774,30 @@ $var(--vkui--prefix, vkui)-font-footnote-caps--regular--map: (
 	'textTransform': "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)",
 	'letterSpacing': "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)",
 );
+@mixin var(--vkui--prefix, vkui)-font-footnote-caps--compact() {
+	font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
+	line-height: var(--vkui--font_footnote_caps--line_height--regular, 18px);
+	font-family: var(--vkui--font_footnote_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
+	text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
+	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
+}
+$var(--vkui--prefix, vkui)-font-footnote-caps--regular--map: (
+	'fontSize': "var(--vkui--font_footnote_caps--font_size--regular, 13px)",
+	'lineHeight': "var(--vkui--font_footnote_caps--line_height--regular, 18px)",
+	'fontFamily': "var(--vkui--font_footnote_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_footnote_caps--font_weight--regular, 400)",
+	'textTransform': "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)",
+	'letterSpacing': "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)",
+);
+$var(--vkui--prefix, vkui)-font-footnote-caps--compact--map: (
+	'fontSize': "var(--vkui--font_footnote_caps--font_size--regular, 13px)",
+	'lineHeight': "var(--vkui--font_footnote_caps--line_height--regular, 18px)",
+	'fontFamily': "var(--vkui--font_footnote_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_footnote_caps--font_weight--regular, 400)",
+	'textTransform': "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)",
+	'letterSpacing': "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)",
+);
 @mixin var(--vkui--prefix, vkui)-font-caption1--regular() {
 	font-size: var(--vkui--font_caption1--font_size--regular, 12px);
 	line-height: var(--vkui--font_caption1--line_height--regular, 16px);
@@ -763,6 +810,24 @@ $var(--vkui--prefix, vkui)-font-caption1--regular--map: (
 	'fontFamily': "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_caption1--font_weight--regular, 400)",
 );
+@mixin var(--vkui--prefix, vkui)-font-caption1--compact() {
+	font-size: var(--vkui--font_caption1--font_size--regular, 12px);
+	line-height: var(--vkui--font_caption1--line_height--regular, 16px);
+	font-family: var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
+}
+$var(--vkui--prefix, vkui)-font-caption1--regular--map: (
+	'fontSize': "var(--vkui--font_caption1--font_size--regular, 12px)",
+	'lineHeight': "var(--vkui--font_caption1--line_height--regular, 16px)",
+	'fontFamily': "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption1--font_weight--regular, 400)",
+);
+$var(--vkui--prefix, vkui)-font-caption1--compact--map: (
+	'fontSize': "var(--vkui--font_caption1--font_size--regular, 12px)",
+	'lineHeight': "var(--vkui--font_caption1--line_height--regular, 16px)",
+	'fontFamily': "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption1--font_weight--regular, 400)",
+);
 @mixin var(--vkui--prefix, vkui)-font-caption1-caps--regular() {
 	font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
 	line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
@@ -779,6 +844,30 @@ $var(--vkui--prefix, vkui)-font-caption1-caps--regular--map: (
 	'textTransform': "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)",
 	'letterSpacing': "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)",
 );
+@mixin var(--vkui--prefix, vkui)-font-caption1-caps--compact() {
+	font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
+	line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
+	font-family: var(--vkui--font_caption1_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
+	text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
+	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
+}
+$var(--vkui--prefix, vkui)-font-caption1-caps--regular--map: (
+	'fontSize': "var(--vkui--font_caption1_caps--font_size--regular, 12px)",
+	'lineHeight': "var(--vkui--font_caption1_caps--line_height--regular, 16px)",
+	'fontFamily': "var(--vkui--font_caption1_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption1_caps--font_weight--regular, 400)",
+	'textTransform': "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)",
+	'letterSpacing': "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)",
+);
+$var(--vkui--prefix, vkui)-font-caption1-caps--compact--map: (
+	'fontSize': "var(--vkui--font_caption1_caps--font_size--regular, 12px)",
+	'lineHeight': "var(--vkui--font_caption1_caps--line_height--regular, 16px)",
+	'fontFamily': "var(--vkui--font_caption1_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption1_caps--font_weight--regular, 400)",
+	'textTransform': "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)",
+	'letterSpacing': "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)",
+);
 @mixin var(--vkui--prefix, vkui)-font-caption2--regular() {
 	font-size: var(--vkui--font_caption2--font_size--regular, 11px);
 	line-height: var(--vkui--font_caption2--line_height--regular, 14px);
@@ -791,6 +880,24 @@ $var(--vkui--prefix, vkui)-font-caption2--regular--map: (
 	'fontFamily': "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_caption2--font_weight--regular, 400)",
 );
+@mixin var(--vkui--prefix, vkui)-font-caption2--compact() {
+	font-size: var(--vkui--font_caption2--font_size--regular, 11px);
+	line-height: var(--vkui--font_caption2--line_height--regular, 14px);
+	font-family: var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
+}
+$var(--vkui--prefix, vkui)-font-caption2--regular--map: (
+	'fontSize': "var(--vkui--font_caption2--font_size--regular, 11px)",
+	'lineHeight': "var(--vkui--font_caption2--line_height--regular, 14px)",
+	'fontFamily': "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption2--font_weight--regular, 400)",
+);
+$var(--vkui--prefix, vkui)-font-caption2--compact--map: (
+	'fontSize': "var(--vkui--font_caption2--font_size--regular, 11px)",
+	'lineHeight': "var(--vkui--font_caption2--line_height--regular, 14px)",
+	'fontFamily': "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption2--font_weight--regular, 400)",
+);
 @mixin var(--vkui--prefix, vkui)-font-caption2-caps--regular() {
 	font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
 	line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px);
@@ -807,6 +914,30 @@ $var(--vkui--prefix, vkui)-font-caption2-caps--regular--map: (
 	'textTransform': "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)",
 	'letterSpacing': "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)",
 );
+@mixin var(--vkui--prefix, vkui)-font-caption2-caps--compact() {
+	font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
+	line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px);
+	font-family: var(--vkui--font_caption2_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 400);
+	text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
+	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
+}
+$var(--vkui--prefix, vkui)-font-caption2-caps--regular--map: (
+	'fontSize': "var(--vkui--font_caption2_caps--font_size--regular, 11px)",
+	'lineHeight': "var(--vkui--font_caption2_caps--line_height--regular, 14px)",
+	'fontFamily': "var(--vkui--font_caption2_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption2_caps--font_weight--regular, 400)",
+	'textTransform': "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)",
+	'letterSpacing': "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)",
+);
+$var(--vkui--prefix, vkui)-font-caption2-caps--compact--map: (
+	'fontSize': "var(--vkui--font_caption2_caps--font_size--regular, 11px)",
+	'lineHeight': "var(--vkui--font_caption2_caps--line_height--regular, 14px)",
+	'fontFamily': "var(--vkui--font_caption2_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption2_caps--font_weight--regular, 400)",
+	'textTransform': "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)",
+	'letterSpacing': "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)",
+);
 @mixin var(--vkui--prefix, vkui)-font-caption3--regular() {
 	font-size: var(--vkui--font_caption3--font_size--regular, 9px);
 	line-height: var(--vkui--font_caption3--line_height--regular, 12px);
@@ -819,6 +950,24 @@ $var(--vkui--prefix, vkui)-font-caption3--regular--map: (
 	'fontFamily': "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_caption3--font_weight--regular, 400)",
 );
+@mixin var(--vkui--prefix, vkui)-font-caption3--compact() {
+	font-size: var(--vkui--font_caption3--font_size--regular, 9px);
+	line-height: var(--vkui--font_caption3--line_height--regular, 12px);
+	font-family: var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
+}
+$var(--vkui--prefix, vkui)-font-caption3--regular--map: (
+	'fontSize': "var(--vkui--font_caption3--font_size--regular, 9px)",
+	'lineHeight': "var(--vkui--font_caption3--line_height--regular, 12px)",
+	'fontFamily': "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption3--font_weight--regular, 400)",
+);
+$var(--vkui--prefix, vkui)-font-caption3--compact--map: (
+	'fontSize': "var(--vkui--font_caption3--font_size--regular, 9px)",
+	'lineHeight': "var(--vkui--font_caption3--line_height--regular, 12px)",
+	'fontFamily': "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption3--font_weight--regular, 400)",
+);
 @mixin var(--vkui--prefix, vkui)-font-caption3-caps--regular() {
 	font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
 	line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px);
@@ -835,6 +984,30 @@ $var(--vkui--prefix, vkui)-font-caption3-caps--regular--map: (
 	'textTransform': "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)",
 	'letterSpacing': "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)",
 );
+@mixin var(--vkui--prefix, vkui)-font-caption3-caps--compact() {
+	font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
+	line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px);
+	font-family: var(--vkui--font_caption3_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 400);
+	text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
+	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
+}
+$var(--vkui--prefix, vkui)-font-caption3-caps--regular--map: (
+	'fontSize': "var(--vkui--font_caption3_caps--font_size--regular, 9px)",
+	'lineHeight': "var(--vkui--font_caption3_caps--line_height--regular, 12px)",
+	'fontFamily': "var(--vkui--font_caption3_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption3_caps--font_weight--regular, 400)",
+	'textTransform': "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)",
+	'letterSpacing': "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)",
+);
+$var(--vkui--prefix, vkui)-font-caption3-caps--compact--map: (
+	'fontSize': "var(--vkui--font_caption3_caps--font_size--regular, 9px)",
+	'lineHeight': "var(--vkui--font_caption3_caps--line_height--regular, 12px)",
+	'fontFamily': "var(--vkui--font_caption3_caps--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_caption3_caps--font_weight--regular, 400)",
+	'textTransform': "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)",
+	'letterSpacing': "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)",
+);
 @mixin var(--vkui--prefix, vkui)-font-h0--regular() {
 	font-size: var(--vkui--font_h0--font_size--regular, 28px);
 	line-height: var(--vkui--font_h0--line_height--regular, 32px);
@@ -925,6 +1098,193 @@ $var(--vkui--prefix, vkui)-font-h2--compact--map: (
 	'fontFamily': "var(--vkui--font_h2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_h2--font_weight--compact, 500)",
 );
+@mixin var(--vkui--prefix, vkui)-media-font-media-header--regular() {
+	font-family: var(--vkui--media_font_media_header--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_header--font_weight--regular, 500);
+	font-size: var(--vkui--media_font_media_header--font_size--regular, 36px);
+	line-height: var(--vkui--media_font_media_header--line_height--regular, 44px);
+	letter-spacing: var(--vkui--media_font_media_header--letter_spacing--regular, -0.5%);
+}
+$var(--vkui--prefix, vkui)-media-font-media-header--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_header--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_header--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_header--font_size--regular, 36px)",
+	'lineHeight': "var(--vkui--media_font_media_header--line_height--regular, 44px)",
+	'letterSpacing': "var(--vkui--media_font_media_header--letter_spacing--regular, -0.5%)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-header--compact() {
+	font-family: var(--vkui--media_font_media_header--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_header--font_weight--compact, 500);
+	font-size: var(--vkui--media_font_media_header--font_size--compact, 40px);
+	line-height: var(--vkui--media_font_media_header--line_height--compact, 48px);
+	letter-spacing: var(--vkui--media_font_media_header--letter_spacing--compact, -0.5%);
+}
+$var(--vkui--prefix, vkui)-media-font-media-header--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_header--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_header--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_header--font_size--regular, 36px)",
+	'lineHeight': "var(--vkui--media_font_media_header--line_height--regular, 44px)",
+	'letterSpacing': "var(--vkui--media_font_media_header--letter_spacing--regular, -0.5%)",
+);
+$var(--vkui--prefix, vkui)-media-font-media-header--compact--map: (
+	'fontFamily': "var(--vkui--media_font_media_header--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_header--font_weight--compact, 500)",
+	'fontSize': "var(--vkui--media_font_media_header--font_size--compact, 40px)",
+	'lineHeight': "var(--vkui--media_font_media_header--line_height--compact, 48px)",
+	'letterSpacing': "var(--vkui--media_font_media_header--letter_spacing--compact, -0.5%)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-title1--regular() {
+	font-family: var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_title1--font_weight--regular, 500);
+	font-size: var(--vkui--media_font_media_title1--font_size--regular, 28px);
+	line-height: var(--vkui--media_font_media_title1--line_height--regular, 36px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-title1--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title1--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_title1--font_size--regular, 28px)",
+	'lineHeight': "var(--vkui--media_font_media_title1--line_height--regular, 36px)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-title1--compact() {
+	font-family: var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_title1--font_weight--compact, 500);
+	font-size: var(--vkui--media_font_media_title1--font_size--compact, 28px);
+	line-height: var(--vkui--media_font_media_title1--line_height--compact, 36px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-title1--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_title1--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title1--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_title1--font_size--regular, 28px)",
+	'lineHeight': "var(--vkui--media_font_media_title1--line_height--regular, 36px)",
+);
+$var(--vkui--prefix, vkui)-media-font-media-title1--compact--map: (
+	'fontFamily': "var(--vkui--media_font_media_title1--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title1--font_weight--compact, 500)",
+	'fontSize': "var(--vkui--media_font_media_title1--font_size--compact, 28px)",
+	'lineHeight': "var(--vkui--media_font_media_title1--line_height--compact, 36px)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-title2--regular() {
+	font-family: var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_title2--font_weight--regular, 500);
+	font-size: var(--vkui--media_font_media_title2--font_size--regular, 24px);
+	line-height: var(--vkui--media_font_media_title2--line_height--regular, 32px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-title2--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title2--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_title2--font_size--regular, 24px)",
+	'lineHeight': "var(--vkui--media_font_media_title2--line_height--regular, 32px)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-title2--compact() {
+	font-family: var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_title2--font_weight--compact, 500);
+	font-size: var(--vkui--media_font_media_title2--font_size--compact, 24px);
+	line-height: var(--vkui--media_font_media_title2--line_height--compact, 32px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-title2--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title2--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_title2--font_size--regular, 24px)",
+	'lineHeight': "var(--vkui--media_font_media_title2--line_height--regular, 32px)",
+);
+$var(--vkui--prefix, vkui)-media-font-media-title2--compact--map: (
+	'fontFamily': "var(--vkui--media_font_media_title2--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title2--font_weight--compact, 500)",
+	'fontSize': "var(--vkui--media_font_media_title2--font_size--compact, 24px)",
+	'lineHeight': "var(--vkui--media_font_media_title2--line_height--compact, 32px)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-title3--regular() {
+	font-family: var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_title3--font_weight--regular, 500);
+	font-size: var(--vkui--media_font_media_title3--font_size--regular, 20px);
+	line-height: var(--vkui--media_font_media_title3--line_height--regular, 28px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-title3--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title3--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_title3--font_size--regular, 20px)",
+	'lineHeight': "var(--vkui--media_font_media_title3--line_height--regular, 28px)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-title3--compact() {
+	font-family: var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_title3--font_weight--compact, 500);
+	font-size: var(--vkui--media_font_media_title3--font_size--compact, 20px);
+	line-height: var(--vkui--media_font_media_title3--line_height--compact, 28px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-title3--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title3--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_title3--font_size--regular, 20px)",
+	'lineHeight': "var(--vkui--media_font_media_title3--line_height--regular, 28px)",
+);
+$var(--vkui--prefix, vkui)-media-font-media-title3--compact--map: (
+	'fontFamily': "var(--vkui--media_font_media_title3--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_title3--font_weight--compact, 500)",
+	'fontSize': "var(--vkui--media_font_media_title3--font_size--compact, 20px)",
+	'lineHeight': "var(--vkui--media_font_media_title3--line_height--compact, 28px)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-lead--regular() {
+	font-family: var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_lead--font_weight--regular, 500);
+	font-size: var(--vkui--media_font_media_lead--font_size--regular, 19px);
+	line-height: var(--vkui--media_font_media_lead--line_height--regular, 28px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-lead--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_lead--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_lead--font_size--regular, 19px)",
+	'lineHeight': "var(--vkui--media_font_media_lead--line_height--regular, 28px)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-lead--compact() {
+	font-family: var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--media_font_media_lead--font_weight--compact, 500);
+	font-size: var(--vkui--media_font_media_lead--font_size--compact, 22px);
+	line-height: var(--vkui--media_font_media_lead--line_height--compact, 32px);
+	letter-spacing: var(--vkui--media_font_media_lead--letter_spacing--compact, -0.3%);
+}
+$var(--vkui--prefix, vkui)-media-font-media-lead--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_lead--font_weight--regular, 500)",
+	'fontSize': "var(--vkui--media_font_media_lead--font_size--regular, 19px)",
+	'lineHeight': "var(--vkui--media_font_media_lead--line_height--regular, 28px)",
+);
+$var(--vkui--prefix, vkui)-media-font-media-lead--compact--map: (
+	'fontFamily': "var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--media_font_media_lead--font_weight--compact, 500)",
+	'fontSize': "var(--vkui--media_font_media_lead--font_size--compact, 22px)",
+	'lineHeight': "var(--vkui--media_font_media_lead--line_height--compact, 32px)",
+	'letterSpacing': "var(--vkui--media_font_media_lead--letter_spacing--compact, -0.3%)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-paragraph--regular() {
+	font-family: var(--vkui--media_font_media_paragraph--font_family--regular, Georgia, serif);
+	font-weight: var(--vkui--media_font_media_paragraph--font_weight--regular, 400);
+	font-size: var(--vkui--media_font_media_paragraph--font_size--regular, 18px);
+	line-height: var(--vkui--media_font_media_paragraph--line_height--regular, 28px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-paragraph--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_paragraph--font_family--regular, Georgia, serif)",
+	'fontWeight': "var(--vkui--media_font_media_paragraph--font_weight--regular, 400)",
+	'fontSize': "var(--vkui--media_font_media_paragraph--font_size--regular, 18px)",
+	'lineHeight': "var(--vkui--media_font_media_paragraph--line_height--regular, 28px)",
+);
+@mixin var(--vkui--prefix, vkui)-media-font-media-paragraph--compact() {
+	font-family: var(--vkui--media_font_media_paragraph--font_family--compact, Georgia, serif);
+	font-weight: var(--vkui--media_font_media_paragraph--font_weight--compact, 400);
+	font-size: var(--vkui--media_font_media_paragraph--font_size--compact, 19px);
+	line-height: var(--vkui--media_font_media_paragraph--line_height--compact, 32px);
+}
+$var(--vkui--prefix, vkui)-media-font-media-paragraph--regular--map: (
+	'fontFamily': "var(--vkui--media_font_media_paragraph--font_family--regular, Georgia, serif)",
+	'fontWeight': "var(--vkui--media_font_media_paragraph--font_weight--regular, 400)",
+	'fontSize': "var(--vkui--media_font_media_paragraph--font_size--regular, 18px)",
+	'lineHeight': "var(--vkui--media_font_media_paragraph--line_height--regular, 28px)",
+);
+$var(--vkui--prefix, vkui)-media-font-media-paragraph--compact--map: (
+	'fontFamily': "var(--vkui--media_font_media_paragraph--font_family--compact, Georgia, serif)",
+	'fontWeight': "var(--vkui--media_font_media_paragraph--font_weight--compact, 400)",
+	'fontSize': "var(--vkui--media_font_media_paragraph--font_size--compact, 19px)",
+	'lineHeight': "var(--vkui--media_font_media_paragraph--line_height--compact, 32px)",
+);
 @mixin var(--vkui--prefix, vkui)-font-h3--regular() {
 	font-size: var(--vkui--font_h3--font_size--regular, 20px);
 	line-height: var(--vkui--font_h3--line_height--regular, 26px);
@@ -1012,34 +1372,34 @@ $var(--vkui--prefix, vkui)-font-specific-button--regular--map: (
 	'fontWeight': "var(--vkui--font_specific_button--font_weight--regular, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-headline--regular() {
-	font-size: var(--vkui--font_headline--font_size--regular, 16px);
+	font-size: var(--vkui--font_headline--font_size--regular, 15px);
 	line-height: var(--vkui--font_headline--line_height--regular, 20px);
-	font-family: var(--vkui--font_headline--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_headline--font_weight--regular, 400);
+	font-family: var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_headline--font_weight--regular, 500);
 }
 $var(--vkui--prefix, vkui)-font-headline--regular--map: (
-	'fontSize': "var(--vkui--font_headline--font_size--regular, 16px)",
+	'fontSize': "var(--vkui--font_headline--font_size--regular, 15px)",
 	'lineHeight': "var(--vkui--font_headline--line_height--regular, 20px)",
-	'fontFamily': "var(--vkui--font_headline--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 500)",
 );
 @mixin var(--vkui--prefix, vkui)-font-headline--compact() {
-	font-size: var(--vkui--font_headline--font_size--compact, 15px);
+	font-size: var(--vkui--font_headline--font_size--compact, 16px);
 	line-height: var(--vkui--font_headline--line_height--compact, 20px);
-	font-family: var(--vkui--font_headline--font_family--regular, Inter, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_headline--font_weight--regular, 400);
+	font-family: var(--vkui--font_headline--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_headline--font_weight--compact, 500);
 }
 $var(--vkui--prefix, vkui)-font-headline--regular--map: (
-	'fontSize': "var(--vkui--font_headline--font_size--regular, 16px)",
+	'fontSize': "var(--vkui--font_headline--font_size--regular, 15px)",
 	'lineHeight': "var(--vkui--font_headline--line_height--regular, 20px)",
-	'fontFamily': "var(--vkui--font_headline--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 500)",
 );
 $var(--vkui--prefix, vkui)-font-headline--compact--map: (
-	'fontSize': "var(--vkui--font_headline--font_size--compact, 15px)",
+	'fontSize': "var(--vkui--font_headline--font_size--compact, 16px)",
 	'lineHeight': "var(--vkui--font_headline--line_height--compact, 20px)",
-	'fontFamily': "var(--vkui--font_headline--font_family--regular, Inter, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 400)",
+	'fontFamily': "var(--vkui--font_headline--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_headline--font_weight--compact, 500)",
 );
 @mixin media-width-touch {
 	@media (max-width: 767px) { @content; }