@vkontakte/vkui-tokens 4.3.2-dev-db778e.0 → 4.4.0

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

@@ -13,7 +13,7 @@ $size-popup-base-padding--regular: var(--vkui--size_popup_base_padding--regular,
 $size-popup-base-padding--compact: var(--vkui--size_popup_base_padding--compact, 32px);
 $size-popup-header-padding--regular: var(--vkui--size_popup_header_padding--regular, 16px);
 $size-popup-header-padding--compact: var(--vkui--size_popup_header_padding--compact, 24px);
-$size-border-radius--compact: var(--vkui--size_border_radius--compact, 8px);
+$size-border-radius--compact: var(--vkui--size_border_radius--compact, 12px);
 $size-border-radius--regular: var(--vkui--size_border_radius--regular, 8px);
 $size-check-border-radius--regular: var(--vkui--size_check_border_radius--regular, 4px);
 $size-border-radius-paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
@@ -33,8 +33,8 @@ $size-popup-small--regular: var(--vkui--size_popup_small--regular, 420px);
 $size-popup-medium--regular: var(--vkui--size_popup_medium--regular, 680px);
 $size-popup-large--regular: var(--vkui--size_popup_large--regular, 880px);
 $size-field-horizontal-padding--regular: var(--vkui--size_field_horizontal_padding--regular, 8px);
-$size-button-padding-horizontal--compact: var(--vkui--size_button_padding_horizontal--compact, 16px);
-$size-button-padding-horizontal--regular: var(--vkui--size_button_padding_horizontal--regular, 20px);
+$size-button-padding-horizontal--compact: var(--vkui--size_button_padding_horizontal--compact, 12px);
+$size-button-padding-horizontal--regular: var(--vkui--size_button_padding_horizontal--regular, 16px);
 $size-label-horizontal-margin--regular: var(--vkui--size_label_horizontal_margin--regular, 16px);
 $size-arrow-padding--regular: var(--vkui--size_arrow_padding--regular, 12px);
 $size-tooltip-margin--regular: var(--vkui--size_tooltip_margin--regular, 8px);
@@ -54,10 +54,13 @@ $size-cardgrid-padding--regular: var(--vkui--size_cardgrid_padding--regular, 12p
 $size-card-border-radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
 $size-cardgrid-padding-vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
 $size-base-padding-horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
-$elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
-$elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
-$elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
-$elevation4: var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
+$size-button-group-gap-space--regular: var(--vkui--size_button_group_gap_space--regular, 1px);
+$size-button-group-gap-small--regular: var(--vkui--size_button_group_gap_small--regular, 8px);
+$size-button-group-gap-medium--regular: var(--vkui--size_button_group_gap_medium--regular, 12px);
+$elevation1: var(--vkui--elevation1, none);
+$elevation2: var(--vkui--elevation2, none);
+$elevation3: var(--vkui--elevation3, 0px 4px 32px rgba(0, 16, 61, 0.32));
+$elevation4: var(--vkui--elevation4, 0px 16px 48px rgba(0, 16, 61, 0.48));
 $animation-duration-l: var(--vkui--animation_duration_l, 0.4s);
 $animation-duration-m: var(--vkui--animation_duration_m, 0.2s);
 $animation-duration-s: var(--vkui--animation_duration_s, 0.1s);
@@ -295,9 +298,9 @@ $color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #EE1E
 $color-image-border-alpha: var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08));
 $color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12));
 $color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16));
-$color-field-border-alpha: var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16));
-$color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2));
-$color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24));
+$color-field-border-alpha: var(--vkui--color_field_border_alpha, transparent);
+$color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, transparent);
+$color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, transparent);
 $color-separator-primary-alpha: var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4));
 $color-separator-primary-alpha--hover: var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44));
 $color-separator-primary-alpha--active: var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48));
@@ -394,131 +397,56 @@ $color-button-contrast--active: var(--vkui--color_button_contrast--active, #2C2C
 $color-thumb-error-background-alpha: var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12));
 $color-thumb-error-background-alpha--hover: var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16));
 $color-thumb-error-background-alpha--active: var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2));
