npm - @vkontakte/vkui-tokens - Versions diffs - 4.87.0 → 4.89.0 - Mend

@vkontakte/vkui-tokens 4.87.0 → 4.89.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (318) hide show

package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariablesLocal.css ADDED Viewed

@@ -0,0 +1,923 @@
+.vkui--legoSimpleAndroid--light {
+	--vkui--theme_name: 'legoSimpleAndroid';
+	--vkui--theme_name_base: 'legoSimpleAndroid';
+	--vkui--elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
+	--vkui--elevation1_invert_y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06);
+	--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
+	--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
+	--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--vkui--blur_s: 8px;
+	--vkui--blur_m: 16px;
+	--vkui--blur_l: 32px;
+	--vkui--blur_x_l: 64px;
+	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_weight_accent1: 600;
+	--vkui--font_weight_accent2: 500;
+	--vkui--font_weight_accent3: 400;
+	--vkui--font_weight_base1: 600;
+	--vkui--font_weight_base2: 500;
+	--vkui--font_weight_base3: 400;
+	--vkui--font_display_title1--font_size--regular: 23px;
+	--vkui--font_display_title1--line_height--regular: 28px;
+	--vkui--font_display_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_display_title1--font_weight--regular: 600;
+	--vkui--font_display_title2--font_size--regular: 21px;
+	--vkui--font_display_title2--line_height--regular: 26px;
+	--vkui--font_display_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_display_title2--font_weight--regular: 600;
+	--vkui--font_display_title2--font_size--compact: 22px;
+	--vkui--font_display_title2--line_height--compact: 24px;
+	--vkui--font_display_title2--font_family--compact: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_display_title2--font_weight--compact: 600;
+	--vkui--font_display_title3--font_size--regular: 19px;
+	--vkui--font_display_title3--line_height--regular: 24px;
+	--vkui--font_display_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_display_title3--font_weight--regular: 600;
+	--vkui--font_display_title4--font_size--regular: 17px;
+	--vkui--font_display_title4--line_height--regular: 22px;
+	--vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_display_title4--font_weight--regular: 600;
+	--vkui--font_title1--font_size--regular: 31px;
+	--vkui--font_title1--line_height--regular: 31px;
+	--vkui--font_title1--font_family--regular: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_title1--font_weight--regular: 700;
+	--vkui--font_title1--letter_spacing--regular: -0.5px;
+	--vkui--font_title2--font_size--regular: 24px;
+	--vkui--font_title2--line_height--regular: 26px;
+	--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_title2--font_weight--regular: 700;
+	--vkui--font_title2--letter_spacing--regular: -0.09px;
+	--vkui--font_title3--font_size--regular: 21.5px;
+	--vkui--font_title3--line_height--regular: 23px;
+	--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_title3--font_weight--regular: 700;
+	--vkui--font_title3--letter_spacing--regular: -0.15px;
+	--vkui--font_headline1--font_size--regular: 17px;
+	--vkui--font_headline1--line_height--regular: 20px;
+	--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_headline1--font_weight--regular: 600;
+	--vkui--font_headline1--letter_spacing--regular: -0.16px;
+	--vkui--font_headline1--font_size--compact: 15px;
+	--vkui--font_headline1--line_height--compact: 20px;
+	--vkui--font_headline2--font_size--regular: 15px;
+	--vkui--font_headline2--line_height--regular: 20px;
+	--vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_headline2--font_weight--regular: 500;
+	--vkui--font_headline2--font_size--compact: 14px;
+	--vkui--font_headline2--line_height--compact: 20px;
+	--vkui--font_text--font_size--regular: 16px;
+	--vkui--font_text--line_height--regular: 18.5px;
+	--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_text--font_weight--regular: 600;
+	--vkui--font_text--letter_spacing--regular: -0.15px;
+	--vkui--font_text--font_size--compact: 15px;
+	--vkui--font_text--line_height--compact: 20px;
+	--vkui--font_paragraph--font_size--regular: 15px;
+	--vkui--font_paragraph--line_height--regular: 18.5px;
+	--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_paragraph--font_weight--regular: 600;
+	--vkui--font_paragraph--letter_spacing--regular: -0.17px;
+	--vkui--font_subhead--font_size--regular: 14px;
+	--vkui--font_subhead--line_height--regular: 18px;
+	--vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_subhead--font_weight--regular: 400;
+	--vkui--font_subhead--font_size--compact: 13px;
+	--vkui--font_subhead--line_height--compact: 16px;
+	--vkui--font_footnote--font_size--regular: 13.5px;
+	--vkui--font_footnote--line_height--regular: 15px;
+	--vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_footnote--font_weight--regular: 600;
+	--vkui--font_footnote--letter_spacing--regular: -0.16px;
+	--vkui--font_footnote_caps--font_size--regular: 13px;
+	--vkui--font_footnote_caps--line_height--regular: 16px;
+	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_footnote_caps--font_weight--regular: 600;
+	--vkui--font_footnote_caps--text_transform--regular: uppercase;
+	--vkui--font_caption1--font_size--regular: 11.5px;
+	--vkui--font_caption1--line_height--regular: 12px;
+	--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_caption1--font_weight--regular: 600;
+	--vkui--font_caption1--letter_spacing--regular: -0.16px;
+	--vkui--font_caption1_caps--font_size--regular: 12px;
+	--vkui--font_caption1_caps--line_height--regular: 14px;
+	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_caption1_caps--font_weight--regular: 600;
+	--vkui--font_caption1_caps--text_transform--regular: uppercase;
+	--vkui--font_caption2--font_size--regular: 11px;
+	--vkui--font_caption2--line_height--regular: 14px;
+	--vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_caption2--font_weight--regular: 400;
+	--vkui--font_caption2_caps--font_size--regular: 11px;
+	--vkui--font_caption2_caps--line_height--regular: 14px;
+	--vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_caption2_caps--font_weight--regular: 600;
+	--vkui--font_caption2_caps--text_transform--regular: uppercase;
+	--vkui--font_caption3--font_size--regular: 9px;
+	--vkui--font_caption3--line_height--regular: 12px;
+	--vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_caption3--font_weight--regular: 400;
+	--vkui--font_caption3_caps--font_size--regular: 9px;
+	--vkui--font_caption3_caps--line_height--regular: 12px;
+	--vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_caption3_caps--font_weight--regular: 600;
+	--vkui--font_caption3_caps--text_transform--regular: uppercase;
+	--vkui--size_select_icon_padding--regular: 6px;
+	--vkui--size_select_icon_padding--compact: 7px;
+	--vkui--size_popup_base_padding--regular: 32px;
+	--vkui--size_popup_base_padding--compact: 20px;
+	--vkui--size_popup_header_padding--regular: 24px;
+	--vkui--size_popup_header_padding--compact: 16px;
+	--vkui--size_label_horizontal_margin--regular: 16px;
+	--vkui--size_border_radius--regular: 8px;
+	--vkui--size_border_radius_rounded--regular: 48px;
+	--vkui--size_check_border_radius--regular: 4px;
+	--vkui--size_border_radius_paper--regular: 12px;
+	--vkui--size_border_radius_promo--regular: 20px;
+	--vkui--size_cell_height--regular: 52px;
+	--vkui--size_field_height--regular: 44px;
+	--vkui--size_field_height--compact: 36px;
+	--vkui--size_search_height--regular: 36px;
+	--vkui--size_search_height--compact: 32px;
+	--vkui--size_button_extra_small_height--regular: 28px;
+	--vkui--size_button_small_height--regular: 28px;
+	--vkui--size_button_medium_height--regular: 38px;
+	--vkui--size_button_large_height--regular: 52px;
+	--vkui--size_checkbox--regular: 16px;
+	--vkui--size_arrow--regular: 8px;
+	--vkui--size_arrow_promo--regular: 40px;
+	--vkui--size_popup_small--regular: 430px;
+	--vkui--size_popup_medium--regular: 680px;
+	--vkui--size_popup_large--regular: 880px;
+	--vkui--size_field_horizontal_padding--regular: 12px;
+	--vkui--size_button_padding_horizontal--regular: 12px;
+	--vkui--size_arrow_padding--regular: 12px;
+	--vkui--size_tooltip_margin--regular: 8px;
+	--vkui--size_icon_u_i--regular: 16px;
+	--vkui--size_avatar_x_s--regular: 24px;
+	--vkui--size_avatar_s--regular: 32px;
+	--vkui--size_avatar_m--regular: 48px;
+	--vkui--size_avatar_l--regular: 96px;
+	--vkui--size_avatar_x_l--regular: 128px;
+	--vkui--size_badge_x_s--regular: 12px;
+	--vkui--size_badge_s--regular: 16px;
+	--vkui--size_badge_m--regular: 24px;
+	--vkui--size_badge_l--regular: 44px;
+	--vkui--size_badge_x_l--regular: 56px;
+	--vkui--size_cardgrid_padding--regular: 8px;
+	--vkui--size_card_border_radius--regular: 8px;
+	--vkui--size_cardgrid_padding_vertical--regular: 8px;
+	--vkui--size_base_padding_horizontal--regular: 16px;
+	--vkui--size_base_padding_vertical--regular: 12px;
+	--vkui--size_button_group_gap_space--regular: 1px;
+	--vkui--size_button_group_gap_small--regular: 8px;
+	--vkui--size_button_group_gap_medium--regular: 12px;
+	--vkui--size_option_hierarchy--regular: 32px;
+	--vkui--size_switch_height--regular: 14px;
+	--vkui--size_switch_height--compact: 12px;
+	--vkui--size_switch_width--regular: 34px;
+	--vkui--size_switch_width--compact: 32px;
+	--vkui--size_switch_pin--regular: 20px;
+	--vkui--size_switch_pin--compact: 18px;
+	--vkui--size_panel_header_height--compact: 48px;
+	--vkui--size_panel_header_height--regular: 56px;
+	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
+	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
+	--vkui--size_button_base_large_padding_horizontal--regular: 20px;
+	--vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
+	--vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
+	--vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
+	--vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
+	--vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
+	--vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
+	--vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
+	--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
+	--vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
+	--vkui--size_button_minimum_width--regular: 80px;
+	--vkui--size_form_item_padding_vertical--regular: 12px;
+	--vkui--size_split_col_padding_horizontal--regular: 16px;
+	--vkui--size_subnavigation_bar_gap--regular: 8px;
+	--vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
+	--vkui--size_border1x--regular: 1px;
+	--vkui--size_border2x--regular: 0.5px;
+	--vkui--size_border3x--regular: 0.33px;
+	--vkui--spacing_size_3xs: 2px;
+	--vkui--spacing_size_2xs: 2px;
+	--vkui--spacing_size_xs: 4px;
+	--vkui--spacing_size_s: 6px;
+	--vkui--spacing_size_m: 8px;
+	--vkui--spacing_size_l: 10px;
+	--vkui--spacing_size_xl: 12px;
+	--vkui--spacing_size_2xl: 16px;
+	--vkui--spacing_size_3xl: 20px;
+	--vkui--spacing_size_4xl: 24px;
+	--vkui--spacing_size_5xl: 32px;
+	--vkui--spacing_size_6xl: 40px;
+	--vkui--animation_duration_l: 0.4s;
+	--vkui--animation_duration_m: 0.2s;
+	--vkui--animation_duration_s: 0.1s;
+	--vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
+	--vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1);
+	--vkui--opacity_disable: 0.52;
+	--vkui--opacity_disable_accessibility: 0.52;
+	--vkui--opacity_active: 0.72;
+	--vkui--z_index_modal: 99;
+	--vkui--z_index_popout: 100;
+	--vkui--theme_inherits_from: 'legoAndroid';
+	--vkui--radius_2x_s: 4px;
+	--vkui--radius_x_s: 6px;
+	--vkui--radius_s: 8px;
+	--vkui--radius_m: 12px;
+	--vkui--radius_l: 16px;
+	--vkui--radius_x_l: 20px;
+	--vkui--radius_2x_l: 24px;
+	--vkui--radius_3x_l: 32px;
+	--vkui--animation_easing_linear: cubic-bezier(0, 0, 1, 1);
+	--vkui--animation_easing_in_smooth: cubic-bezier(1, 0, 0.7, 1);
+	--vkui--animation_easing_out_smooth: cubic-bezier(0.3, 0, 0, 1);
+	--vkui--animation_easing_in_out_smooth: cubic-bezier(0.3, 0, 0.7, 1);
+	--vkui--animation_easing_out_sharp: cubic-bezier(0.2, 0, 0, 1);
+	--vkui--animation_easing_in_out_sharp: cubic-bezier(0.7, 0, 0.3, 1);
+	--vkui--font_label1--font_size--regular: 19px;
+	--vkui--font_label1--line_height--regular: 20px;
+	--vkui--font_label1--font_weight--regular: 700;
+	--vkui--font_label1--letter_spacing--regular: -0.14px;
+	--vkui--font_label2--font_size--regular: 18px;
+	--vkui--font_label2--line_height--regular: 21px;
+	--vkui--font_label2--font_weight--regular: 600;
+	--vkui--font_label2--letter_spacing--regular: -0.19px;
+	--vkui--font_body--font_size--regular: 16.5px;
+	--vkui--font_body--line_height--regular: 21px;
+	--vkui--font_body--font_weight--regular: 500;
+	--vkui--font_body--letter_spacing--regular: -0.21px;
+	--vkui--font_text_bold--font_size--regular: 16px;
+	--vkui--font_text_bold--line_height--regular: 18.5px;
+	--vkui--font_text_bold--font_weight--regular: 700;
+	--vkui--font_text_bold--letter_spacing--regular: -0.15px;
+	--vkui--font_footnote_bold--font_size--regular: 13.5px;
+	--vkui--font_footnote_bold--line_height--regular: 15px;
+	--vkui--font_footnote_bold--font_weight--regular: 700;
+	--vkui--font_footnote_bold--letter_spacing--regular: -0.16px;
+	--vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
+	--vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
+	--vkui--gradient_tint: rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.05) 15%, rgba(247, 247, 247, 0.2) 30%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(247, 247, 247, 1)) 100%;
+	--vkui--gradient: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%;
+	--vkui--font_headline--font_size--regular: 17px;
+	--vkui--font_headline--line_height--regular: 20px;
+	--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
+	--vkui--font_headline--font_weight--regular: 600;
+	--vkui--font_headline--letter_spacing--regular: -0.16px;
+	--vkui--font_headline--font_size--compact: 15px;
+	--vkui--font_headline--line_height--compact: 20px;
+	--vkui--vkontakte_gradient_aquamarine_blue: rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%;
+	--vkui--vkontakte_gradient_blue: rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%;
+	--vkui--vkontakte_gradient_candy: rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%;
+	--vkui--vkontakte_gradient_crimson: rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%;
+	--vkui--vkontakte_gradient_disco: rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%;
+	--vkui--vkontakte_gradient_emerald: rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%;
+	--vkui--vkontakte_gradient_gray: rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%;
+	--vkui--vkontakte_gradient_green: rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%;
+	--vkui--vkontakte_gradient_lagoon: rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%;
+	--vkui--vkontakte_gradient_lavender: rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%;
+	--vkui--vkontakte_gradient_marine: rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%;
+	--vkui--vkontakte_gradient_midnight: rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%;
+	--vkui--vkontakte_gradient_orange: rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%;
+	--vkui--vkontakte_gradient_pink: rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%;
+	--vkui--vkontakte_gradient_purple: rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%;
+	--vkui--vkontakte_gradient_raspberry_pink: rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%;
+	--vkui--vkontakte_gradient_red: rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%;
+	--vkui--vkontakte_gradient_retrowave: rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%;
+	--vkui--vkontakte_gradient_sunset: rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%;
+	--vkui--vkontakte_gradient_turquoise: rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%;
+	--vkui--vkontakte_gradient_twilight: rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%;
+	--vkui--vkontakte_gradient_unicorn: rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%;
+	--vkui--vkontakte_gradient_violet: rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%;
+	--vkui--vkontakte_gradient_yellow: rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%;
+	--vkui--vkontakte_gradient_yellow_bright: rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%;
+	--vkui--vkontakte_gradient_halloween_orange: rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%;
+	--vkui--vkontakte_gradient_halloween_violet: rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%;
+	--vkui--vkontakte_gradient_new_year: rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%;
+	--vkui--vkontakte_gradient_frost: rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%;
+	--vkui--vkontakte_gradient_valentine: rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%;
+	--vkui--vkontakte_gradient_warm_valentine: rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%;
+	--vkui--vkontakte_gradient_sberkot: rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%;
+	--vkui--vkontakte_gradient_mable: rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%;
+	--vkui--vkontakte_gradient_womens_day: rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%;
+	--vkui--colors_scheme: light;
+	--vkui--color_background_accent: #2e90ff;
+	--vkui--color_background_accent--hover: #2C8BF7;
+	--vkui--color_background_accent--active: #2A86EF;
+	--vkui--color_background_accent_themed: #2e90ff;
+	--vkui--color_background_accent_themed--hover: #2C8BF7;
+	--vkui--color_background_accent_themed--active: #2A86EF;
+	--vkui--color_background_accent_themed_alpha: rgba(38, 136, 235, 0.2);
+	--vkui--color_background_accent_themed_alpha--hover: rgba(38, 136, 235, 0.24);
+	--vkui--color_background_accent_themed_alpha--active: rgba(38, 136, 235, 0.28);
+	--vkui--color_background_accent_tint: #5a9eff;
+	--vkui--color_background_accent_tint--hover: #5698F7;
+	--vkui--color_background_accent_tint--active: #5393EF;
+	--vkui--color_background_accent_alternative: #2688EB;
+	--vkui--color_background_accent_alternative--hover: #2483E4;
+	--vkui--color_background_accent_alternative--active: #237EDD;
+	--vkui--color_background: #ffffff;
+	--vkui--color_background--hover: #F5F5F7;
+	--vkui--color_background--active: #EBECEF;
+	--vkui--color_background_content: #ffffff;
+	--vkui--color_background_content--hover: #F5F5F7;
+	--vkui--color_background_content--active: #EBECEF;
+	--vkui--color_background_content_alpha: rgba(255, 255, 255, 0.8);
+	--vkui--color_background_content_alpha--hover: rgba(255, 255, 255, 0.84);
+	--vkui--color_background_content_alpha--active: rgba(255, 255, 255, 0.88);
+	--vkui--color_background_content_inverse: #19191A;
+	--vkui--color_background_content_inverse--hover: #18191B;
+	--vkui--color_background_content_inverse--active: #17181D;
+	--vkui--color_background_secondary: #f2f2f2;
+	--vkui--color_background_secondary--hover: #E8E9EB;
+	--vkui--color_background_secondary--active: #DFE0E4;
+	--vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
+	--vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
+	--vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
+	--vkui--color_background_tertiary: #f7f7f7;
+	--vkui--color_background_tertiary--hover: #EDEEF0;
+	--vkui--color_background_tertiary--active: #E3E5E8;
+	--vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.03);
+	--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.07);
+	--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.11);
+	--vkui--color_background_contrast: #ffffff;
+	--vkui--color_background_contrast--hover: #F5F5F7;
+	--vkui--color_background_contrast--active: #EBECEF;
+	--vkui--color_background_contrast_secondary_alpha: #ffffff33;
+	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
+	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
+	--vkui--color_background_contrast_inverse: #000000;
+	--vkui--color_background_contrast_inverse--hover: #000102;
+	--vkui--color_background_contrast_inverse--active: #000105;
+	--vkui--color_background_contrast_themed: #ffffff;
+	--vkui--color_background_contrast_themed--hover: #F5F5F7;
+	--vkui--color_background_contrast_themed--active: #EBECEF;
+	--vkui--color_background_modal: #ffffff;
+	--vkui--color_background_modal--hover: #F5F5F7;
+	--vkui--color_background_modal--active: #EBECEF;
+	--vkui--color_background_modal_inverse: #000000;
+	--vkui--color_background_modal_inverse--hover: #000102;
+	--vkui--color_background_modal_inverse--active: #000105;
+	--vkui--color_background_positive: #34c759;
+	--vkui--color_background_positive--hover: #32C058;
+	--vkui--color_background_positive--active: #30B857;
+	--vkui--color_background_positive_tint: #e8f9e8;
+	--vkui--color_background_positive_tint--hover: #DFF0E1;
+	--vkui--color_background_positive_tint--active: #D5E6DA;
+	--vkui--color_background_warning: #fff2d6;
+	--vkui--color_background_warning--hover: #F5E9D0;
+	--vkui--color_background_warning--active: #EBE0CA;
+	--vkui--color_background_negative: #f65460;
+	--vkui--color_background_negative--hover: #EC515F;
+	--vkui--color_background_negative--active: #E24F5D;
+	--vkui--color_background_negative_tint: #ffe9e9;
+	--vkui--color_background_negative_tint--hover: #F5E0E2;
+	--vkui--color_background_negative_tint--active: #EBD8DB;
+	--vkui--color_background_info_tint: #deeeff;
+	--vkui--color_background_info_tint--hover: #D5E5F7;
+	--vkui--color_background_info_tint--active: #CCDCEF;
+	--vkui--color_field_background: #ddff00;
+	--vkui--color_field_background--hover: #D4F502;
+	--vkui--color_field_background--active: #CBEC05;
+	--vkui--color_header_background: #ffffff;
+	--vkui--color_header_background--hover: #F5F5F7;
+	--vkui--color_header_background--active: #EBECEF;
+	--vkui--color_text_accent: #2e90ff;
+	--vkui--color_text_accent--hover: #2C8BF7;
+	--vkui--color_text_accent--active: #2A86EF;
+	--vkui--color_text_accent_themed: #2e90ff;
+	--vkui--color_text_accent_themed--hover: #2C8BF7;
+	--vkui--color_text_accent_themed--active: #2A86EF;
+	--vkui--color_text_primary: #3b3b3b;
+	--vkui--color_text_primary--hover: #39393B;
+	--vkui--color_text_primary--active: #36383B;
+	--vkui--color_text_primary_alpha: rgba(37, 41, 46, 0.84);
+	--vkui--color_text_primary_alpha--hover: rgba(37, 41, 46, 0.88);
+	--vkui--color_text_primary_alpha--active: rgba(37, 41, 46, 0.92);
+	--vkui--color_text_primary_invariably: #3b3b3b;
+	--vkui--color_text_primary_invariably--hover: #39393B;
+	--vkui--color_text_primary_invariably--active: #36383B;
+	--vkui--color_text_secondary: #999999;
+	--vkui--color_text_secondary--hover: #939495;
+	--vkui--color_text_secondary--active: #8D8E92;
+	--vkui--color_text_secondary_alpha: rgba(37, 41, 46, 0.55);
+	--vkui--color_text_secondary_alpha--hover: rgba(37, 41, 46, 0.59);
+	--vkui--color_text_secondary_alpha--active: rgba(37, 41, 46, 0.63);
+	--vkui--color_text_subhead: #6d7885;
+	--vkui--color_text_subhead--hover: #697482;
+	--vkui--color_text_subhead--active: #64707F;
+	--vkui--color_text_tertiary: #99a2ad;
+	--vkui--color_text_tertiary--hover: #939CA9;
+	--vkui--color_text_tertiary--active: #8D96A4;
+	--vkui--color_text_contrast: #ffffff;
+	--vkui--color_text_contrast--hover: #F5F5F7;
+	--vkui--color_text_contrast--active: #EBECEF;
+	--vkui--color_text_contrast_themed: #ffffff;
+	--vkui--color_text_contrast_themed--hover: #F5F5F7;
+	--vkui--color_text_contrast_themed--active: #EBECEF;
+	--vkui--color_text_positive: #34c759;
+	--vkui--color_text_positive--hover: #32C058;
+	--vkui--color_text_positive--active: #30B857;
+	--vkui--color_text_negative: #f65460;
+	--vkui--color_text_negative--hover: #EC515F;
+	--vkui--color_text_negative--active: #E24F5D;
+	--vkui--color_text_link: #2d81e0;
+	--vkui--color_text_link--hover: #2B7CD9;
+	--vkui--color_text_link--active: #2978D3;
+	--vkui--color_text_link_themed: #2d81e0;
+	--vkui--color_text_link_themed--hover: #2B7CD9;
+	--vkui--color_text_link_themed--active: #2978D3;
+	--vkui--color_text_link_tint: #71aaeb;
+	--vkui--color_text_link_tint--hover: #6CA4E4;
+	--vkui--color_text_link_tint--active: #689EDD;
+	--vkui--color_text_link_visited: #4986cc;
+	--vkui--color_text_link_visited--hover: #4681C6;
+	--vkui--color_text_link_visited--active: #437DC1;
+	--vkui--color_text_muted: #2c2d2e;
+	--vkui--color_text_muted--hover: #2A2C2F;
+	--vkui--color_text_muted--active: #282B2F;
+	--vkui--color_link_contrast: #ffffff;
+	--vkui--color_link_contrast--hover: #F5F5F7;
+	--vkui--color_link_contrast--active: #EBECEF;
+	--vkui--color_icon_accent: #2e90ff;
+	--vkui--color_icon_accent--hover: #2C8BF7;
+	--vkui--color_icon_accent--active: #2A86EF;
+	--vkui--color_icon_accent_themed: #2e90ff;
+	--vkui--color_icon_accent_themed--hover: #2C8BF7;
+	--vkui--color_icon_accent_themed--active: #2A86EF;
+	--vkui--color_icon_primary: #3b3b3b;
+	--vkui--color_icon_primary--hover: #39393B;
+	--vkui--color_icon_primary--active: #36383B;
+	--vkui--color_icon_primary_invariably: #3b3b3b;
+	--vkui--color_icon_primary_invariably--hover: #39393B;
+	--vkui--color_icon_primary_invariably--active: #36383B;
+	--vkui--color_icon_medium: #999999;
+	--vkui--color_icon_medium--hover: #939495;
+	--vkui--color_icon_medium--active: #8D8E92;
+	--vkui--color_icon_medium_alpha: rgba(0, 0, 0, 0.48);
+	--vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, 0.52);
+	--vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, 0.56);
+	--vkui--color_icon_secondary: #b3b3b3;
+	--vkui--color_icon_secondary--hover: #ACACAE;
+	--vkui--color_icon_secondary--active: #A5A6AA;
+	--vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.36);
+	--vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.4);
+	--vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.44);
+	--vkui--color_icon_tertiary: #d9d9d9;
+	--vkui--color_icon_tertiary--hover: #D0D1D3;
+	--vkui--color_icon_tertiary--active: #C8C9CD;
+	--vkui--color_icon_tertiary_alpha: #3b3b3b66;
+	--vkui--color_icon_tertiary_alpha--hover: rgba(59, 59, 59, 0.44);
+	--vkui--color_icon_tertiary_alpha--active: rgba(59, 59, 59, 0.48);
+	--vkui--color_icon_contrast: #ffffff;
+	--vkui--color_icon_contrast--hover: #F5F5F7;
+	--vkui--color_icon_contrast--active: #EBECEF;
+	--vkui--color_icon_contrast_themed: #ffffff;
+	--vkui--color_icon_contrast_themed--hover: #F5F5F7;
+	--vkui--color_icon_contrast_themed--active: #EBECEF;
+	--vkui--color_icon_contrast_secondary: #f2f3f5;
+	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
+	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
+	--vkui--color_icon_positive: #34c759;
+	--vkui--color_icon_positive--hover: #32C058;
+	--vkui--color_icon_positive--active: #30B857;
+	--vkui--color_icon_warning: #ff6900;
+	--vkui--color_icon_warning--hover: #F56502;
+	--vkui--color_icon_warning--active: #EB6205;
+	--vkui--color_icon_negative: #f65460;
+	--vkui--color_icon_negative--hover: #EC515F;
+	--vkui--color_icon_negative--active: #E24F5D;
+	--vkui--color_stroke_accent: #2e90ff;
+	--vkui--color_stroke_accent--hover: #2C8BF7;
+	--vkui--color_stroke_accent--active: #2A86EF;
+	--vkui--color_stroke_accent_themed: #2e90ff;
+	--vkui--color_stroke_accent_themed--hover: #2C8BF7;
+	--vkui--color_stroke_accent_themed--active: #2A86EF;
+	--vkui--color_separator_primary: #ebebeb;
+	--vkui--color_separator_primary--hover: #E2E2E4;
+	--vkui--color_separator_primary--active: #D8D9DD;
+	--vkui--color_separator_primary2x: #cbcccd;
+	--vkui--color_separator_primary2x--hover: #C3C4C7;
+	--vkui--color_separator_primary2x--active: #BBBDC1;
+	--vkui--color_separator_primary3x: #bebfc1;
+	--vkui--color_separator_primary3x--hover: #B6B8BC;
+	--vkui--color_separator_primary3x--active: #AFB1B6;
+	--vkui--color_separator_primary_alpha: #0000001e;
+	--vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, 0.16);
+	--vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.2);
+	--vkui--color_separator_secondary: #e1e3e6;
+	--vkui--color_separator_secondary--hover: #D8DBDF;
+	--vkui--color_separator_secondary--active: #CFD2D8;
+	--vkui--color_stroke_positive: #34c759;
+	--vkui--color_stroke_positive--hover: #32C058;
+	--vkui--color_stroke_positive--active: #30B857;
+	--vkui--color_stroke_negative: #f65460;
+	--vkui--color_stroke_negative--hover: #EC515F;
+	--vkui--color_stroke_negative--active: #E24F5D;
+	--vkui--color_stroke_contrast: #ffffff;
+	--vkui--color_stroke_contrast--hover: #F5F5F7;
+	--vkui--color_stroke_contrast--active: #EBECEF;
+	--vkui--color_stroke_primary: #3b3b3b;
+	--vkui--color_stroke_primary--hover: #39393B;
+	--vkui--color_stroke_primary--active: #36383B;
+	--vkui--color_image_border_alpha: #33333328;
+	--vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
+	--vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
+	--vkui--color_field_border_alpha: #3333330a;
+	--vkui--color_field_border_alpha--hover: #3333333d;
+	--vkui--color_field_border_alpha--active: #3333335b;
+	--vkui--color_accent_blue: #2e90ff;
+	--vkui--color_accent_blue--hover: #2C8BF7;
+	--vkui--color_accent_blue--active: #2A86EF;
+	--vkui--color_accent_gray: #a3adb8;
+	--vkui--color_accent_gray--hover: #9CA7B3;
+	--vkui--color_accent_gray--active: #96A0AE;
+	--vkui--color_accent_red: #ff5773;
+	--vkui--color_accent_red--hover: #F55471;
+	--vkui--color_accent_red--active: #EB516F;
+	--vkui--color_accent_orange_fire: #f05c44;
+	--vkui--color_accent_orange_fire--hover: #E65944;
+	--vkui--color_accent_orange_fire--active: #DD5643;
+	--vkui--color_accent_orange: #ff913d;
+	--vkui--color_accent_orange--hover: #F58C3D;
+	--vkui--color_accent_orange--active: #EB873D;
+	--vkui--color_accent_orange_peach: #f9b54f;
+	--vkui--color_accent_orange_peach--hover: #EFAE4E;
+	--vkui--color_accent_orange_peach--active: #E5A84E;
+	--vkui--color_accent_lime: #aff70d;
+	--vkui--color_accent_lime--hover: #A8EE0F;
+	--vkui--color_accent_lime--active: #A1E511;
+	--vkui--color_accent_green: #42d347;
+	--vkui--color_accent_green--hover: #3FCB47;
+	--vkui--color_accent_green--active: #3DC346;
+	--vkui--color_accent_cyan: #13ffd0;
+	--vkui--color_accent_cyan--hover: #12F5CA;
+	--vkui--color_accent_cyan--active: #11ECC4;
+	--vkui--color_accent_azure: #0077ff;
+	--vkui--color_accent_azure--hover: #0073F7;
+	--vkui--color_accent_azure--active: #006FEF;
+	--vkui--color_accent_purple: #735ce6;
+	--vkui--color_accent_purple--hover: #6E59DF;
+	--vkui--color_accent_purple--active: #6A56D8;
+	--vkui--color_accent_violet: #792ec0;
+	--vkui--color_accent_violet--hover: #742DBB;
+	--vkui--color_accent_violet--active: #6F2CB6;
+	--vkui--color_accent_raspberry_pink: #fa7fbb;
+	--vkui--color_accent_raspberry_pink--hover: #F07BB6;
+	--vkui--color_accent_raspberry_pink--active: #E676B1;
+	--vkui--color_accent_pink: #e866ff;
+	--vkui--color_accent_pink--hover: #DF63F7;
+	--vkui--color_accent_pink--active: #D55FEF;
+	--vkui--color_accent_secondary: #3f8ae0;
+	--vkui--color_accent_secondary--hover: #3C85D9;
+	--vkui--color_accent_secondary--active: #3A80D3;
+	--vkui--color_overlay_primary: #3b3b3b;
+	--vkui--color_overlay_primary--hover: #39393B;
+	--vkui--color_overlay_primary--active: #36383B;
+	--vkui--color_overlay_secondary: #3b3b3b66;
+	--vkui--color_overlay_secondary--hover: rgba(59, 59, 59, 0.44);
+	--vkui--color_overlay_secondary--active: rgba(59, 59, 59, 0.48);
+	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
+	--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
+	--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
+	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
+	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
+	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
+	--vkui--color_action_sheet_text: #3f8ae0;
+	--vkui--color_action_sheet_text--hover: #3C85D9;
+	--vkui--color_action_sheet_text--active: #3A80D3;
+	--vkui--color_image_placeholder: #f2f3f5;
+	--vkui--color_image_placeholder--hover: #E8EAEE;
+	--vkui--color_image_placeholder--active: #DFE1E6;
+	--vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
+	--vkui--color_image_placeholder_alpha--hover: rgba(0, 28, 61, 0.12);
+	--vkui--color_image_placeholder_alpha--active: rgba(0, 28, 61, 0.16);
+	--vkui--color_skeleton_from: #f5f5f5;
+	--vkui--color_skeleton_from--hover: #EBECEE;
+	--vkui--color_skeleton_from--active: #E1E3E6;
+	--vkui--color_skeleton_to: #ebebeb;
+	--vkui--color_skeleton_to--hover: #E2E2E4;
+	--vkui--color_skeleton_to--active: #D8D9DD;
+	--vkui--color_button_text: #2688eb;
+	--vkui--color_button_text--hover: #2483E4;
+	--vkui--color_button_text--active: #237EDD;
+	--vkui--color_button_icon: #2688eb;
+	--vkui--color_button_icon--hover: #2483E4;
+	--vkui--color_button_icon--active: #237EDD;
+	--vkui--color_button_stroke: #2688eb;
+	--vkui--color_button_stroke--hover: #2483E4;
+	--vkui--color_button_stroke--active: #237EDD;
+	--vkui--color_write_bar_icon: #3f8ae0;
+	--vkui--color_write_bar_icon--hover: #3C85D9;
+	--vkui--color_write_bar_icon--active: #3A80D3;
+	--vkui--color_write_bar_input_background: #f2f3f5;
+	--vkui--color_write_bar_input_background--hover: #E8EAEE;
+	--vkui--color_write_bar_input_background--active: #DFE1E6;
+	--vkui--color_write_bar_input_border: #e1e3e6;
+	--vkui--color_write_bar_input_border--hover: #D8DBDF;
+	--vkui--color_write_bar_input_border--active: #CFD2D8;
+	--vkui--color_write_bar_input_border_alpha: #ddff00;
+	--vkui--color_write_bar_input_border_alpha--hover: #D4F502;
+	--vkui--color_write_bar_input_border_alpha--active: #CBEC05;
+	--vkui--color_track_background: #e1e3e6;
+	--vkui--color_track_background--hover: #D8DBDF;
+	--vkui--color_track_background--active: #CFD2D8;
+	--vkui--color_track_buffer: #a0bfe4;
+	--vkui--color_track_buffer--hover: #9AB8DD;
+	--vkui--color_track_buffer--active: #93B1D7;
+	--vkui--color_search_field_background: #ebedf0;
+	--vkui--color_search_field_background--hover: #E2E4E9;
+	--vkui--color_search_field_background--active: #D8DBE2;
+	--vkui--color_panel_header_icon: #2688eb;
+	--vkui--color_panel_header_icon--hover: #2483E4;
+	--vkui--color_panel_header_icon--active: #237EDD;
+	--vkui--color_segmented_control: #ffffff;
+	--vkui--color_segmented_control--hover: #F5F5F7;
+	--vkui--color_segmented_control--active: #EBECEF;
+	--vkui--color_tabbar_text_inactive: #99a2ad;
+	--vkui--color_tabbar_text_inactive--hover: #939CA9;
+	--vkui--color_tabbar_text_inactive--active: #8D96A4;
+	--vkui--color_transparent: #00000000;
+	--vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
+	--vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
+	--vkui--color_background_inverse: #262626;
+	--vkui--color_background_inverse--hover: #242527;
+	--vkui--color_background_inverse--active: #232428;
+	--vkui--color_text_tertiary_alpha: #3b3b3b66;
+	--vkui--color_text_tertiary_alpha--hover: rgba(59, 59, 59, 0.44);
+	--vkui--color_text_tertiary_alpha--active: rgba(59, 59, 59, 0.48);
+	--vkui--color_text_contrast_secondary_alpha: #ffffff7f;
+	--vkui--color_text_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.54);
+	--vkui--color_text_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.58);
+	--vkui--color_icon_contrast_secondary_alpha: #ffffff7f;
+	--vkui--color_icon_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.54);
+	--vkui--color_icon_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.58);
+	--vkui--color_stroke_contrast_secondary_alpha: #ffffff1e;
+	--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
+	--vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
+	--vkui--color_accent_mint: #a3fd79;
+	--vkui--color_accent_mint--hover: #9CF477;
+	--vkui--color_accent_mint--active: #96EA74;
+	--vkui--color_text_link_in_primary: #999999;
+	--vkui--color_text_link_in_primary--hover: #939495;
+	--vkui--color_text_link_in_primary--active: #8D8E92;
+	--vkui--color_text_link_in_secondary: #3b3b3b;
+	--vkui--color_text_link_in_secondary--hover: #39393B;
+	--vkui--color_text_link_in_secondary--active: #36383B;
+	--vkui--color_text_link_in_contrast: #ffffff7f;
+	--vkui--color_text_link_in_contrast--hover: rgba(255, 255, 255, 0.54);
+	--vkui--color_text_link_in_contrast--active: rgba(255, 255, 255, 0.58);
+	--vkui--color_text_link_in_contrast_secondary_alpha: #ffffff;
+	--vkui--color_text_link_in_contrast_secondary_alpha--hover: #F5F5F7;
+	--vkui--color_text_link_in_contrast_secondary_alpha--active: #EBECEF;
+	--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
+	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
+	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
+	--vkui--vkontakte_color_snippet_background: #FFFFFF;
+	--vkui--vkontakte_color_snippet_background--hover: #F5F5F7;
+	--vkui--vkontakte_color_snippet_background--active: #EBECEF;
+	--vkui--vkontakte_color_modal_card_border_alpha: rgba(0, 0, 0, 0);
+	--vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(0, 0, 0, 0.04);
+	--vkui--vkontakte_color_modal_card_border_alpha--active: rgba(0, 0, 0, 0.08);
+	--vkui--vkontakte_color_landing_snippet_border_alpha: rgba(0, 0, 0, 0.15);
+	--vkui--vkontakte_color_landing_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
+	--vkui--vkontakte_color_landing_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
+	--vkui--vkontakte_color_action_sheet_separator_alpha: rgba(0, 0, 0, 0.12);
+	--vkui--vkontakte_color_action_sheet_separator_alpha--hover: rgba(0, 0, 0, 0.16);
+	--vkui--vkontakte_color_action_sheet_separator_alpha--active: rgba(0, 0, 0, 0.2);
+	--vkui--vkontakte_color_input_border: #E1E3E6;
+	--vkui--vkontakte_color_input_border--hover: #D8DBDF;
+	--vkui--vkontakte_color_input_border--active: #CFD2D8;
+	--vkui--vkontakte_color_search_bar_background: #FFFFFF;
+	--vkui--vkontakte_color_search_bar_background--hover: #F5F5F7;
+	--vkui--vkontakte_color_search_bar_background--active: #EBECEF;
+	--vkui--vkontakte_color_search_bar_field_tint: #818c99;
+	--vkui--vkontakte_color_search_bar_field_tint--hover: #7C8795;
+	--vkui--vkontakte_color_search_bar_field_tint--active: #778292;
+	--vkui--vkontakte_background_hover_alpha: rgba(0, 0, 0, 0.04);
+	--vkui--vkontakte_background_hover_alpha--hover: rgba(0, 0, 0, 0.08);
+	--vkui--vkontakte_background_hover_alpha--active: rgba(0, 0, 0, 0.12);
+	--vkui--vkontakte_color_accent_alternate: #0077ff;
+	--vkui--vkontakte_color_accent_alternate--hover: #0073F7;
+	--vkui--vkontakte_color_accent_alternate--active: #006FEF;
+	--vkui--vkontakte_color_background_suggestions: #FFFFFF;
+	--vkui--vkontakte_color_background_suggestions--hover: #F5F5F7;
+	--vkui--vkontakte_color_background_suggestions--active: #EBECEF;
+	--vkui--vkontakte_color_background_keyboard: #e1e3e6;
+	--vkui--vkontakte_color_background_keyboard--hover: #D8DBDF;
+	--vkui--vkontakte_color_background_keyboard--active: #CFD2D8;
+	--vkui--vkontakte_color_content_placeholder_icon: #99a2ad;
+	--vkui--vkontakte_color_content_placeholder_icon--hover: #939CA9;
+	--vkui--vkontakte_color_content_placeholder_icon--active: #8D96A4;
+	--vkui--vkontakte_color_content_tint_foreground: #7f8285;
+	--vkui--vkontakte_color_content_tint_foreground--hover: #7A7D82;
+	--vkui--vkontakte_color_content_tint_foreground--active: #75797F;
+	--vkui--vkontakte_color_text_name: #2d81e0;
+	--vkui--vkontakte_color_text_name--hover: #2B7CD9;
+	--vkui--vkontakte_color_text_name--active: #2978D3;
+	--vkui--vkontakte_color_control_background: #ebedf0;
+	--vkui--vkontakte_color_control_background--hover: #E2E4E9;
+	--vkui--vkontakte_color_control_background--active: #D8DBE2;
+	--vkui--vkontakte_color_control_foreground: #5181b8;
+	--vkui--vkontakte_color_control_foreground--hover: #4E7CB3;
+	--vkui--vkontakte_color_control_foreground--active: #4B78AE;
+	--vkui--vkontakte_color_control_tint_muted: #76787a;
+	--vkui--vkontakte_color_control_tint_muted--hover: #717478;
+	--vkui--vkontakte_color_control_tint_muted--active: #6D7075;
+	--vkui--vkontakte_color_header_search_field_background: #ebedf0;
+	--vkui--vkontakte_color_header_search_field_background--hover: #E2E4E9;
+	--vkui--vkontakte_color_header_search_field_background--active: #D8DBE2;
+	--vkui--vkontakte_color_header_search_field_tint: #818c99;
+	--vkui--vkontakte_color_header_search_field_tint--hover: #7C8795;
+	--vkui--vkontakte_color_header_search_field_tint--active: #778292;
+	--vkui--vkontakte_color_header_tab_active_indicator: #2688eb;
+	--vkui--vkontakte_color_header_tab_active_indicator--hover: #2483E4;
+	--vkui--vkontakte_color_header_tab_active_indicator--active: #237EDD;
+	--vkui--vkontakte_color_icon_outline_medium: #818c99;
+	--vkui--vkontakte_color_icon_outline_medium--hover: #7C8795;
+	--vkui--vkontakte_color_icon_outline_medium--active: #778292;
+	--vkui--vkontakte_color_icon_outline_secondary: #99a2ad;
+	--vkui--vkontakte_color_icon_outline_secondary--hover: #939CA9;
+	--vkui--vkontakte_color_icon_outline_secondary--active: #8D96A4;
+	--vkui--vkontakte_color_skeleton_shimmer_from: #FFFFFF;
+	--vkui--vkontakte_color_skeleton_shimmer_from--hover: #F5F5F7;
+	--vkui--vkontakte_color_skeleton_shimmer_from--active: #EBECEF;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(0, 16, 61, 0.04);
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(0, 16, 61, 0.08);
+	--vkui--vkontakte_color_loader_background: #ebedf0;
+	--vkui--vkontakte_color_loader_background--hover: #E2E4E9;
+	--vkui--vkontakte_color_loader_background--active: #D8DBE2;
+	--vkui--vkontakte_color_loader_tint: #76787a;
+	--vkui--vkontakte_color_loader_tint--hover: #717478;
+	--vkui--vkontakte_color_loader_tint--active: #6D7075;
+	--vkui--vkontakte_color_music_playback_icon: #000000;
+	--vkui--vkontakte_color_music_playback_icon--hover: #000102;
+	--vkui--vkontakte_color_music_playback_icon--active: #000105;
+	--vkui--vkontakte_color_status_background: #ebedf0;
+	--vkui--vkontakte_color_status_background--hover: #E2E4E9;
+	--vkui--vkontakte_color_status_background--active: #D8DBE2;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary: #99a2ad;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #939CA9;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #8D96A4;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary: #aeb7c2;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #A7B0BD;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #A0AAB7;
+	--vkui--vkontakte_color_placeholder_icon_tint: #001c3d;
+	--vkui--vkontakte_color_placeholder_icon_tint--hover: #001C3D;
+	--vkui--vkontakte_color_placeholder_icon_tint--active: #001B3D;
+	--vkui--vkontakte_color_poll_option_background: #45678f;
+	--vkui--vkontakte_color_poll_option_background--hover: #42648C;
+	--vkui--vkontakte_color_poll_option_background--active: #3F6088;
+	--vkui--vkontakte_color_tabbar_active_icon: #2975cc;
+	--vkui--vkontakte_color_tabbar_active_icon--hover: #2771C6;
+	--vkui--vkontakte_color_tabbar_active_icon--active: #266DC1;
+	--vkui--vkontakte_color_tabbar_background: #f9f9f9;
+	--vkui--vkontakte_color_tabbar_background--hover: #EFF0F1;
+	--vkui--vkontakte_color_tabbar_background--active: #E5E6EA;
+	--vkui--vkontakte_color_tabbar_inactive_icon: #99a2ad;
+	--vkui--vkontakte_color_tabbar_inactive_icon--hover: #939CA9;
+	--vkui--vkontakte_color_tabbar_inactive_icon--active: #8D96A4;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary: #909499;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #8A8F95;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #848992;
+	--vkui--vkontakte_color_toolbar_attach_background_from: #b8c1cc;
+	--vkui--vkontakte_color_toolbar_attach_background_from--hover: #B1BAC6;
+	--vkui--vkontakte_color_toolbar_attach_background_from--active: #A9B3C1;
+	--vkui--vkontakte_color_splash_screen_icon: #e1e3e6;
+	--vkui--vkontakte_color_splash_screen_icon--hover: #D8DBDF;
+	--vkui--vkontakte_color_splash_screen_icon--active: #CFD2D8;
+	--vkui--vkontakte_color_icon_name: #74a2d6;
+	--vkui--vkontakte_color_icon_name--hover: #6F9CD0;
+	--vkui--vkontakte_color_icon_name--active: #6B96CA;
+	--vkui--vkontakte_color_panel_tab_active_text: #76787a;
+	--vkui--vkontakte_color_panel_tab_active_text--hover: #717478;
+	--vkui--vkontakte_color_panel_tab_active_text--active: #6D7075;
+	--vkui--vkontakte_color_background_text_alpha: rgba(38, 136, 235, 0.20);
+	--vkui--vkontakte_color_background_text_alpha--hover: rgba(38, 136, 235, 0.24);
+	--vkui--vkontakte_color_background_text_alpha--active: rgba(38, 136, 235, 0.28);
+	--vkui--vkontakte_color_modal_card_header_close: #000000;
+	--vkui--vkontakte_color_modal_card_header_close--hover: #000102;
+	--vkui--vkontakte_color_modal_card_header_close--active: #000105;
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.60);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.64);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.68);
+	--vkui--vkontakte_im_bubble_button_foreground: #000000;
+	--vkui--vkontakte_im_bubble_button_foreground--hover: #000102;
+	--vkui--vkontakte_im_bubble_button_foreground--active: #000105;
+	--vkui--vkontakte_im_bubble_incoming_highlighted: #d7d8d9;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--hover: #CED0D3;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--active: #C6C8CD;
+	--vkui--vkontakte_im_bubble_gift_background: #f4e7c3;
+	--vkui--vkontakte_im_bubble_gift_background--hover: #EADEBE;
+	--vkui--vkontakte_im_bubble_gift_background--active: #E0D6B8;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted: #e3d3ac;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #DACBA8;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--active: #D1C3A3;
+	--vkui--vkontakte_im_bubble_outgoing_alternate: #FFFFFF;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--hover: #F5F5F7;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--active: #EBECEF;
+	--vkui--vkontakte_im_attach_tint: #2d81e0;
+	--vkui--vkontakte_im_attach_tint--hover: #2B7CD9;
+	--vkui--vkontakte_im_attach_tint--active: #2978D3;
+	--vkui--vkontakte_im_reply_separator: #2d81e0;
+	--vkui--vkontakte_im_reply_separator--hover: #2B7CD9;
+	--vkui--vkontakte_im_reply_separator--active: #2978D3;
+	--vkui--vkontakte_im_toolbar_voice_msg_background: #99a2ad;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--hover: #939CA9;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--active: #8D96A4;
+	--vkui--vkontakte_color_im_forward_line_alpha: rgba(69, 103, 143, 0.24);
+	--vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(69, 103, 143, 0.28);
+	--vkui--vkontakte_color_im_forward_line_alpha--active: rgba(69, 103, 143, 0.32);
+	--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha: rgba(215, 216, 217, 1);
+	--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover: #CED0D3;
+	--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active: #C6C8CD;
+	--vkui--vkontakte_color_im_bubble_incoming: #EBEDF0;
+	--vkui--vkontakte_color_im_bubble_incoming--hover: #E2E4E9;
+	--vkui--vkontakte_color_im_bubble_incoming--active: #D8DBE2;
+	--vkui--vkontakte_color_im_bubble_incoming_alternate: #FFFFFF;
+	--vkui--vkontakte_color_im_bubble_incoming_alternate--hover: #F5F5F7;
+	--vkui--vkontakte_color_im_bubble_incoming_alternate--active: #EBECEF;
+	--vkui--vkontakte_color_im_bubble_incoming_expiring: #E6E9FF;
+	--vkui--vkontakte_color_im_bubble_incoming_expiring--hover: #DDE0F7;
+	--vkui--vkontakte_color_im_bubble_incoming_expiring--active: #D4D8EF;
+	--vkui--vkontakte_color_im_bubble_outgoing: #CCE4FF;
+	--vkui--vkontakte_color_im_bubble_outgoing--hover: #C4DCF7;
+	--vkui--vkontakte_color_im_bubble_outgoing--active: #BCD3EF;
+	--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted: #ADB8FF;
+	--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover: #A6B1F7;
+	--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active: #9FABEF;
+	--vkui--vkontakte_color_im_bubble_gift_text: #857250;
+	--vkui--vkontakte_color_im_bubble_gift_text--hover: #806E4F;
+	--vkui--vkontakte_color_im_bubble_gift_text--active: #7A6A4E;
+	--vkui--vkontakte_color_im_bubble_gift_text_secondary: #AB9871;
+	--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover: #A4936F;
+	--vkui--vkontakte_color_im_bubble_gift_text_secondary--active: #9D8D6D;
+	--vkui--vkontakte_color_im_text_name: #2D81E0;
+	--vkui--vkontakte_color_im_text_name--hover: #2B7CD9;
+	--vkui--vkontakte_color_im_text_name--active: #2978D3;
+	--vkui--vkontakte_button_muted_background: #f2f3f5;
+	--vkui--vkontakte_button_muted_background--hover: #E8EAEE;
+	--vkui--vkontakte_button_muted_background--active: #DFE1E6;
+	--vkui--vkontakte_button_tertiary_background: rgba(0, 0, 0, 0.00);
+	--vkui--vkontakte_button_tertiary_background--hover: rgba(0, 0, 0, 0.04);
+	--vkui--vkontakte_button_tertiary_background--active: rgba(0, 0, 0, 0.08);
+	--vkui--vkontakte_button_tertiary_foreground: #2d81e0;
+	--vkui--vkontakte_button_tertiary_foreground--hover: #2B7CD9;
+	--vkui--vkontakte_button_tertiary_foreground--active: #2978D3;
+	--vkui--vkontakte_float_button_foreground: #99a2ad;
+	--vkui--vkontakte_float_button_foreground--hover: #939CA9;
+	--vkui--vkontakte_float_button_foreground--active: #8D96A4;
+	--vkui--vkontakte_landing_background: #ffffff;
+	--vkui--vkontakte_landing_background--hover: #F5F5F7;
+	--vkui--vkontakte_landing_background--active: #EBECEF;
+	--vkui--vkontakte_im_bubble_incoming_alternate_highlighted: #f9f9f9;
+	--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover: #EFF0F1;
+	--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active: #E5E6EA;
+	--vkui--vkontakte_im_bubble_incoming_expiring_highlighted: #ccd3ff;
+	--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover: #C4CBF7;
+	--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active: #BCC3EF;
+	--vkui--vkontakte_im_bubble_outgoing_highlighted: #add3ff;
+	--vkui--vkontakte_im_bubble_outgoing_highlighted--hover: #A6CBF7;
+	--vkui--vkontakte_im_bubble_outgoing_highlighted--active: #9FC3EF;
+	--vkui--vkontakte_im_bubble_button_background: #F9F9F9;
+	--vkui--vkontakte_im_bubble_button_background--hover: #EFF0F1;
+	--vkui--vkontakte_im_bubble_button_background--active: #E5E6EA;
+	--vkui--vkontakte_im_bubble_button_background_highlighted: #D7D8D9;
+	--vkui--vkontakte_im_bubble_button_background_highlighted--hover: #CED0D3;
+	--vkui--vkontakte_im_bubble_button_background_highlighted--active: #C6C8CD;
+	--vkui--vkontakte_im_bubble_mable_outgoing: #D9F4FF;
+	--vkui--vkontakte_im_bubble_mable_outgoing--hover: #D0EBF7;
+	--vkui--vkontakte_im_bubble_mable_outgoing--active: #C8E2EF;
+	--vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted: #C2CBFF;
+	--vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--hover: #BAC4F7;
+	--vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--active: #B2BCEF;
+	--vkui--vkontakte_im_bubble_mable_outgoing_highlighted: #B0E8FF;
+	--vkui--vkontakte_im_bubble_mable_outgoing_highlighted--hover: #A9DFF7;
+	--vkui--vkontakte_im_bubble_mable_outgoing_highlighted--active: #A2D7EF;
+	--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing: #D9F4FF;
+	--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--hover: #D0EBF7;
+	--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--active: #C8E2EF;
+	--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted: #B0E8FF;
+	--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--hover: #A9DFF7;
+	--vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--active: #A2D7EF;
+	--vkui--vkontakte_im_bubble_wallpaper_button_foreground: #000000;
+	--vkui--vkontakte_im_bubble_wallpaper_button_foreground--hover: #000102;
+	--vkui--vkontakte_im_bubble_wallpaper_button_foreground--active: #000105;
+	--vkui--vkontakte_im_service_message_text: #818C99;
+	--vkui--vkontakte_im_service_message_text--hover: #7C8795;
+	--vkui--vkontakte_im_service_message_text--active: #778292;
+	--vkui--vkontakte_landing_secondary_button_background: rgba(0, 57, 115, 0.10);
+	--vkui--vkontakte_landing_secondary_button_background--hover: rgba(0, 57, 115, 0.14);
+	--vkui--vkontakte_landing_secondary_button_background--active: rgba(0, 57, 115, 0.18);
+	--vkui--vkontakte_stories_skeleton_loader_background: #454647;
+	--vkui--vkontakte_stories_skeleton_loader_background--hover: #424447;
+	--vkui--vkontakte_stories_skeleton_loader_background--active: #3F4246;
+	--vkui--vkontakte_palette_black: #000000;
+	--vkui--vkontakte_palette_black--hover: #000102;
+	--vkui--vkontakte_palette_black--active: #000105;
+}