:root, .vkui--vkBase--light { --vkui--theme_name: 'vkBase' } :root, .vkui--vkBase--light, .vkui--vkBase--dark { --vkui--theme_name_base: 'vkBase'; --vkui--size_base_padding_horizontal--regular: 16px; --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--regular: 56px } :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark { --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--blur_m: 16px; --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_weight--regular: 600; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --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_weight--compact: 600; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --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_weight--regular: 600; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_weight--regular: 600; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 24px; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_weight--regular: 600; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --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: 20px; --vkui--font_text--font_weight--regular: 400; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 16px; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 16px; --vkui--font_footnote_caps--font_weight--regular: 600; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 14px; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 14px; --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_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --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_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --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_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: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --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_cardgrid_padding_vertical--regular: 8px; --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_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_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--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--opacity_disable: 0.4; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_weight--regular: 500; --vkui--color_background_accent_tint: #5a9eff; --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_text_primary_invariably: #000000; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_visited: #4986cc; --vkui--color_icon_contrast_secondary: #f2f3f5; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_secondary: #3f8ae0; --vkui--color_overlay_primary: rgba(0, 0, 0, 0.40); --vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44); --vkui--color_overlay_primary--active: rgba(0, 0, 0, 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_transparent: transparent } :root, .vkui--vkBase--light, .vkui--vkIOS--light, .vkui--vkCom--light { --vkui--gradient_tint: rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 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%, rgba(255, 255, 255, 1) 100%; --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--colors_scheme: light; --vkui--color_background_accent_tint--hover: #5698F7; --vkui--color_background_accent_tint--active: #5393EF; --vkui--color_background_accent_alternative--hover: #2483E4; --vkui--color_background_accent_alternative--active: #237EDD; --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_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--hover: #F5F5F7; --vkui--color_background_contrast--active: #EBECEF; --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20); --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_positive--hover: #48AC4A; --vkui--color_background_positive--active: #45A64A; --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--hover: #DD4446; --vkui--color_background_negative--active: #D44245; --vkui--color_background_info_tint: #DEEEFF; --vkui--color_background_info_tint--hover: #D5E5F7; --vkui--color_background_info_tint--active: #CCDCEF; --vkui--color_header_background--hover: #F5F5F7; --vkui--color_header_background--active: #EBECEF; --vkui--color_text_primary: #000000; --vkui--color_text_primary--hover: #000102; --vkui--color_text_primary--active: #000105; --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--hover: #000102; --vkui--color_text_primary_invariably--active: #000105; --vkui--color_text_secondary--hover: #7C8795; --vkui--color_text_secondary--active: #778292; --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_tertiary--hover: #939CA9; --vkui--color_text_tertiary--active: #8D96A4; --vkui--color_text_contrast--hover: #F5F5F7; --vkui--color_text_contrast--active: #EBECEF; --vkui--color_text_contrast_themed--hover: #F5F5F7; --vkui--color_text_contrast_themed--active: #EBECEF; --vkui--color_text_positive--hover: #48AC4A; --vkui--color_text_positive--active: #45A64A; --vkui--color_text_negative--hover: #DD4446; --vkui--color_text_negative--active: #D44245; --vkui--color_text_link_tint--hover: #6CA4E4; --vkui--color_text_link_tint--active: #689EDD; --vkui--color_text_link_visited--hover: #4681C6; --vkui--color_text_link_visited--active: #437DC1; --vkui--color_link_contrast--hover: #F5F5F7; --vkui--color_link_contrast--active: #EBECEF; --vkui--color_icon_primary: #2c2d2e; --vkui--color_icon_primary--hover: #2A2C2F; --vkui--color_icon_primary--active: #282B2F; --vkui--color_icon_primary_invariably--hover: #2A2C2F; --vkui--color_icon_primary_invariably--active: #282B2F; --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--hover: #939CA9; --vkui--color_icon_secondary--active: #8D96A4; --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_alpha: rgba(0, 0, 0, 0.24); --vkui--color_icon_tertiary_alpha--hover: rgba(0, 0, 0, 0.28); --vkui--color_icon_tertiary_alpha--active: rgba(0, 0, 0, 0.32); --vkui--color_icon_contrast--hover: #F5F5F7; --vkui--color_icon_contrast--active: #EBECEF; --vkui--color_icon_contrast_themed--hover: #F5F5F7; --vkui--color_icon_contrast_themed--active: #EBECEF; --vkui--color_icon_contrast_secondary--hover: #E8EAEE; --vkui--color_icon_contrast_secondary--active: #DFE1E6; --vkui--color_icon_positive--hover: #48AC4A; --vkui--color_icon_positive--active: #45A64A; --vkui--color_icon_warning: #F8A01C; --vkui--color_icon_warning--hover: #EE9A1D; --vkui--color_icon_warning--active: #E4941F; --vkui--color_icon_negative--hover: #DD4446; --vkui--color_icon_negative--active: #D44245; --vkui--color_separator_primary2x--hover: #C3C4C7; --vkui--color_separator_primary2x--active: #BBBDC1; --vkui--color_separator_primary3x--hover: #B6B8BC; --vkui--color_separator_primary3x--active: #AFB1B6; --vkui--color_separator_primary_alpha: rgba(0, 0, 0, 0.12); --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_stroke_positive--hover: #48AC4A; --vkui--color_stroke_positive--active: #45A64A; --vkui--color_stroke_negative--hover: #DD4446; --vkui--color_stroke_negative--active: #D44245; --vkui--color_stroke_contrast: #ffffff; --vkui--color_stroke_contrast--hover: #F5F5F7; --vkui--color_stroke_contrast--active: #EBECEF; --vkui--color_stroke_primary: #2C2D2E; --vkui--color_stroke_primary--hover: #2A2C2F; --vkui--color_stroke_primary--active: #282B2F; --vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08); --vkui--color_image_border_alpha--hover: rgba(0, 0, 0, 0.12); --vkui--color_image_border_alpha--active: rgba(0, 0, 0, 0.16); --vkui--color_field_border_alpha: rgba(0, 0, 0, 0.12); --vkui--color_field_border_alpha--hover: rgba(0, 0, 0, 0.24); --vkui--color_field_border_alpha--active: rgba(0, 0, 0, 0.36); --vkui--color_accent_red--hover: #F53247; --vkui--color_accent_red--active: #EB3046; --vkui--color_accent_orange_fire--hover: #E65944; --vkui--color_accent_orange_fire--active: #DD5643; --vkui--color_accent_orange--hover: #F59A02; --vkui--color_accent_orange--active: #EB9405; --vkui--color_accent_orange_peach: #F9B54F; --vkui--color_accent_orange_peach--hover: #EFAE4E; --vkui--color_accent_orange_peach--active: #E5A84E; --vkui--color_accent_green--hover: #48AC4A; --vkui--color_accent_green--active: #45A64A; --vkui--color_accent_purple--hover: #6E59DF; --vkui--color_accent_purple--active: #6A56D8; --vkui--color_accent_violet--hover: #742DBB; --vkui--color_accent_violet--active: #6F2CB6; --vkui--color_accent_raspberry_pink: #e03fab; --vkui--color_accent_raspberry_pink--hover: #D73DA7; --vkui--color_accent_raspberry_pink--active: #CE3BA2; --vkui--color_accent_secondary--hover: #3C85D9; --vkui--color_accent_secondary--active: #3A80D3; --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_write_bar_input_border_alpha: rgba(0, 0, 0, 0.08); --vkui--color_write_bar_input_border_alpha--hover: rgba(0, 0, 0, 0.12); --vkui--color_write_bar_input_border_alpha--active: rgba(0, 0, 0, 0.16); --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--hover: rgba(0, 16, 61, 0.04); --vkui--color_transparent--active: rgba(0, 16, 61, 0.08) } :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark { --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_display_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_display_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_display_title2--font_family--compact: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_display_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 16px; --vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--size_popup_small--regular: 430px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--color_background_contrast_inverse: #2c2d2e; --vkui--color_background_positive: #4bb34b; --vkui--color_text_positive: #4bb34b; --vkui--color_icon_primary_invariably: #2c2d2e; --vkui--color_icon_positive: #4bb34b; --vkui--color_stroke_positive: #4bb34b; --vkui--color_accent_gray: #a3adb8; --vkui--color_accent_red: #ff3347; --vkui--color_accent_orange: #ffa000; --vkui--color_accent_lime: #AFF70D; --vkui--color_accent_green: #4bb34b; --vkui--color_accent_cyan: #13FFD0; --vkui--color_accent_azure: #0077FF; --vkui--color_accent_pink: #F45FFF; --vkui--color_overlay_secondary: rgba(0, 0, 0, 0.27); --vkui--color_overlay_secondary--hover: rgba(0, 0, 0, 0.31); --vkui--color_overlay_secondary--active: rgba(0, 0, 0, 0.35) } :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkCom--light, .vkui--vkCom--dark { --vkui--size_border_radius--regular: 8px; --vkui--size_card_border_radius--regular: 8px; --vkui--size_panel_header_height--compact: 48px; --vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1) } :root, .vkui--vkBase--light, .vkui--vkIOS--light { --vkui--color_background_accent: #2688eb; --vkui--color_background_accent--hover: #2483E4; --vkui--color_background_accent--active: #237EDD; --vkui--color_background_accent_themed: #2688eb; --vkui--color_background_accent_themed--hover: #2483E4; --vkui--color_background_accent_themed--active: #237EDD; --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: #ebedf0; --vkui--color_background--hover: #E2E4E9; --vkui--color_background--active: #D8DBE2; --vkui--color_background_content: #ffffff; --vkui--color_background_secondary: #f5f5f5; --vkui--color_background_secondary--hover: #EBECEE; --vkui--color_background_secondary--active: #E1E3E6; --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: #f9f9f9; --vkui--color_background_tertiary--hover: #EFF0F1; --vkui--color_background_tertiary--active: #E5E6EA; --vkui--color_background_contrast: #ffffff; --vkui--color_background_contrast_inverse--hover: #2A2C2F; --vkui--color_background_contrast_inverse--active: #282B2F; --vkui--color_background_modal_inverse: #1C1D1E; --vkui--color_background_modal_inverse--hover: #1B1C1F; --vkui--color_background_modal_inverse--active: #1A1C20; --vkui--color_background_negative: #e64646; --vkui--color_background_negative_tint: #FFE9E9; --vkui--color_background_negative_tint--hover: #F5E0E2; --vkui--color_background_negative_tint--active: #EBD8DB; --vkui--color_field_background: #f2f3f5; --vkui--color_field_background--hover: #E8EAEE; --vkui--color_field_background--active: #DFE1E6; --vkui--color_header_background: #ffffff; --vkui--color_text_accent: #2688eb; --vkui--color_text_accent--hover: #2483E4; --vkui--color_text_accent--active: #237EDD; --vkui--color_text_accent_themed: #2688eb; --vkui--color_text_accent_themed--hover: #2483E4; --vkui--color_text_accent_themed--active: #237EDD; --vkui--color_text_secondary: #818c99; --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_contrast: #ffffff; --vkui--color_text_contrast_themed: #ffffff; --vkui--color_text_negative: #e64646; --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_muted: #2c2d2e; --vkui--color_text_muted--hover: #2A2C2F; --vkui--color_text_muted--active: #282B2F; --vkui--color_link_contrast: #ffffff; --vkui--color_icon_accent: #2688eb; --vkui--color_icon_accent--hover: #2483E4; --vkui--color_icon_accent--active: #237EDD; --vkui--color_icon_accent_themed: #2688eb; --vkui--color_icon_accent_themed--hover: #2483E4; --vkui--color_icon_accent_themed--active: #237EDD; --vkui--color_icon_medium: #818c99; --vkui--color_icon_medium--hover: #7C8795; --vkui--color_icon_medium--active: #778292; --vkui--color_icon_secondary: #99a2ad; --vkui--color_icon_tertiary: #b8c1cc; --vkui--color_icon_tertiary--hover: #B1BAC6; --vkui--color_icon_tertiary--active: #A9B3C1; --vkui--color_icon_contrast: #ffffff; --vkui--color_icon_contrast_themed: #ffffff; --vkui--color_icon_negative: #e64646; --vkui--color_stroke_accent: #2688eb; --vkui--color_stroke_accent--hover: #2483E4; --vkui--color_stroke_accent--active: #237EDD; --vkui--color_stroke_accent_themed: #2688eb; --vkui--color_stroke_accent_themed--hover: #2483E4; --vkui--color_stroke_accent_themed--active: #237EDD; --vkui--color_separator_primary: #d7d8d9; --vkui--color_separator_primary--hover: #CED0D3; --vkui--color_separator_primary--active: #C6C8CD; --vkui--color_separator_primary2x: #cbcccd; --vkui--color_separator_primary3x: #bebfc1; --vkui--color_separator_secondary: #e1e3e6; --vkui--color_separator_secondary--hover: #D8DBDF; --vkui--color_separator_secondary--active: #CFD2D8; --vkui--color_stroke_negative: #e64646; --vkui--color_accent_blue: #2688eb; --vkui--color_accent_blue--hover: #2483E4; --vkui--color_accent_blue--active: #237EDD; --vkui--color_accent_gray--hover: #9CA7B3; --vkui--color_accent_gray--active: #96A0AE; --vkui--color_accent_lime--hover: #A8EE0F; --vkui--color_accent_lime--active: #A1E511; --vkui--color_accent_cyan--hover: #12F5CA; --vkui--color_accent_cyan--active: #11ECC4; --vkui--color_accent_azure--hover: #0073F7; --vkui--color_accent_azure--active: #006FEF; --vkui--color_accent_purple: #735ce6; --vkui--color_accent_violet: #792ec0; --vkui--color_accent_pink--hover: #EA5CF7; --vkui--color_accent_pink--active: #E059EF; --vkui--color_skeleton_from: #f5f5f5; --vkui--color_skeleton_from--hover: #EBECEE; --vkui--color_skeleton_from--active: #E1E3E6; --vkui--color_skeleton_to: #e1e3e6; --vkui--color_skeleton_to--hover: #D8DBDF; --vkui--color_skeleton_to--active: #CFD2D8; --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_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 } :root, .vkui--vkBase--light, .vkui--vkIOS--light, .vkui--vkCom--light, .vkui--vkCom--dark { --vkui--color_background_accent_alternative: #2688EB } .vkui--vkBase--dark { --vkui--theme_name: 'vkBaseDark' } .vkui--vkBase--dark, .vkui--vkIOS--dark { --vkui--gradient_tint: rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%; --vkui--gradient: rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%; --vkui--color_background_accent: #529ef4; --vkui--color_background_accent--hover: #59A2F4; --vkui--color_background_accent--active: #60A6F5; --vkui--color_background_accent_themed: #FFFFFF; --vkui--color_background_accent_themed--hover: #EBEDF0; --vkui--color_background_accent_themed--active: #D7D8DB; --vkui--color_background_accent_alternative: #529EF4; --vkui--color_background_accent_alternative--hover: #59A2F4; --vkui--color_background_accent_alternative--active: #60A6F5; --vkui--color_background: #0a0a0a; --vkui--color_background--hover: #141414; --vkui--color_background--active: #1E1E1E; --vkui--color_background_content: #19191a; --vkui--color_background_content--hover: #222223; --vkui--color_background_content--active: #2B2B2C; --vkui--color_background_secondary: #232324; --vkui--color_background_secondary--hover: #2C2C2D; --vkui--color_background_secondary--active: #353536; --vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.10); --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.14); --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.18); --vkui--color_background_tertiary: #202021; --vkui--color_background_tertiary--hover: #29292A; --vkui--color_background_tertiary--active: #323233; --vkui--color_background_contrast_inverse--hover: #343536; --vkui--color_background_contrast_inverse--active: #3D3E3F; --vkui--color_background_contrast_themed: #2C2D2E; --vkui--color_background_contrast_themed--hover: #343536; --vkui--color_background_contrast_themed--active: #3D3E3F; --vkui--color_background_modal: #1C1D1E; --vkui--color_background_modal--hover: #252627; --vkui--color_background_modal--active: #2E2F30; --vkui--color_background_positive_tint: #2E3E2B; --vkui--color_background_positive_tint--hover: #364633; --vkui--color_background_positive_tint--active: #3F4D3C; --vkui--color_background_negative: #ff5c5c; --vkui--color_field_background: #232324; --vkui--color_field_background--hover: #2C2C2D; --vkui--color_field_background--active: #353536; --vkui--color_header_background: #19191a; --vkui--color_header_background--hover: #222223; --vkui--color_header_background--active: #2B2B2C; --vkui--color_text_accent: #529ef4; --vkui--color_text_accent--hover: #59A2F4; --vkui--color_text_accent--active: #60A6F5; --vkui--color_text_accent_themed: #FFFFFF; --vkui--color_text_accent_themed--hover: #EBEDF0; --vkui--color_text_accent_themed--active: #D7D8DB; --vkui--color_text_primary: #e1e3e6; --vkui--color_text_secondary: #76787a; --vkui--color_text_secondary--hover: #7B7D7F; --vkui--color_text_secondary--active: #818385; --vkui--color_text_subhead: #969a9f; --vkui--color_text_subhead--hover: #9A9EA3; --vkui--color_text_subhead--active: #9EA2A7; --vkui--color_text_tertiary: #5d5f61; --vkui--color_text_tertiary--hover: #636567; --vkui--color_text_tertiary--active: #6A6C6E; --vkui--color_text_contrast_themed: #000000; --vkui--color_text_contrast_themed--hover: #0A0A0A; --vkui--color_text_contrast_themed--active: #141414; --vkui--color_text_negative: #ff5c5c; --vkui--color_text_link: #529ef4; --vkui--color_text_link--hover: #59A2F4; --vkui--color_text_link--active: #60A6F5; --vkui--color_text_link_themed: #FFFFFF; --vkui--color_text_link_themed--hover: #EBEDF0; --vkui--color_text_link_themed--active: #D7D8DB; --vkui--color_text_muted: #e1e3e6; --vkui--color_text_muted--hover: #E2E4E7; --vkui--color_text_muted--active: #E3E5E8; --vkui--color_icon_accent: #529ef4; --vkui--color_icon_accent--hover: #59A2F4; --vkui--color_icon_accent--active: #60A6F5; --vkui--color_icon_accent_themed: #FFFFFF; --vkui--color_icon_accent_themed--hover: #EBEDF0; --vkui--color_icon_accent_themed--active: #D7D8DB; --vkui--color_icon_medium: #b0b1b6; --vkui--color_icon_medium--hover: #B3B4B9; --vkui--color_icon_medium--active: #B6B7BC; --vkui--color_icon_medium_alpha: rgba(241, 247, 255, 0.66); --vkui--color_icon_medium_alpha--hover: rgba(241, 247, 255, 0.7000000000000001); --vkui--color_icon_medium_alpha--active: rgba(241, 247, 255, 0.74); --vkui--color_icon_secondary: #76787a; --vkui--color_icon_secondary--hover: #7B7D7F; --vkui--color_icon_secondary--active: #818385; --vkui--color_icon_secondary_alpha: rgba(241, 247, 255, 0.43); --vkui--color_icon_secondary_alpha--hover: rgba(241, 247, 255, 0.47000000000000003); --vkui--color_icon_secondary_alpha--active: rgba(241, 247, 255, 0.51); --vkui--color_icon_tertiary: #5d5f61; --vkui--color_icon_tertiary--hover: #636567; --vkui--color_icon_tertiary--active: #6A6C6E; --vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, 0.30); --vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, 0.34); --vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, 0.38); --vkui--color_icon_contrast--hover: #EBEDF0; --vkui--color_icon_contrast--active: #D7D8DB; --vkui--color_icon_contrast_themed: #000000; --vkui--color_icon_contrast_themed--hover: #0A0A0A; --vkui--color_icon_contrast_themed--active: #141414; --vkui--color_icon_negative: #ff5c5c; --vkui--color_stroke_accent: #529ef4; --vkui--color_stroke_accent--hover: #59A2F4; --vkui--color_stroke_accent--active: #60A6F5; --vkui--color_stroke_accent_themed: #FFFFFF; --vkui--color_stroke_accent_themed--hover: #EBEDF0; --vkui--color_stroke_accent_themed--active: #D7D8DB; --vkui--color_separator_secondary: #141415; --vkui--color_separator_secondary--hover: #1D1D1E; --vkui--color_separator_secondary--active: #272728; --vkui--color_stroke_negative: #ff5c5c; --vkui--color_accent_blue: #71aaeb; --vkui--color_accent_blue--hover: #77ADEC; --vkui--color_accent_blue--active: #7CB1ED; --vkui--color_accent_gray--hover: #A7B0BB; --vkui--color_accent_gray--active: #AAB4BE; --vkui--color_accent_lime--hover: #B2F717; --vkui--color_accent_lime--active: #B5F820; --vkui--color_accent_cyan--hover: #1CFFD2; --vkui--color_accent_cyan--active: #26FFD4; --vkui--color_accent_azure--hover: #0A7CFF; --vkui--color_accent_azure--active: #1482FF; --vkui--color_accent_purple: #9985ff; --vkui--color_accent_purple--hover: #9D8AFF; --vkui--color_accent_purple--active: #A18FFF; --vkui--color_accent_violet: #a94fff; --vkui--color_accent_pink--hover: #F465FF; --vkui--color_accent_pink--active: #F56CFF; --vkui--color_skeleton_from: #232324; --vkui--color_skeleton_from--hover: #2C2C2D; --vkui--color_skeleton_from--active: #353536; --vkui--color_skeleton_to: #2c2d2e; --vkui--color_skeleton_to--hover: #343536; --vkui--color_skeleton_to--active: #3D3E3F; --vkui--color_button_text: #FFFFFF; --vkui--color_button_text--hover: #EBEDF0; --vkui--color_button_text--active: #D7D8DB; --vkui--color_button_icon: #FFFFFF; --vkui--color_button_icon--hover: #EBEDF0; --vkui--color_button_icon--active: #D7D8DB; --vkui--color_button_stroke: #FFFFFF; --vkui--color_button_stroke--hover: #EBEDF0; --vkui--color_button_stroke--active: #D7D8DB; --vkui--color_write_bar_icon: #76787a; --vkui--color_write_bar_icon--hover: #7B7D7F; --vkui--color_write_bar_icon--active: #818385; --vkui--color_write_bar_input_background: #2c2d2e; --vkui--color_write_bar_input_background--hover: #343536; --vkui--color_write_bar_input_background--active: #3D3E3F; --vkui--color_write_bar_input_border: #2c2d2e; --vkui--color_write_bar_input_border--hover: #343536; --vkui--color_write_bar_input_border--active: #3D3E3F; --vkui--color_track_background: #454647; --vkui--color_track_background--hover: #4C4D4E; --vkui--color_track_background--active: #545556; --vkui--color_track_buffer: #405772; --vkui--color_track_buffer--hover: #485E78; --vkui--color_track_buffer--active: #4F647D; --vkui--color_search_field_background: #363738; --vkui--color_search_field_background--hover: #3E3F40; --vkui--color_search_field_background--active: #464748; --vkui--color_panel_header_icon: #71aaeb } .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--dark { --vkui--elevation1: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20); --vkui--elevation1_invert_y: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20); --vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20); --vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30); --vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20); --vkui--colors_scheme: dark; --vkui--color_background_accent_themed_alpha: rgba(255, 255, 255, 0.2); --vkui--color_background_accent_themed_alpha--hover: rgba(255, 255, 255, 0.24); --vkui--color_background_accent_themed_alpha--active: rgba(255, 255, 255, 0.28); --vkui--color_background_accent_tint--hover: #61A2FF; --vkui--color_background_accent_tint--active: #67A6FF; --vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8); --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84); --vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88); --vkui--color_background_content_inverse: #FFFFFF; --vkui--color_background_content_inverse--hover: #EBEDF0; --vkui--color_background_content_inverse--active: #D7D8DB; --vkui--color_background_tertiary_alpha: rgba(255, 255, 255, 0.03); --vkui--color_background_tertiary_alpha--hover: rgba(255, 255, 255, 0.07); --vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, 0.11); --vkui--color_background_contrast--hover: #EBEDF0; --vkui--color_background_contrast--active: #D7D8DB; --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2); --vkui--color_background_modal_inverse: #FFFFFF; --vkui--color_background_modal_inverse--hover: #EBEDF0; --vkui--color_background_modal_inverse--active: #D7D8DB; --vkui--color_background_positive--hover: #52B652; --vkui--color_background_positive--active: #59B959; --vkui--color_background_warning: #473315; --vkui--color_background_warning--hover: #4E3B1E; --vkui--color_background_warning--active: #564328; --vkui--color_background_negative--hover: #FF6363; --vkui--color_background_negative--active: #FF6969; --vkui--color_background_negative_tint: #522E2E; --vkui--color_background_negative_tint--hover: #593636; --vkui--color_background_negative_tint--active: #603F3F; --vkui--color_background_info_tint: #1C3954; --vkui--color_background_info_tint--hover: #25415B; --vkui--color_background_info_tint--active: #2E4962; --vkui--color_text_primary--hover: #E2E4E7; --vkui--color_text_primary--active: #E3E5E8; --vkui--color_text_primary_alpha: rgba(249, 252, 255, 0.72); --vkui--color_text_primary_alpha--hover: rgba(249, 252, 255, 0.76); --vkui--color_text_primary_alpha--active: rgba(249, 252, 255, 0.8); --vkui--color_text_primary_invariably--hover: #0A0A0A; --vkui--color_text_primary_invariably--active: #141414; --vkui--color_text_secondary_alpha: rgba(247, 251, 255, 0.42); --vkui--color_text_secondary_alpha--hover: rgba(247, 251, 255, 0.46); --vkui--color_text_secondary_alpha--active: rgba(247, 251, 255, 0.5); --vkui--color_text_contrast--hover: #EBEDF0; --vkui--color_text_contrast--active: #D7D8DB; --vkui--color_text_positive--hover: #52B652; --vkui--color_text_positive--active: #59B959; --vkui--color_text_negative--hover: #FF6363; --vkui--color_text_negative--active: #FF6969; --vkui--color_text_link_tint--hover: #77ADEC; --vkui--color_text_link_tint--active: #7CB1ED; --vkui--color_text_link_visited--hover: #508BCE; --vkui--color_text_link_visited--active: #5890D0; --vkui--color_link_contrast--hover: #EBEDF0; --vkui--color_link_contrast--active: #D7D8DB; --vkui--color_icon_primary: #e1e3e6; --vkui--color_icon_primary--hover: #E2E4E7; --vkui--color_icon_primary--active: #E3E5E8; --vkui--color_icon_primary_invariably--hover: #343536; --vkui--color_icon_primary_invariably--active: #3D3E3F; --vkui--color_icon_contrast_secondary--hover: #F3F3F5; --vkui--color_icon_contrast_secondary--active: #F3F4F6; --vkui--color_icon_positive--hover: #52B652; --vkui--color_icon_positive--active: #59B959; --vkui--color_icon_warning: #EDB055; --vkui--color_icon_warning--hover: #EEB35C; --vkui--color_icon_warning--active: #EEB663; --vkui--color_icon_negative--hover: #FF6363; --vkui--color_icon_negative--active: #FF6969; --vkui--color_separator_primary: #363738; --vkui--color_separator_primary--hover: #3E3F40; --vkui--color_separator_primary--active: #464748; --vkui--color_separator_primary2x: #444546; --vkui--color_separator_primary2x--hover: #4B4C4D; --vkui--color_separator_primary2x--active: #535455; --vkui--color_separator_primary3x: #505253; --vkui--color_separator_primary3x--hover: #57595A; --vkui--color_separator_primary3x--active: #5E6061; --vkui--color_separator_primary_alpha: rgba(255, 255, 255, 0.12); --vkui--color_separator_primary_alpha--hover: rgba(255, 255, 255, 0.16); --vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, 0.2); --vkui--color_stroke_positive--hover: #52B652; --vkui--color_stroke_positive--active: #59B959; --vkui--color_stroke_negative--hover: #FF6363; --vkui--color_stroke_negative--active: #FF6969; --vkui--color_stroke_contrast: #FFFFFF; --vkui--color_stroke_contrast--hover: #EBEDF0; --vkui--color_stroke_contrast--active: #D7D8DB; --vkui--color_stroke_primary: #E1E3E6; --vkui--color_stroke_primary--hover: #E2E4E7; --vkui--color_stroke_primary--active: #E3E5E8; --vkui--color_image_border_alpha: rgba(255, 255, 255, 0.08); --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.12); --vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.16); --vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12); --vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16); --vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2); --vkui--color_accent_red--hover: #FF3B4E; --vkui--color_accent_red--active: #FF4356; --vkui--color_accent_orange_fire--hover: #F1634B; --vkui--color_accent_orange_fire--active: #F16953; --vkui--color_accent_orange--hover: #FFA40A; --vkui--color_accent_orange--active: #FFA814; --vkui--color_accent_orange_peach: #FFC062; --vkui--color_accent_orange_peach--hover: #FFC368; --vkui--color_accent_orange_peach--active: #FFC56F; --vkui--color_accent_green--hover: #52B652; --vkui--color_accent_green--active: #59B959; --vkui--color_accent_violet--hover: #AC56FF; --vkui--color_accent_violet--active: #B05DFF; --vkui--color_accent_raspberry_pink: #f060c0; --vkui--color_accent_raspberry_pink--hover: #F166C3; --vkui--color_accent_raspberry_pink--active: #F16DC5; --vkui--color_accent_secondary--hover: #478FE1; --vkui--color_accent_secondary--active: #4E93E2; --vkui--color_action_sheet_text: #71aaeb; --vkui--color_action_sheet_text--hover: #77ADEC; --vkui--color_action_sheet_text--active: #7CB1ED; --vkui--color_image_placeholder: #2a2b2c; --vkui--color_image_placeholder--hover: #333334; --vkui--color_image_placeholder--active: #3B3C3D; --vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08); --vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, 0.12); --vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, 0.16); --vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, 0.8); --vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, 0.84); --vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, 0.88); --vkui--color_panel_header_icon--hover: #77ADEC; --vkui--color_panel_header_icon--active: #7CB1ED; --vkui--color_segmented_control: #626364; --vkui--color_segmented_control--hover: #68696A; --vkui--color_segmented_control--active: #6F6F70; --vkui--color_tabbar_text_inactive: #76787a; --vkui--color_tabbar_text_inactive--hover: #7B7D7F; --vkui--color_tabbar_text_inactive--active: #818385; --vkui--color_transparent--hover: rgba(255, 255, 255, 0.04); --vkui--color_transparent--active: rgba(255, 255, 255, 0.08) } .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkCom--light { --vkui--theme_inherits_from: 'vkBase' } .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark { --vkui--color_background_contrast: #FFFFFF; --vkui--color_text_contrast: #FFFFFF; --vkui--color_link_contrast: #FFFFFF } .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--light { --vkui--color_icon_contrast: #FFFFFF } .vkui--vkIOS--light { --vkui--theme_name: 'vkIOS' } .vkui--vkIOS--light, .vkui--vkIOS--dark { --vkui--theme_name_base: 'vkIOS'; --vkui--size_border_radius--regular: 10px; --vkui--size_card_border_radius--regular: 10px; --vkui--size_switch_height--regular: 31px; --vkui--size_switch_height--compact: 27px; --vkui--size_switch_width--regular: 51px; --vkui--size_switch_width--compact: 47px; --vkui--size_switch_pin--regular: 27px; --vkui--size_switch_pin--compact: 23px; --vkui--size_panel_header_height--compact: 52px; --vkui--size_panel_header_height--regular: 52px; --vkui--animation_easing_platform: cubic-bezier(0.36, 0.66, 0.04, 1) } .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark { --vkui--size_base_padding_horizontal--regular: 12px } .vkui--vkIOS--dark { --vkui--theme_name: 'vkIOSDark' } .vkui--vkIOS--dark, .vkui--vkCom--dark { --vkui--theme_inherits_from: 'vkBaseDark' } .vkui--vkCom--light { --vkui--theme_name: 'vkCom'; --vkui--color_background_accent: #447BBA; --vkui--color_background_accent--hover: #4177B5; --vkui--color_background_accent--active: #3F72B0; --vkui--color_background_accent_themed: #447BBA; --vkui--color_background_accent_themed--hover: #4177B5; --vkui--color_background_accent_themed--active: #3F72B0; --vkui--color_background_accent_themed_alpha: rgba(68, 123, 186, 0.12); --vkui--color_background_accent_themed_alpha--hover: rgba(68, 123, 186, 0.16); --vkui--color_background_accent_themed_alpha--active: rgba(68, 123, 186, 0.2); --vkui--color_background: #EDEEF0; --vkui--color_background--hover: #E4E5E9; --vkui--color_background--active: #DADCE2; --vkui--color_background_content: #FFFFFF; --vkui--color_background_secondary: #F0F2F5; --vkui--color_background_secondary--hover: #E6E9EE; --vkui--color_background_secondary--active: #DDE0E6; --vkui--color_background_secondary_alpha: rgba(39, 63, 92, 0.07); --vkui--color_background_secondary_alpha--hover: rgba(39, 63, 92, 0.11); --vkui--color_background_secondary_alpha--active: rgba(39, 63, 92, 0.15); --vkui--color_background_tertiary: #FAFBFC; --vkui--color_background_tertiary--hover: #F0F2F4; --vkui--color_background_tertiary--active: #E6E8ED; --vkui--color_background_contrast_inverse--hover: #313233; --vkui--color_background_contrast_inverse--active: #2F3034; --vkui--color_background_modal_inverse: #2D2D2E; --vkui--color_background_modal_inverse--hover: #2B2C2F; --vkui--color_background_modal_inverse--active: #292B2F; --vkui--color_background_negative: #E64646; --vkui--color_background_negative_tint: #FAEBEB; --vkui--color_background_negative_tint--hover: #F0E2E4; --vkui--color_background_negative_tint--active: #E6D9DD; --vkui--color_field_background: #F7F8FA; --vkui--color_field_background--hover: #EDEFF2; --vkui--color_field_background--active: #E3E5EB; --vkui--color_header_background: #FFFFFF; --vkui--color_text_accent: #447BBA; --vkui--color_text_accent--hover: #4177B5; --vkui--color_text_accent--active: #3F72B0; --vkui--color_text_accent_themed: #3770B1; --vkui--color_text_accent_themed--hover: #356CAC; --vkui--color_text_accent_themed--active: #3368A8; --vkui--color_text_secondary: #818C99; --vkui--color_text_subhead: #626D7A; --vkui--color_text_subhead--hover: #5E6978; --vkui--color_text_subhead--active: #5A6675; --vkui--color_text_tertiary: #99A2AD; --vkui--color_text_contrast_themed: #FFFFFF; --vkui--color_text_negative: #E64646; --vkui--color_text_link: #2A5885; --vkui--color_text_link--hover: #285582; --vkui--color_text_link--active: #27527F; --vkui--color_text_link_themed: #2A5885; --vkui--color_text_link_themed--hover: #285582; --vkui--color_text_link_themed--active: #27527F; --vkui--color_text_muted: #333333; --vkui--color_text_muted--hover: #313233; --vkui--color_text_muted--active: #2F3034; --vkui--color_icon_accent: #447BBA; --vkui--color_icon_accent--hover: #4177B5; --vkui--color_icon_accent--active: #3F72B0; --vkui--color_icon_accent_themed: #3770B1; --vkui--color_icon_accent_themed--hover: #356CAC; --vkui--color_icon_accent_themed--active: #3368A8; --vkui--color_icon_medium: #6F7985; --vkui--color_icon_medium--hover: #6B7582; --vkui--color_icon_medium--active: #66717F; --vkui--color_icon_secondary: #99A2AD; --vkui--color_icon_tertiary: #AEB7C2; --vkui--color_icon_tertiary--hover: #A7B0BD; --vkui--color_icon_tertiary--active: #A0AAB7; --vkui--color_icon_contrast_themed: #FFFFFF; --vkui--color_icon_negative: #E64646; --vkui--color_stroke_accent: #447BBA; --vkui--color_stroke_accent--hover: #4177B5; --vkui--color_stroke_accent--active: #3F72B0; --vkui--color_stroke_accent_themed: #3770B1; --vkui--color_stroke_accent_themed--hover: #356CAC; --vkui--color_stroke_accent_themed--active: #3368A8; --vkui--color_separator_primary: #DCE1E6; --vkui--color_separator_primary--hover: #D3D9DF; --vkui--color_separator_primary--active: #CAD0D8; --vkui--color_separator_primary2x: #CBCCCD; --vkui--color_separator_primary3x: #BEBFC1; --vkui--color_separator_secondary: #E7E8EC; --vkui--color_separator_secondary--hover: #DEDFE5; --vkui--color_separator_secondary--active: #D5D7DE; --vkui--color_stroke_negative: #E64646; --vkui--color_accent_blue: #5181B8; --vkui--color_accent_blue--hover: #4E7CB3; --vkui--color_accent_blue--active: #4B78AE; --vkui--color_accent_gray--hover: #A7B0BD; --vkui--color_accent_gray--active: #A0AAB7; --vkui--color_accent_lime: #BFF74F; --vkui--color_accent_lime--hover: #B7EE4E; --vkui--color_accent_lime--active: #B0E54E; --vkui--color_accent_cyan: #7CF4DC; --vkui--color_accent_cyan--hover: #77EBD6; --vkui--color_accent_cyan--active: #72E2CF; --vkui--color_accent_azure: #3F8AE0; --vkui--color_accent_azure--hover: #3C85D9; --vkui--color_accent_azure--active: #3A80D3; --vkui--color_accent_purple: #735CE6; --vkui--color_accent_violet: #792EC0; --vkui--color_accent_pink: #F685FF; --vkui--color_accent_pink--hover: #EC80F7; --vkui--color_accent_pink--active: #E27CEF; --vkui--color_overlay_secondary: rgba(44, 45, 46, 0.5); --vkui--color_overlay_secondary--hover: rgba(44, 45, 46, 0.54); --vkui--color_overlay_secondary--active: rgba(44, 45, 46, 0.58); --vkui--color_skeleton_from: #F0F2F5; --vkui--color_skeleton_from--hover: #E6E9EE; --vkui--color_skeleton_from--active: #DDE0E6; --vkui--color_skeleton_to: #E7E8EC; --vkui--color_skeleton_to--hover: #DEDFE5; --vkui--color_skeleton_to--active: #D5D7DE; --vkui--color_button_text: #346297; --vkui--color_button_text--hover: #325F93; --vkui--color_button_text--active: #305B90; --vkui--color_button_icon: #346297; --vkui--color_button_icon--hover: #325F93; --vkui--color_button_icon--active: #305B90; --vkui--color_button_stroke: #346297; --vkui--color_button_stroke--hover: #325F93; --vkui--color_button_stroke--active: #305B90; --vkui--color_write_bar_icon: #818C99; --vkui--color_write_bar_icon--hover: #7C8795; --vkui--color_write_bar_icon--active: #778292; --vkui--color_write_bar_input_background: #FFFFFF; --vkui--color_write_bar_input_background--hover: #F5F5F7; --vkui--color_write_bar_input_background--active: #EBECEF; --vkui--color_write_bar_input_border: #D3D9DE; --vkui--color_write_bar_input_border--hover: #CBD1D8; --vkui--color_write_bar_input_border--active: #C2C9D1; --vkui--color_track_background: #D3D9DE; --vkui--color_track_background--hover: #CBD1D8; --vkui--color_track_background--active: #C2C9D1; --vkui--color_track_buffer: #447BBA; --vkui--color_track_buffer--hover: #4177B5; --vkui--color_track_buffer--active: #3F72B0; --vkui--color_search_field_background: #EDEEF0; --vkui--color_search_field_background--hover: #E4E5E9; --vkui--color_search_field_background--active: #DADCE2; --vkui--color_panel_header_icon: #447BBA; --vkui--color_panel_header_icon--hover: #4177B5; --vkui--color_panel_header_icon--active: #3F72B0 } .vkui--vkCom--light, .vkui--vkCom--dark { --vkui--theme_name_base: 'vkCom'; --vkui--font_family_fallbacks: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_family_accent: "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_family_base: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_display_title1--font_family--regular: "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_display_title2--font_family--regular: "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_display_title2--font_family--compact: "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_display_title3--font_family--regular: "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_display_title4--font_family--regular: "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_title1--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_title2--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_title3--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_headline1--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_headline1--font_size--compact: 14px; --vkui--font_headline1--line_height--compact: 18px; --vkui--font_headline2--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_text--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_text--font_size--compact: 13px; --vkui--font_text--line_height--compact: 16px; --vkui--font_paragraph--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_subhead--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_subhead--font_size--compact: 14px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_footnote_caps--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_caption1--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_caption1_caps--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_caption2--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_caption2_caps--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_caption3--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_caption3_caps--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--size_popup_small--regular: 448px; --vkui--size_switch_height--regular: 10px; --vkui--size_switch_height--compact: 10px; --vkui--size_switch_width--regular: 27px; --vkui--size_switch_width--compact: 27px; --vkui--size_switch_pin--regular: 16px; --vkui--size_switch_pin--compact: 16px; --vkui--size_panel_header_height--regular: 48px; --vkui--size_form_item_padding_vertical--regular: 8px; --vkui--font_headline--font_family--regular: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif; --vkui--font_headline--font_size--compact: 14px; --vkui--font_headline--line_height--compact: 18px; --vkui--color_background_contrast_inverse: #333333; --vkui--color_background_positive: #4BB34B; --vkui--color_text_positive: #4BB34B; --vkui--color_icon_primary_invariably: #2C2D2E; --vkui--color_icon_positive: #4BB34B; --vkui--color_stroke_positive: #4BB34B; --vkui--color_accent_gray: #AEB7C2; --vkui--color_accent_red: #FF3347; --vkui--color_accent_orange: #FFA000; --vkui--color_accent_green: #4BB34B } .vkui--vkCom--dark { --vkui--theme_name: 'vkComDark'; --vkui--gradient_tint: rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 1) 100%; --vkui--gradient: rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 1) 100%; --vkui--color_background_accent: #71AAEB; --vkui--color_background_accent--hover: #77ADEC; --vkui--color_background_accent--active: #7CB1ED; --vkui--color_background_accent_themed: #E1E3E6; --vkui--color_background_accent_themed--hover: #D8DBDF; --vkui--color_background_accent_themed--active: #CFD2D8; --vkui--color_background_accent_alternative--hover: #2F8DEC; --vkui--color_background_accent_alternative--active: #3792ED; --vkui--color_background: #141414; --vkui--color_background--hover: #1D1D1D; --vkui--color_background--active: #272727; --vkui--color_background_content: #222222; --vkui--color_background_content--hover: #2B2B2B; --vkui--color_background_content--active: #343434; --vkui--color_background_secondary: #333333; --vkui--color_background_secondary--hover: #3B3B3B; --vkui--color_background_secondary--active: #434343; --vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.08); --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.12); --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.16); --vkui--color_background_tertiary: #292929; --vkui--color_background_tertiary--hover: #323232; --vkui--color_background_tertiary--active: #3A3A3A; --vkui--color_background_contrast_inverse--hover: #3B3B3B; --vkui--color_background_contrast_inverse--active: #434343; --vkui--color_background_contrast_themed: #323232; --vkui--color_background_contrast_themed--hover: #3A3A3A; --vkui--color_background_contrast_themed--active: #424242; --vkui--color_background_modal: #292929; --vkui--color_background_modal--hover: #323232; --vkui--color_background_modal--active: #3A3A3A; --vkui--color_background_positive_tint: #2F422F; --vkui--color_background_positive_tint--hover: #374A37; --vkui--color_background_positive_tint--active: #405140; --vkui--color_background_negative: #FF5C5C; --vkui--color_field_background: #292929; --vkui--color_field_background--hover: #323232; --vkui--color_field_background--active: #3A3A3A; --vkui--color_header_background: #222222; --vkui--color_header_background--hover: #2B2B2B; --vkui--color_header_background--active: #343434; --vkui--color_text_accent: #71AAEB; --vkui--color_text_accent--hover: #77ADEC; --vkui--color_text_accent--active: #7CB1ED; --vkui--color_text_accent_themed: #E1E3E6; --vkui--color_text_accent_themed--hover: #E2E4E7; --vkui--color_text_accent_themed--active: #E3E5E8; --vkui--color_text_primary: #E1E3E6; --vkui--color_text_secondary: #828282; --vkui--color_text_secondary--hover: #878787; --vkui--color_text_secondary--active: #8C8C8C; --vkui--color_text_subhead: #939393; --vkui--color_text_subhead--hover: #979797; --vkui--color_text_subhead--active: #9C9C9C; --vkui--color_text_tertiary: #656565; --vkui--color_text_tertiary--hover: #6B6B6B; --vkui--color_text_tertiary--active: #717171; --vkui--color_text_contrast_themed: #222222; --vkui--color_text_contrast_themed--hover: #2B2B2B; --vkui--color_text_contrast_themed--active: #343434; --vkui--color_text_negative: #FF5C5C; --vkui--color_text_link: #71AAEB; --vkui--color_text_link--hover: #77ADEC; --vkui--color_text_link--active: #7CB1ED; --vkui--color_text_link_themed: #939393; --vkui--color_text_link_themed--hover: #979797; --vkui--color_text_link_themed--active: #9C9C9C; --vkui--color_text_muted: #CCCCCC; --vkui--color_text_muted--hover: #CECECE; --vkui--color_text_muted--active: #D0D0D0; --vkui--color_icon_accent: #71AAEB; --vkui--color_icon_accent--hover: #77ADEC; --vkui--color_icon_accent--active: #7CB1ED; --vkui--color_icon_accent_themed: #E1E3E6; --vkui--color_icon_accent_themed--hover: #E2E4E7; --vkui--color_icon_accent_themed--active: #E3E5E8; --vkui--color_icon_medium: #939393; --vkui--color_icon_medium--hover: #979797; --vkui--color_icon_medium--active: #9C9C9C; --vkui--color_icon_medium_alpha: rgba(255, 255, 255, 0.48); --vkui--color_icon_medium_alpha--hover: rgba(255, 255, 255, 0.52); --vkui--color_icon_medium_alpha--active: rgba(255, 255, 255, 0.56); --vkui--color_icon_secondary: #828282; --vkui--color_icon_secondary--hover: #878787; --vkui--color_icon_secondary--active: #8C8C8C; --vkui--color_icon_secondary_alpha: rgba(255, 255, 255, 0.40); --vkui--color_icon_secondary_alpha--hover: rgba(255, 255, 255, 0.44); --vkui--color_icon_secondary_alpha--active: rgba(255, 255, 255, 0.48); --vkui--color_icon_tertiary: #656565; --vkui--color_icon_tertiary--hover: #6B6B6B; --vkui--color_icon_tertiary--active: #717171; --vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, 0.24); --vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, 0.28); --vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, 0.32); --vkui--color_icon_contrast: #E1E3E6; --vkui--color_icon_contrast--hover: #E2E4E7; --vkui--color_icon_contrast--active: #E3E5E8; --vkui--color_icon_contrast_themed: #222222; --vkui--color_icon_contrast_themed--hover: #2B2B2B; --vkui--color_icon_contrast_themed--active: #343434; --vkui--color_icon_negative: #FF5C5C; --vkui--color_stroke_accent: #71AAEB; --vkui--color_stroke_accent--hover: #77ADEC; --vkui--color_stroke_accent--active: #7CB1ED; --vkui--color_stroke_accent_themed: #E1E3E6; --vkui--color_stroke_accent_themed--hover: #E2E4E7; --vkui--color_stroke_accent_themed--active: #E3E5E8; --vkui--color_separator_secondary: #292929; --vkui--color_separator_secondary--hover: #323232; --vkui--color_separator_secondary--active: #3A3A3A; --vkui--color_stroke_negative: #FF5C5C; --vkui--color_accent_blue: #397DCC; --vkui--color_accent_blue--hover: #4182CE; --vkui--color_accent_blue--active: #4987D0; --vkui--color_accent_gray--hover: #B1BAC4; --vkui--color_accent_gray--active: #B4BDC7; --vkui--color_accent_lime: #CAF96C; --vkui--color_accent_lime--hover: #CCF972; --vkui--color_accent_lime--active: #CEF978; --vkui--color_accent_cyan: #55F1D2; --vkui--color_accent_cyan--hover: #5CF2D4; --vkui--color_accent_cyan--active: #63F2D6; --vkui--color_accent_azure: #5D9EE9; --vkui--color_accent_azure--hover: #63A2EA; --vkui--color_accent_azure--active: #6AA6EB; --vkui--color_accent_purple: #937FF5; --vkui--color_accent_purple--hover: #9784F5; --vkui--color_accent_purple--active: #9C89F6; --vkui--color_accent_violet: #A94FFF; --vkui--color_accent_pink: #F899FF; --vkui--color_accent_pink--hover: #F89DFF; --vkui--color_accent_pink--active: #F9A1FF; --vkui--color_overlay_secondary: rgba(55, 56, 57, 0.5); --vkui--color_overlay_secondary--hover: rgba(55, 56, 57, 0.54); --vkui--color_overlay_secondary--active: rgba(55, 56, 57, 0.58); --vkui--color_skeleton_from: #292929; --vkui--color_skeleton_from--hover: #323232; --vkui--color_skeleton_from--active: #3A3A3A; --vkui--color_skeleton_to: #333333; --vkui--color_skeleton_to--hover: #3B3B3B; --vkui--color_skeleton_to--active: #434343; --vkui--color_button_text: #E1E3E6; --vkui--color_button_text--hover: #E2E4E7; --vkui--color_button_text--active: #E3E5E8; --vkui--color_button_icon: #E1E3E6; --vkui--color_button_icon--hover: #E2E4E7; --vkui--color_button_icon--active: #E3E5E8; --vkui--color_button_stroke: #E1E3E6; --vkui--color_button_stroke--hover: #E2E4E7; --vkui--color_button_stroke--active: #E3E5E8; --vkui--color_write_bar_icon: #E1E3E6; --vkui--color_write_bar_icon--hover: #E2E4E7; --vkui--color_write_bar_icon--active: #E3E5E8; --vkui--color_write_bar_input_background: #424242; --vkui--color_write_bar_input_background--hover: #4A4A4A; --vkui--color_write_bar_input_background--active: #515151; --vkui--color_write_bar_input_border: #555555; --vkui--color_write_bar_input_border--hover: #5C5C5C; --vkui--color_write_bar_input_border--active: #636363; --vkui--color_track_background: #828282; --vkui--color_track_background--hover: #878787; --vkui--color_track_background--active: #8C8C8C; --vkui--color_track_buffer: #FFFFFF; --vkui--color_track_buffer--hover: #EBEDF0; --vkui--color_track_buffer--active: #D7D8DB; --vkui--color_search_field_background: #424242; --vkui--color_search_field_background--hover: #4A4A4A; --vkui--color_search_field_background--active: #515151; --vkui--color_panel_header_icon: #71AAEB }