-$calendar-color-background-accent-tint-themed: var(--vkui--calendar_color_background_accent_tint_themed, #3E3E3F);
-$calendar-color-background-accent-tint-themed--hover: var(--vkui--calendar_color_background_accent_tint_themed--hover, #2C2C2D);
-$calendar-color-background-accent-tint-themed--active: var(--vkui--calendar_color_background_accent_tint_themed--active, #3E3E3F);
 
 
 @mixin font-title1--regular() {
-	font-size: var(--vkui--font_title1--font_size--regular, 24px);
-	line-height: var(--vkui--font_title1--line_height--regular, 32px);
+	font-size: var(--vkui--font_title1--font_size--regular, 17px);
+	line-height: var(--vkui--font_title1--line_height--regular, 24px);
 	font-weight: var(--vkui--font_title1--font_weight--regular, 500);
 	font-family: var(--vkui--font_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $font-title1--regular--map: (
-	'fontSize': "var(--vkui--font_title1--font_size--regular, 24px)",
-	'lineHeight': "var(--vkui--font_title1--line_height--regular, 32px)",
+	'fontSize': "var(--vkui--font_title1--font_size--regular, 17px)",
+	'lineHeight': "var(--vkui--font_title1--line_height--regular, 24px)",
 	'fontWeight': "var(--vkui--font_title1--font_weight--regular, 500)",
 	'fontFamily': "var(--vkui--font_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-@mixin font-title1--compact() {
-	font-size: var(--vkui--font_title1--font_size--compact, 24px);
-	line-height: var(--vkui--font_title1--line_height--compact, 28px);
-	font-weight: var(--vkui--font_title1--font_weight--compact, 500);
-	font-family: var(--vkui--font_title1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-title1--regular--map: (
-	'fontSize': "var(--vkui--font_title1--font_size--regular, 24px)",
-	'lineHeight': "var(--vkui--font_title1--line_height--regular, 32px)",
-	'fontWeight': "var(--vkui--font_title1--font_weight--regular, 500)",
-	'fontFamily': "var(--vkui--font_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$font-title1--compact--map: (
-	'fontSize': "var(--vkui--font_title1--font_size--compact, 24px)",
-	'lineHeight': "var(--vkui--font_title1--line_height--compact, 28px)",
-	'fontWeight': "var(--vkui--font_title1--font_weight--compact, 500)",
-	'fontFamily': "var(--vkui--font_title1--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
 @mixin font-title2--regular() {
-	font-size: var(--vkui--font_title2--font_size--regular, 20px);
-	line-height: var(--vkui--font_title2--line_height--regular, 24px);
+	font-size: var(--vkui--font_title2--font_size--regular, 15px);
+	line-height: var(--vkui--font_title2--line_height--regular, 20px);
 	font-weight: var(--vkui--font_title2--font_weight--regular, 500);
 	font-family: var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $font-title2--regular--map: (
-	'fontSize': "var(--vkui--font_title2--font_size--regular, 20px)",
-	'lineHeight': "var(--vkui--font_title2--line_height--regular, 24px)",
+	'fontSize': "var(--vkui--font_title2--font_size--regular, 15px)",
+	'lineHeight': "var(--vkui--font_title2--line_height--regular, 20px)",
 	'fontWeight': "var(--vkui--font_title2--font_weight--regular, 500)",
 	'fontFamily': "var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-@mixin font-title2--compact() {
-	font-size: var(--vkui--font_title2--font_size--compact, 20px);
-	line-height: var(--vkui--font_title2--line_height--compact, 24px);
-	font-weight: var(--vkui--font_title2--font_weight--compact, 500);
-	font-family: var(--vkui--font_title2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-title2--regular--map: (
-	'fontSize': "var(--vkui--font_title2--font_size--regular, 20px)",
-	'lineHeight': "var(--vkui--font_title2--line_height--regular, 24px)",
-	'fontWeight': "var(--vkui--font_title2--font_weight--regular, 500)",
-	'fontFamily': "var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$font-title2--compact--map: (
-	'fontSize': "var(--vkui--font_title2--font_size--compact, 20px)",
-	'lineHeight': "var(--vkui--font_title2--line_height--compact, 24px)",
-	'fontWeight': "var(--vkui--font_title2--font_weight--compact, 500)",
-	'fontFamily': "var(--vkui--font_title2--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
 @mixin font-title3--regular() {
-	font-size: var(--vkui--font_title3--font_size--regular, 17px);
-	line-height: var(--vkui--font_title3--line_height--regular, 24px);
+	font-size: var(--vkui--font_title3--font_size--regular, 15px);
+	line-height: var(--vkui--font_title3--line_height--regular, 20px);
 	font-weight: var(--vkui--font_title3--font_weight--regular, 500);
 	font-family: var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $font-title3--regular--map: (
-	'fontSize': "var(--vkui--font_title3--font_size--regular, 17px)",
-	'lineHeight': "var(--vkui--font_title3--line_height--regular, 24px)",
+	'fontSize': "var(--vkui--font_title3--font_size--regular, 15px)",
+	'lineHeight': "var(--vkui--font_title3--line_height--regular, 20px)",
 	'fontWeight': "var(--vkui--font_title3--font_weight--regular, 500)",
 	'fontFamily': "var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-@mixin font-title3--compact() {
-	font-size: var(--vkui--font_title3--font_size--compact, 17px);
-	line-height: var(--vkui--font_title3--line_height--compact, 24px);
-	font-weight: var(--vkui--font_title3--font_weight--compact, 500);
-	font-family: var(--vkui--font_title3--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-title3--regular--map: (
-	'fontSize': "var(--vkui--font_title3--font_size--regular, 17px)",
-	'lineHeight': "var(--vkui--font_title3--line_height--regular, 24px)",
-	'fontWeight': "var(--vkui--font_title3--font_weight--regular, 500)",
-	'fontFamily': "var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$font-title3--compact--map: (
-	'fontSize': "var(--vkui--font_title3--font_size--compact, 17px)",
-	'lineHeight': "var(--vkui--font_title3--line_height--compact, 24px)",
-	'fontWeight': "var(--vkui--font_title3--font_weight--compact, 500)",
-	'fontFamily': "var(--vkui--font_title3--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
 @mixin 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-weight: var(--vkui--font_headline1--font_weight--regular, 500);
 	font-family: var(--vkui--font_headline1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $font-headline1--regular--map: (
-	'fontSize': "var(--vkui--font_headline1--font_size--regular, 16px)",
-	'lineHeight': "var(--vkui--font_headline1--line_height--regular, 20px)",
-	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 500)",
-	'fontFamily': "var(--vkui--font_headline1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-@mixin font-headline1--compact() {
-	font-size: var(--vkui--font_headline1--font_size--compact, 15px);
-	line-height: var(--vkui--font_headline1--line_height--compact, 20px);
-	font-weight: var(--vkui--font_headline1--font_weight--compact, 500);
-	font-family: var(--vkui--font_headline1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$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)",
 	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 500)",
 	'fontFamily': "var(--vkui--font_headline1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-$font-headline1--compact--map: (
-	'fontSize': "var(--vkui--font_headline1--font_size--compact, 15px)",
-	'lineHeight': "var(--vkui--font_headline1--line_height--compact, 20px)",
-	'fontWeight': "var(--vkui--font_headline1--font_weight--compact, 500)",
-	'fontFamily': "var(--vkui--font_headline1--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
 @mixin font-headline2--regular() {
 	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
 	line-height: var(--vkui--font_headline2--line_height--regular, 20px);
@@ -549,556 +477,387 @@ $font-headline2--compact--map: (
 	'fontFamily': "var(--vkui--font_headline2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_headline2--font_weight--regular, 500)",
 );
+@mixin font-text--compact() {
+	font-size: var(--vkui--font_text--font_size--compact, 17px);
+	line-height: var(--vkui--font_text--line_height--compact, 24px);
+	font-weight: var(--vkui--font_text--font_weight--compact, 400);
+	font-family: var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-text--compact--map: (
+	'fontSize': "var(--vkui--font_text--font_size--compact, 17px)",
+	'lineHeight': "var(--vkui--font_text--line_height--compact, 24px)",
+	'fontWeight': "var(--vkui--font_text--font_weight--compact, 400)",
+	'fontFamily': "var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+);
 @mixin 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-weight: var(--vkui--font_text--font_weight--regular, 400);
 	font-family: var(--vkui--font_text--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
-$font-text--regular--map: (
-	'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
-	'lineHeight': "var(--vkui--font_text--line_height--regular, 20px)",
-	'fontWeight': "var(--vkui--font_text--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_text--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+$font-text--compact--map: (
+	'fontSize': "var(--vkui--font_text--font_size--compact, 17px)",
+	'lineHeight': "var(--vkui--font_text--line_height--compact, 24px)",
+	'fontWeight': "var(--vkui--font_text--font_weight--compact, 400)",
+	'fontFamily': "var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
 );
-@mixin font-text--compact() {
-	font-size: var(--vkui--font_text--font_size--compact, 15px);
-	line-height: var(--vkui--font_text--line_height--compact, 20px);
-	font-weight: var(--vkui--font_text--font_weight--compact, 400);
-	font-family: var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
 $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)",
 	'fontWeight': "var(--vkui--font_text--font_weight--regular, 400)",
 	'fontFamily': "var(--vkui--font_text--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-$font-text--compact--map: (
-	'fontSize': "var(--vkui--font_text--font_size--compact, 15px)",
-	'lineHeight': "var(--vkui--font_text--line_height--compact, 20px)",
-	'fontWeight': "var(--vkui--font_text--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
 @mixin font-paragraph--regular() {
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
 	line-height: var(--vkui--font_paragraph--line_height--regular, 20px);
+	font-family: var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_paragraph--font_weight--regular, 400);
-	font-family: var(--vkui--font_paragraph--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $font-paragraph--regular--map: (
 	'fontSize': "var(--vkui--font_paragraph--font_size--regular, 15px)",
 	'lineHeight': "var(--vkui--font_paragraph--line_height--regular, 20px)",
+	'fontFamily': "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_paragraph--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_paragraph--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-@mixin font-paragraph--compact() {
-	font-size: var(--vkui--font_paragraph--font_size--compact, 15px);
-	line-height: var(--vkui--font_paragraph--line_height--compact, 20px);
-	font-weight: var(--vkui--font_paragraph--font_weight--compact, 400);
-	font-family: var(--vkui--font_paragraph--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-paragraph--regular--map: (
-	'fontSize': "var(--vkui--font_paragraph--font_size--regular, 15px)",
-	'lineHeight': "var(--vkui--font_paragraph--line_height--regular, 20px)",
-	'fontWeight': "var(--vkui--font_paragraph--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_paragraph--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$font-paragraph--compact--map: (
-	'fontSize': "var(--vkui--font_paragraph--font_size--compact, 15px)",
-	'lineHeight': "var(--vkui--font_paragraph--line_height--compact, 20px)",
-	'fontWeight': "var(--vkui--font_paragraph--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_paragraph--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
 );
 @mixin font-subhead--regular() {
 	font-size: var(--vkui--font_subhead--font_size--regular, 14px);
 	line-height: var(--vkui--font_subhead--line_height--regular, 18px);
+	font-family: var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
-	font-family: var(--vkui--font_subhead--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $font-subhead--regular--map: (
 	'fontSize': "var(--vkui--font_subhead--font_size--regular, 14px)",
 	'lineHeight': "var(--vkui--font_subhead--line_height--regular, 18px)",
+	'fontFamily': "var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_subhead--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_subhead--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
 @mixin font-subhead--compact() {
 	font-size: var(--vkui--font_subhead--font_size--compact, 13px);
 	line-height: var(--vkui--font_subhead--line_height--compact, 18px);
-	font-weight: var(--vkui--font_subhead--font_weight--compact, 500);
-	font-family: var(--vkui--font_subhead--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+	font-family: var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
 }
 $font-subhead--regular--map: (
 	'fontSize': "var(--vkui--font_subhead--font_size--regular, 14px)",
 	'lineHeight': "var(--vkui--font_subhead--line_height--regular, 18px)",
+	'fontFamily': "var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_subhead--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_subhead--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
 $font-subhead--compact--map: (
 	'fontSize': "var(--vkui--font_subhead--font_size--compact, 13px)",
 	'lineHeight': "var(--vkui--font_subhead--line_height--compact, 18px)",
-	'fontWeight': "var(--vkui--font_subhead--font_weight--compact, 500)",
-	'fontFamily': "var(--vkui--font_subhead--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+	'fontFamily': "var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif)",
+	'fontWeight': "var(--vkui--font_subhead--font_weight--regular, 400)",
 );
 @mixin font-footnote--regular() {
 	font-size: var(--vkui--font_footnote--font_size--regular, 13px);
-	line-height: var(--vkui--font_footnote--line_height--regular, 18px);
+	line-height: var(--vkui--font_footnote--line_height--regular, 20px);
 	font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
 	font-family: var(--vkui--font_footnote--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $font-footnote--regular--map: (
 	'fontSize': "var(--vkui--font_footnote--font_size--regular, 13px)",
-	'lineHeight': "var(--vkui--font_footnote--line_height--regular, 18px)",
-	'fontWeight': "var(--vkui--font_footnote--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_footnote--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-@mixin font-footnote--compact() {
-	font-size: var(--vkui--font_footnote--font_size--compact, 13px);
-	line-height: var(--vkui--font_footnote--line_height--compact, 18px);
-	font-weight: var(--vkui--font_footnote--font_weight--compact, 400);
-	font-family: var(--vkui--font_footnote--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-footnote--regular--map: (
-	'fontSize': "var(--vkui--font_footnote--font_size--regular, 13px)",
-	'lineHeight': "var(--vkui--font_footnote--line_height--regular, 18px)",
+	'lineHeight': "var(--vkui--font_footnote--line_height--regular, 20px)",
 	'fontWeight': "var(--vkui--font_footnote--font_weight--regular, 400)",
 	'fontFamily': "var(--vkui--font_footnote--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-$font-footnote--compact--map: (
-	'fontSize': "var(--vkui--font_footnote--font_size--compact, 13px)",
-	'lineHeight': "var(--vkui--font_footnote--line_height--compact, 18px)",
-	'fontWeight': "var(--vkui--font_footnote--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_footnote--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
 @mixin 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);
+	font-family: var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
-	font-family: var(--vkui--font_footnote_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
 	text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
+	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
 }
 $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, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_footnote_caps--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_footnote_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'letterSpacing': "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)",
 	'textTransform': "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)",
-);
-@mixin font-footnote-caps--compact() {
-	font-size: var(--vkui--font_footnote_caps--font_size--compact, 13px);
-	line-height: var(--vkui--font_footnote_caps--line_height--compact, 18px);
-	font-weight: var(--vkui--font_footnote_caps--font_weight--compact, 400);
-	font-family: var(--vkui--font_footnote_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--compact, 0.3px);
-	text-transform: var(--vkui--font_footnote_caps--text_transform--compact, uppercase);
-}
-$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)",
-	'fontWeight': "var(--vkui--font_footnote_caps--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_footnote_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 	'letterSpacing': "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)",
-	'textTransform': "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)",
-);
-$font-footnote-caps--compact--map: (
-	'fontSize': "var(--vkui--font_footnote_caps--font_size--compact, 13px)",
-	'lineHeight': "var(--vkui--font_footnote_caps--line_height--compact, 18px)",
-	'fontWeight': "var(--vkui--font_footnote_caps--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_footnote_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-	'letterSpacing': "var(--vkui--font_footnote_caps--letter_spacing--compact, 0.3px)",
-	'textTransform': "var(--vkui--font_footnote_caps--text_transform--compact, uppercase)",
 );
 @mixin font-caption1--regular() {
 	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, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
-	font-family: var(--vkui--font_caption1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-caption1--regular--map: (
-	'fontSize': "var(--vkui--font_caption1--font_size--regular, 12px)",
-	'lineHeight': "var(--vkui--font_caption1--line_height--regular, 16px)",
-	'fontWeight': "var(--vkui--font_caption1--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-@mixin font-caption1--compact() {
-	font-size: var(--vkui--font_caption1--font_size--compact, 12px);
-	line-height: var(--vkui--font_caption1--line_height--compact, 14px);
-	font-weight: var(--vkui--font_caption1--font_weight--compact, 400);
-	font-family: var(--vkui--font_caption1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
 }
 $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, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_caption1--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$font-caption1--compact--map: (
-	'fontSize': "var(--vkui--font_caption1--font_size--compact, 12px)",
-	'lineHeight': "var(--vkui--font_caption1--line_height--compact, 14px)",
-	'fontWeight': "var(--vkui--font_caption1--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_caption1--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
 );
 @mixin 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);
+	font-family: var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
-	font-family: var(--vkui--font_caption1_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
 	text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
+	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
 }
 $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, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_caption1_caps--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption1_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'letterSpacing': "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)",
 	'textTransform': "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)",
-);
-@mixin font-caption1-caps--compact() {
-	font-size: var(--vkui--font_caption1_caps--font_size--compact, 12px);
-	line-height: var(--vkui--font_caption1_caps--line_height--compact, 14px);
-	font-weight: var(--vkui--font_caption1_caps--font_weight--compact, 500);
-	font-family: var(--vkui--font_caption1_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--compact, 0.26px);
-	text-transform: var(--vkui--font_caption1_caps--text_transform--compact, uppercase);
-}
-$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)",
-	'fontWeight': "var(--vkui--font_caption1_caps--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption1_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 	'letterSpacing': "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)",
-	'textTransform': "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)",
-);
-$font-caption1-caps--compact--map: (
-	'fontSize': "var(--vkui--font_caption1_caps--font_size--compact, 12px)",
-	'lineHeight': "var(--vkui--font_caption1_caps--line_height--compact, 14px)",
-	'fontWeight': "var(--vkui--font_caption1_caps--font_weight--compact, 500)",
-	'fontFamily': "var(--vkui--font_caption1_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-	'letterSpacing': "var(--vkui--font_caption1_caps--letter_spacing--compact, 0.26px)",
-	'textTransform': "var(--vkui--font_caption1_caps--text_transform--compact, uppercase)",
 );
 @mixin font-caption2--regular() {
 	font-size: var(--vkui--font_caption2--font_size--regular, 11px);
-	line-height: var(--vkui--font_caption2--line_height--regular, 14px);
+	line-height: var(--vkui--font_caption2--line_height--regular, 12px);
 	font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
 	font-family: var(--vkui--font_caption2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $font-caption2--regular--map: (
 	'fontSize': "var(--vkui--font_caption2--font_size--regular, 11px)",
-	'lineHeight': "var(--vkui--font_caption2--line_height--regular, 14px)",
+	'lineHeight': "var(--vkui--font_caption2--line_height--regular, 12px)",
 	'fontWeight': "var(--vkui--font_caption2--font_weight--regular, 400)",
 	'fontFamily': "var(--vkui--font_caption2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-@mixin font-caption2--compact() {
-	font-size: var(--vkui--font_caption2--font_size--compact, 11px);
-	line-height: var(--vkui--font_caption2--line_height--compact, 14px);
-	font-weight: var(--vkui--font_caption2--font_weight--compact, 400);
-	font-family: var(--vkui--font_caption2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-caption2--regular--map: (
-	'fontSize': "var(--vkui--font_caption2--font_size--regular, 11px)",
-	'lineHeight': "var(--vkui--font_caption2--line_height--regular, 14px)",
-	'fontWeight': "var(--vkui--font_caption2--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$font-caption2--compact--map: (
-	'fontSize': "var(--vkui--font_caption2--font_size--compact, 11px)",
-	'lineHeight': "var(--vkui--font_caption2--line_height--compact, 14px)",
-	'fontWeight': "var(--vkui--font_caption2--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_caption2--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
 @mixin 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);
+	font-family: var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 400);
-	font-family: var(--vkui--font_caption2_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
 	text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
+	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
 }
 $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, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_caption2_caps--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption2_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'letterSpacing': "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)",
 	'textTransform': "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)",
-);
-@mixin font-caption2-caps--compact() {
-	font-size: var(--vkui--font_caption2_caps--font_size--compact, 11px);
-	line-height: var(--vkui--font_caption2_caps--line_height--compact, 14px);
-	font-weight: var(--vkui--font_caption2_caps--font_weight--compact, 400);
-	font-family: var(--vkui--font_caption2_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--compact, 0.22px);
-	text-transform: var(--vkui--font_caption2_caps--text_transform--compact, uppercase);
-}
-$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)",
-	'fontWeight': "var(--vkui--font_caption2_caps--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption2_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 	'letterSpacing': "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)",
-	'textTransform': "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)",
-);
-$font-caption2-caps--compact--map: (
-	'fontSize': "var(--vkui--font_caption2_caps--font_size--compact, 11px)",
-	'lineHeight': "var(--vkui--font_caption2_caps--line_height--compact, 14px)",
-	'fontWeight': "var(--vkui--font_caption2_caps--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_caption2_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-	'letterSpacing': "var(--vkui--font_caption2_caps--letter_spacing--compact, 0.22px)",
-	'textTransform': "var(--vkui--font_caption2_caps--text_transform--compact, uppercase)",
 );
 @mixin font-caption3--regular() {
 	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, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
-	font-family: var(--vkui--font_caption3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-caption3--regular--map: (
-	'fontSize': "var(--vkui--font_caption3--font_size--regular, 9px)",
-	'lineHeight': "var(--vkui--font_caption3--line_height--regular, 12px)",
-	'fontWeight': "var(--vkui--font_caption3--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption3--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-@mixin font-caption3--compact() {
-	font-size: var(--vkui--font_caption3--font_size--compact, 9px);
-	line-height: var(--vkui--font_caption3--line_height--compact, 12px);
-	font-weight: var(--vkui--font_caption3--font_weight--compact, 400);
-	font-family: var(--vkui--font_caption3--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
 }
 $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, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_caption3--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption3--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$font-caption3--compact--map: (
-	'fontSize': "var(--vkui--font_caption3--font_size--compact, 9px)",
-	'lineHeight': "var(--vkui--font_caption3--line_height--compact, 12px)",
-	'fontWeight': "var(--vkui--font_caption3--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_caption3--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
 );
 @mixin 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);
+	font-family: var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 400);
-	font-family: var(--vkui--font_caption3_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
 	text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
+	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
 }
 $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, Helvetica, Arial, sans-serif)",
 	'fontWeight': "var(--vkui--font_caption3_caps--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption3_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'letterSpacing': "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)",
 	'textTransform': "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)",
-);
-@mixin font-caption3-caps--compact() {
-	font-size: var(--vkui--font_caption3_caps--font_size--compact, 9px);
-	line-height: var(--vkui--font_caption3_caps--line_height--compact, 12px);
-	font-weight: var(--vkui--font_caption3_caps--font_weight--compact, 400);
-	font-family: var(--vkui--font_caption3_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--compact, 0.16px);
-	text-transform: var(--vkui--font_caption3_caps--text_transform--compact, uppercase);
-}
-$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)",
-	'fontWeight': "var(--vkui--font_caption3_caps--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--font_caption3_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 	'letterSpacing': "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)",
-	'textTransform': "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)",
-);
-$font-caption3-caps--compact--map: (
-	'fontSize': "var(--vkui--font_caption3_caps--font_size--compact, 9px)",
-	'lineHeight': "var(--vkui--font_caption3_caps--line_height--compact, 12px)",
-	'fontWeight': "var(--vkui--font_caption3_caps--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--font_caption3_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-	'letterSpacing': "var(--vkui--font_caption3_caps--letter_spacing--compact, 0.16px)",
-	'textTransform': "var(--vkui--font_caption3_caps--text_transform--compact, uppercase)",
 );
 @mixin font-h0--regular() {
-	font-size: var(--vkui--font_h0--font_size--regular, 28px);
-	line-height: var(--vkui--font_h0--line_height--regular, 32px);
-	font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-size: var(--vkui--font_h0--font_size--regular, 32px);
+	line-height: var(--vkui--font_h0--line_height--regular, 40px);
 	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
-}
-$font-h0--regular--map: (
-	'fontSize': "var(--vkui--font_h0--font_size--regular, 28px)",
-	'lineHeight': "var(--vkui--font_h0--line_height--regular, 32px)",
-	'fontFamily': "var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_h0--font_weight--regular, 500)",
-);
-@mixin font-h0--compact() {
-	font-size: var(--vkui--font_h0--font_size--compact, 44px);
-	line-height: var(--vkui--font_h0--line_height--compact, 52px);
 	font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
 $font-h0--regular--map: (
-	'fontSize': "var(--vkui--font_h0--font_size--regular, 28px)",
-	'lineHeight': "var(--vkui--font_h0--line_height--regular, 32px)",
-	'fontFamily': "var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+	'fontSize': "var(--vkui--font_h0--font_size--regular, 32px)",
+	'lineHeight': "var(--vkui--font_h0--line_height--regular, 40px)",
 	'fontWeight': "var(--vkui--font_h0--font_weight--regular, 500)",
-);
-$font-h0--compact--map: (
-	'fontSize': "var(--vkui--font_h0--font_size--compact, 44px)",
-	'lineHeight': "var(--vkui--font_h0--line_height--compact, 52px)",
 	'fontFamily': "var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_h0--font_weight--regular, 500)",
 );
-@mixin font-h1--regular() {
-	font-size: var(--vkui--font_h1--font_size--regular, 24px);
-	line-height: var(--vkui--font_h1--line_height--regular, 28px);
-	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
+@mixin font-h1--compact() {
+	font-size: var(--vkui--font_h1--font_size--compact, 24px);
+	line-height: var(--vkui--font_h1--line_height--compact, 32px);
+	font-weight: var(--vkui--font_h1--font_weight--compact, 500);
+	font-family: var(--vkui--font_h1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+	margin-bottom: var(--vkui--font_h1--margin_bottom--compact, 16px);
 }
-$font-h1--regular--map: (
-	'fontSize': "var(--vkui--font_h1--font_size--regular, 24px)",
-	'lineHeight': "var(--vkui--font_h1--line_height--regular, 28px)",
-	'fontFamily': "var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_h1--font_weight--regular, 500)",
+$font-h1--compact--map: (
+	'fontSize': "var(--vkui--font_h1--font_size--compact, 24px)",
+	'lineHeight': "var(--vkui--font_h1--line_height--compact, 32px)",
+	'fontWeight': "var(--vkui--font_h1--font_weight--compact, 500)",
+	'fontFamily': "var(--vkui--font_h1--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+	'marginBottom': "var(--vkui--font_h1--margin_bottom--compact, 16px)",
 );
-@mixin font-h1--compact() {
-	font-size: var(--vkui--font_h1--font_size--compact, 32px);
-	line-height: var(--vkui--font_h1--line_height--compact, 36px);
-	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+@mixin font-h1--regular() {
+	font-size: var(--vkui--font_h1--font_size--regular, 32px);
+	line-height: var(--vkui--font_h1--line_height--regular, 40px);
 	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
+	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	margin-bottom: var(--vkui--font_h1--margin_bottom--regular, 16px);
 }
+$font-h1--compact--map: (
+	'fontSize': "var(--vkui--font_h1--font_size--compact, 24px)",
+	'lineHeight': "var(--vkui--font_h1--line_height--compact, 32px)",
+	'fontWeight': "var(--vkui--font_h1--font_weight--compact, 500)",
+	'fontFamily': "var(--vkui--font_h1--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+	'marginBottom': "var(--vkui--font_h1--margin_bottom--compact, 16px)",
+);
 $font-h1--regular--map: (
-	'fontSize': "var(--vkui--font_h1--font_size--regular, 24px)",
-	'lineHeight': "var(--vkui--font_h1--line_height--regular, 28px)",
-	'fontFamily': "var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+	'fontSize': "var(--vkui--font_h1--font_size--regular, 32px)",
+	'lineHeight': "var(--vkui--font_h1--line_height--regular, 40px)",
 	'fontWeight': "var(--vkui--font_h1--font_weight--regular, 500)",
-);
-$font-h1--compact--map: (
-	'fontSize': "var(--vkui--font_h1--font_size--compact, 32px)",
-	'lineHeight': "var(--vkui--font_h1--line_height--compact, 36px)",
 	'fontFamily': "var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_h1--font_weight--regular, 500)",
+	'marginBottom': "var(--vkui--font_h1--margin_bottom--regular, 16px)",
 );
-@mixin font-h2--regular() {
-	font-size: var(--vkui--font_h2--font_size--regular, 20px);
-	line-height: var(--vkui--font_h2--line_height--regular, 26px);
-	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
+@mixin font-h2--compact() {
+	font-size: var(--vkui--font_h2--font_size--compact, 20px);
+	line-height: var(--vkui--font_h2--line_height--compact, 24px);
+	font-weight: var(--vkui--font_h2--font_weight--compact, 500);
+	font-family: var(--vkui--font_h2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
 }
-$font-h2--regular--map: (
-	'fontSize': "var(--vkui--font_h2--font_size--regular, 20px)",
-	'lineHeight': "var(--vkui--font_h2--line_height--regular, 26px)",
-	'fontFamily': "var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_h2--font_weight--regular, 500)",
+$font-h2--compact--map: (
+	'fontSize': "var(--vkui--font_h2--font_size--compact, 20px)",
+	'lineHeight': "var(--vkui--font_h2--line_height--compact, 24px)",
+	'fontWeight': "var(--vkui--font_h2--font_weight--compact, 500)",
+	'fontFamily': "var(--vkui--font_h2--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
 );
-@mixin font-h2--compact() {
-	font-size: var(--vkui--font_h2--font_size--compact, 28px);
-	line-height: var(--vkui--font_h2--line_height--compact, 32px);
-	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+@mixin font-h2--regular() {
+	font-size: var(--vkui--font_h2--font_size--regular, 24px);
+	line-height: var(--vkui--font_h2--line_height--regular, 28px);
 	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
+	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+$font-h2--compact--map: (
+	'fontSize': "var(--vkui--font_h2--font_size--compact, 20px)",
+	'lineHeight': "var(--vkui--font_h2--line_height--compact, 24px)",
+	'fontWeight': "var(--vkui--font_h2--font_weight--compact, 500)",
+	'fontFamily': "var(--vkui--font_h2--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+);
 $font-h2--regular--map: (
-	'fontSize': "var(--vkui--font_h2--font_size--regular, 20px)",
-	'lineHeight': "var(--vkui--font_h2--line_height--regular, 26px)",
-	'fontFamily': "var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+	'fontSize': "var(--vkui--font_h2--font_size--regular, 24px)",
+	'lineHeight': "var(--vkui--font_h2--line_height--regular, 28px)",
 	'fontWeight': "var(--vkui--font_h2--font_weight--regular, 500)",
-);
-$font-h2--compact--map: (
-	'fontSize': "var(--vkui--font_h2--font_size--compact, 28px)",
-	'lineHeight': "var(--vkui--font_h2--line_height--compact, 32px)",
 	'fontFamily': "var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-	'fontWeight': "var(--vkui--font_h2--font_weight--regular, 500)",
-);
-@mixin calendar-font-text-event--regular() {
-	font-size: var(--vkui--calendar_font_text_event--font_size--regular, 17px);
-	line-height: var(--vkui--calendar_font_text_event--line_height--regular, 24px);
-	font-weight: var(--vkui--calendar_font_text_event--font_weight--regular, 400);
-	font-family: var(--vkui--calendar_font_text_event--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-$calendar-font-text-event--regular--map: (
-	'fontSize': "var(--vkui--calendar_font_text_event--font_size--regular, 17px)",
-	'lineHeight': "var(--vkui--calendar_font_text_event--line_height--regular, 24px)",
-	'fontWeight': "var(--vkui--calendar_font_text_event--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--calendar_font_text_event--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-@mixin calendar-font-text-event--compact() {
-	font-size: var(--vkui--calendar_font_text_event--font_size--compact, 13px);
-	line-height: var(--vkui--calendar_font_text_event--line_height--compact, 18px);
-	font-weight: var(--vkui--calendar_font_text_event--font_weight--compact, 500);
-	font-family: var(--vkui--calendar_font_text_event--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$calendar-font-text-event--regular--map: (
-	'fontSize': "var(--vkui--calendar_font_text_event--font_size--regular, 17px)",
-	'lineHeight': "var(--vkui--calendar_font_text_event--line_height--regular, 24px)",
-	'fontWeight': "var(--vkui--calendar_font_text_event--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--calendar_font_text_event--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$calendar-font-text-event--compact--map: (
-	'fontSize': "var(--vkui--calendar_font_text_event--font_size--compact, 13px)",
-	'lineHeight': "var(--vkui--calendar_font_text_event--line_height--compact, 18px)",
-	'fontWeight': "var(--vkui--calendar_font_text_event--font_weight--compact, 500)",
-	'fontFamily': "var(--vkui--calendar_font_text_event--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
-@mixin calendar-font-text-event-small--regular() {
-	font-size: var(--vkui--calendar_font_text_event_small--font_size--regular, 15px);
-	line-height: var(--vkui--calendar_font_text_event_small--line_height--regular, 20px);
-	font-weight: var(--vkui--calendar_font_text_event_small--font_weight--regular, 400);
-	font-family: var(--vkui--calendar_font_text_event_small--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-$calendar-font-text-event-small--regular--map: (
-	'fontSize': "var(--vkui--calendar_font_text_event_small--font_size--regular, 15px)",
-	'lineHeight': "var(--vkui--calendar_font_text_event_small--line_height--regular, 20px)",
-	'fontWeight': "var(--vkui--calendar_font_text_event_small--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--calendar_font_text_event_small--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-@mixin calendar-font-text-event-small--compact() {
-	font-size: var(--vkui--calendar_font_text_event_small--font_size--compact, 12px);
-	line-height: var(--vkui--calendar_font_text_event_small--line_height--compact, 12px);
-	font-weight: var(--vkui--calendar_font_text_event_small--font_weight--compact, 400);
-	font-family: var(--vkui--calendar_font_text_event_small--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$calendar-font-text-event-small--regular--map: (
-	'fontSize': "var(--vkui--calendar_font_text_event_small--font_size--regular, 15px)",
-	'lineHeight': "var(--vkui--calendar_font_text_event_small--line_height--regular, 20px)",
-	'fontWeight': "var(--vkui--calendar_font_text_event_small--font_weight--regular, 400)",
-	'fontFamily': "var(--vkui--calendar_font_text_event_small--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$calendar-font-text-event-small--compact--map: (
-	'fontSize': "var(--vkui--calendar_font_text_event_small--font_size--compact, 12px)",
-	'lineHeight': "var(--vkui--calendar_font_text_event_small--line_height--compact, 12px)",
-	'fontWeight': "var(--vkui--calendar_font_text_event_small--font_weight--compact, 400)",
-	'fontFamily': "var(--vkui--calendar_font_text_event_small--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+@mixin font-event-m--compact() {
+	font-size: var(--vkui--font_event_m--font_size--compact, 17px);
+	line-height: var(--vkui--font_event_m--line_height--compact, 24px);
+	font-weight: var(--vkui--font_event_m--font_weight--compact, 500);
+	font-family: var(--vkui--font_event_m--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-event-m--compact--map: (
+	'fontSize': "var(--vkui--font_event_m--font_size--compact, 17px)",
+	'lineHeight': "var(--vkui--font_event_m--line_height--compact, 24px)",
+	'fontWeight': "var(--vkui--font_event_m--font_weight--compact, 500)",
+	'fontFamily': "var(--vkui--font_event_m--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+);
+@mixin font-event-m--regular() {
+	font-size: var(--vkui--font_event_m--font_size--regular, 15px);
+	line-height: var(--vkui--font_event_m--line_height--regular, 20px);
+	font-weight: var(--vkui--font_event_m--font_weight--regular, 500);
+	font-family: var(--vkui--font_event_m--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-event-m--compact--map: (
+	'fontSize': "var(--vkui--font_event_m--font_size--compact, 17px)",
+	'lineHeight': "var(--vkui--font_event_m--line_height--compact, 24px)",
+	'fontWeight': "var(--vkui--font_event_m--font_weight--compact, 500)",
+	'fontFamily': "var(--vkui--font_event_m--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+);
+$font-event-m--regular--map: (
+	'fontSize': "var(--vkui--font_event_m--font_size--regular, 15px)",
+	'lineHeight': "var(--vkui--font_event_m--line_height--regular, 20px)",
+	'fontWeight': "var(--vkui--font_event_m--font_weight--regular, 500)",
+	'fontFamily': "var(--vkui--font_event_m--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+);
+@mixin font-event-s--compact() {
+	font-size: var(--vkui--font_event_s--font_size--compact, 15px);
+	line-height: var(--vkui--font_event_s--line_height--compact, 18px);
+	font-weight: var(--vkui--font_event_s--font_weight--compact, 500);
+	font-family: var(--vkui--font_event_s--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-event-s--compact--map: (
+	'fontSize': "var(--vkui--font_event_s--font_size--compact, 15px)",
+	'lineHeight': "var(--vkui--font_event_s--line_height--compact, 18px)",
+	'fontWeight': "var(--vkui--font_event_s--font_weight--compact, 500)",
+	'fontFamily': "var(--vkui--font_event_s--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+);
+@mixin font-event-s--regular() {
+	font-size: var(--vkui--font_event_s--font_size--regular, 13px);
+	line-height: var(--vkui--font_event_s--line_height--regular, 18px);
+	font-weight: var(--vkui--font_event_s--font_weight--regular, 500);
+	font-family: var(--vkui--font_event_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-event-s--compact--map: (
+	'fontSize': "var(--vkui--font_event_s--font_size--compact, 15px)",
+	'lineHeight': "var(--vkui--font_event_s--line_height--compact, 18px)",
+	'fontWeight': "var(--vkui--font_event_s--font_weight--compact, 500)",
+	'fontFamily': "var(--vkui--font_event_s--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
+);
+$font-event-s--regular--map: (
+	'fontSize': "var(--vkui--font_event_s--font_size--regular, 13px)",
+	'lineHeight': "var(--vkui--font_event_s--line_height--regular, 18px)",
+	'fontWeight': "var(--vkui--font_event_s--font_weight--regular, 500)",
+	'fontFamily': "var(--vkui--font_event_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+);
+@mixin font-event-x-s--regular() {
+	font-size: var(--vkui--font_event_x_s--font_size--regular, 12px);
+	line-height: var(--vkui--font_event_x_s--line_height--regular, 16px);
+	font-weight: var(--vkui--font_event_x_s--font_weight--regular, 500);
+	font-family: var(--vkui--font_event_x_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-event-x-s--regular--map: (
+	'fontSize': "var(--vkui--font_event_x_s--font_size--regular, 12px)",
+	'lineHeight': "var(--vkui--font_event_x_s--line_height--regular, 16px)",
+	'fontWeight': "var(--vkui--font_event_x_s--font_weight--regular, 500)",
+	'fontFamily': "var(--vkui--font_event_x_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+);
+@mixin font-time--regular() {
+	font-size: var(--vkui--font_time--font_size--regular, 13px);
+	line-height: var(--vkui--font_time--line_height--regular, 18px);
+	font-weight: var(--vkui--font_time--font_weight--regular, 500);
+	font-family: var(--vkui--font_time--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-time--regular--map: (
+	'fontSize': "var(--vkui--font_time--font_size--regular, 13px)",
+	'lineHeight': "var(--vkui--font_time--line_height--regular, 18px)",
+	'fontWeight': "var(--vkui--font_time--font_weight--regular, 500)",
+	'fontFamily': "var(--vkui--font_time--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+);
+@mixin font-body-i-o-s--regular() {
+	font-size: var(--vkui--font_body_i_o_s--font_size--regular, 17px);
+	line-height: var(--vkui--font_body_i_o_s--line_height--regular, 24px);
+	font-weight: var(--vkui--font_body_i_o_s--font_weight--regular, 500);
+	font-family: var(--vkui--font_body_i_o_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-body-i-o-s--regular--map: (
+	'fontSize': "var(--vkui--font_body_i_o_s--font_size--regular, 17px)",
+	'lineHeight': "var(--vkui--font_body_i_o_s--line_height--regular, 24px)",
+	'fontWeight': "var(--vkui--font_body_i_o_s--font_weight--regular, 500)",
+	'fontFamily': "var(--vkui--font_body_i_o_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
+);
+@mixin font-body-android--regular() {
+	font-size: var(--vkui--font_body_android--font_size--regular, 16px);
+	line-height: var(--vkui--font_body_android--line_height--regular, 24px);
+	font-weight: var(--vkui--font_body_android--font_weight--regular, 500);
+	font-family: var(--vkui--font_body_android--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+$font-body-android--regular--map: (
+	'fontSize': "var(--vkui--font_body_android--font_size--regular, 16px)",
+	'lineHeight': "var(--vkui--font_body_android--line_height--regular, 24px)",
+	'fontWeight': "var(--vkui--font_body_android--font_weight--regular, 500)",
+	'fontFamily': "var(--vkui--font_body_android--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
 @mixin 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-weight: var(--vkui--font_headline--font_weight--regular, 500);
 	font-family: var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 $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)",
 	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 500)",
 	'fontFamily': "var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
 );
-@mixin font-headline--compact() {
-	font-size: var(--vkui--font_headline--font_size--compact, 15px);
-	line-height: var(--vkui--font_headline--line_height--compact, 20px);
-	font-weight: var(--vkui--font_headline--font_weight--compact, 500);
-	font-family: var(--vkui--font_headline--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-$font-headline--regular--map: (
-	'fontSize': "var(--vkui--font_headline--font_size--regular, 16px)",
-	'lineHeight': "var(--vkui--font_headline--line_height--regular, 20px)",
-	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 500)",
-	'fontFamily': "var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif)",
-);
-$font-headline--compact--map: (
-	'fontSize': "var(--vkui--font_headline--font_size--compact, 15px)",
-	'lineHeight': "var(--vkui--font_headline--line_height--compact, 20px)",
-	'fontWeight': "var(--vkui--font_headline--font_weight--compact, 500)",
-	'fontFamily': "var(--vkui--font_headline--font_family--compact, MailSans, Helvetica, Arial, sans-serif)",
-);
 @mixin media-width-touch {
 	@media (max-width: 767px) { @content; }
 }