:root { --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: #FFFFFF; --vkui--color_background_accent_themed--active: #FFFFFF; --vkui--color_background_accent_alternative: #529EF4; --vkui--color_background_accent_alternative--hover: #59A2F4; --vkui--color_background_accent_alternative--active: #60A6F5; --vkui--color_background_content: #19191A; --vkui--color_background_content--hover: #2B2B2C; --vkui--color_background_content--active: #353535; --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.08); --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.16); --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.2); --vkui--color_background: #0A0A0A; --vkui--color_background--hover: #141414; --vkui--color_background--active: #1E1E1E; --vkui--color_background_contrast: #FFFFFF; --vkui--color_background_contrast--hover: #FFFFFF; --vkui--color_background_contrast--active: #FFFFFF; --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20); --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_warning: #887244; --vkui--color_background_warning--hover: #8D784B; --vkui--color_background_warning--active: #927D53; --vkui--color_background_negative: #FF5C5C; --vkui--color_background_negative--hover: #FF6363; --vkui--color_background_negative--active: #FF6969; --vkui--color_background_tertiary: #202021; --vkui--color_background_tertiary--hover: #29292A; --vkui--color_background_tertiary--active: #323233; --vkui--color_background_modal: #2D2D2E; --vkui--color_background_modal--hover: #353536; --vkui--color_background_modal--active: #3E3E3F; --vkui--color_background_positive: #4BB34B; --vkui--color_background_positive--hover: #52B652; --vkui--color_background_positive--active: #59B959; --vkui--color_background_negative_tint: #522E2E; --vkui--color_background_negative_tint--hover: #593636; --vkui--color_background_negative_tint--active: #603F3F; --vkui--color_background_positive_tint: #E8f9e8; --vkui--color_background_positive_tint--hover: #E9F9E9; --vkui--color_background_positive_tint--active: #EAF9EA; --vkui--color_field_background: #292929; --vkui--color_field_background--hover: #323232; --vkui--color_field_background--active: #3A3A3A; --vkui--color_background_modal_inverse: #ffffff; --vkui--color_background_modal_inverse--hover: #FFFFFF; --vkui--color_background_modal_inverse--active: #FFFFFF; --vkui--color_background_contrast_inverse: #2d2d2e; --vkui--color_background_contrast_inverse--hover: #353536; --vkui--color_background_contrast_inverse--active: #3E3E3F; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #61A2FF; --vkui--color_background_accent_tint--active: #67A6FF; --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: #FFFFFF; --vkui--color_text_accent_themed--active: #FFFFFF; --vkui--color_text_negative: #FF5C5C; --vkui--color_text_negative--hover: #FF6363; --vkui--color_text_negative--active: #FF6969; --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: #FFFFFF; --vkui--color_text_link_themed--active: #FFFFFF; --vkui--color_text_muted: #E1E3E6; --vkui--color_text_muted--hover: #E2E4E7; --vkui--color_text_muted--active: #E3E5E8; --vkui--color_text_primary: #E1E3E6; --vkui--color_text_primary--hover: #E2E4E7; --vkui--color_text_primary--active: #E3E5E8; --vkui--color_text_primary_invariably: #000000; --vkui--color_text_primary_invariably--hover: #0A0A0A; --vkui--color_text_primary_invariably--active: #141414; --vkui--color_text_secondary: #76787A; --vkui--color_text_secondary--hover: #7B7D7F; --vkui--color_text_secondary--active: #818385; --vkui--color_text_subhead: #C1C3C6; --vkui--color_text_subhead--hover: #C3C5C8; --vkui--color_text_subhead--active: #C6C8CB; --vkui--color_text_tertiary: #636567; --vkui--color_text_tertiary--hover: #696B6D; --vkui--color_text_tertiary--active: #6F7173; --vkui--color_text_link_visited: #4986CC; --vkui--color_text_link_visited--hover: #508BCE; --vkui--color_text_link_visited--active: #5890D0; --vkui--color_text_contrast: #FFFFFF; --vkui--color_text_contrast--hover: #FFFFFF; --vkui--color_text_contrast--active: #FFFFFF; --vkui--color_text_contrast_themed: #000000; --vkui--color_text_contrast_themed--hover: #0A0A0A; --vkui--color_text_contrast_themed--active: #141414; --vkui--color_link_contrast: #FFFFFF; --vkui--color_link_contrast--hover: #FFFFFF; --vkui--color_link_contrast--active: #FFFFFF; --vkui--color_text_positive: #4BB34B; --vkui--color_text_positive--hover: #52B652; --vkui--color_text_positive--active: #59B959; --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: #FFFFFF; --vkui--color_icon_accent_themed--active: #FFFFFF; --vkui--color_icon_negative: #FF5C5C; --vkui--color_icon_negative--hover: #FF6363; --vkui--color_icon_negative--active: #FF6969; --vkui--color_icon_primary: #E1E3E6; --vkui--color_icon_primary--hover: #E2E4E7; --vkui--color_icon_primary--active: #E3E5E8; --vkui--color_icon_primary_invariably: #2C2D2E; --vkui--color_icon_primary_invariably--hover: #343536; --vkui--color_icon_primary_invariably--active: #3D3E3F; --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(0, 0, 0, 0.43); --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.47000000000000003); --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 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.3); --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: #FFFFFF; --vkui--color_icon_contrast--hover: #FFFFFF; --vkui--color_icon_contrast--active: #FFFFFF; --vkui--color_icon_contrast_themed: #000000; --vkui--color_icon_contrast_themed--hover: #0A0A0A; --vkui--color_icon_contrast_themed--active: #141414; --vkui--color_icon_positive: #4BB34B; --vkui--color_icon_positive--hover: #52B652; --vkui--color_icon_positive--active: #59B959; --vkui--color_icon_contrast_secondary: #F2F3F5; --vkui--color_icon_contrast_secondary--hover: #F3F3F5; --vkui--color_icon_contrast_secondary--active: #F3F4F6; --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: #FFFFFF; --vkui--color_stroke_accent_themed--active: #FFFFFF; --vkui--color_stroke_contrast: #FFFFFF; --vkui--color_stroke_contrast--hover: #FFFFFF; --vkui--color_stroke_contrast--active: #FFFFFF; --vkui--color_stroke_negative: #FF5C5C; --vkui--color_stroke_negative--hover: #FF6363; --vkui--color_stroke_negative--active: #FF6969; --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_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_separator_secondary: #141415; --vkui--color_separator_secondary--hover: #1D1D1E; --vkui--color_separator_secondary--active: #272728; --vkui--color_separator_primary: #363738; --vkui--color_separator_primary--hover: #3E3F40; --vkui--color_separator_primary--active: #464748; --vkui--color_stroke_positive: #4BB34B; --vkui--color_stroke_positive--hover: #52B652; --vkui--color_stroke_positive--active: #59B959; --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_accent_blue: #529EF4; --vkui--color_accent_blue--hover: #59A2F4; --vkui--color_accent_blue--active: #60A6F5; --vkui--color_accent_gray: #A3ADB8; --vkui--color_accent_gray--hover: #A7B0BB; --vkui--color_accent_gray--active: #AAB4BE; --vkui--color_accent_red: #FF3347; --vkui--color_accent_red--hover: #FF3B4E; --vkui--color_accent_red--active: #FF4356; --vkui--color_accent_green: #4BB34B; --vkui--color_accent_green--hover: #52B652; --vkui--color_accent_green--active: #59B959; --vkui--color_accent_orange: #FFA000; --vkui--color_accent_orange--hover: #FFA40A; --vkui--color_accent_orange--active: #FFA814; --vkui--color_accent_purple: #735CE6; --vkui--color_accent_purple--hover: #7963E7; --vkui--color_accent_purple--active: #7E69E8; --vkui--color_accent_violet: #792EC0; --vkui--color_accent_violet--hover: #7E36C3; --vkui--color_accent_violet--active: #843FC5; --vkui--color_accent_secondary: #3F8AE0; --vkui--color_accent_secondary--hover: #478FE1; --vkui--color_accent_secondary--active: #4E93E2; --vkui--color_action_sheet_text: #529EF4; --vkui--color_action_sheet_text--hover: #59A2F4; --vkui--color_action_sheet_text--active: #60A6F5; --vkui--color_header_background: #19191A; --vkui--color_header_background--hover: #222223; --vkui--color_header_background--active: #2B2B2C; --vkui--color_panel_header_icon: #71AAEB; --vkui--color_panel_header_icon--hover: #77ADEC; --vkui--color_panel_header_icon--active: #7CB1ED; --vkui--color_write_bar_input_background: #232324; --vkui--color_write_bar_input_background--hover: #2C2C2D; --vkui--color_write_bar_input_background--active: #353536; --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_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_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_search_field_background: #363738; --vkui--color_search_field_background--hover: #3E3F40; --vkui--color_search_field_background--active: #464748; --vkui--color_write_bar_icon: #529EF4; --vkui--color_write_bar_icon--hover: #59A2F4; --vkui--color_write_bar_icon--active: #60A6F5; --vkui--color_skeleton_from: #F5F5F5; --vkui--color_skeleton_from--hover: #F5F5F5; --vkui--color_skeleton_from--active: #F6F6F6; --vkui--color_skeleton_to: #E1E3E6; --vkui--color_skeleton_to--hover: #E2E4E7; --vkui--color_skeleton_to--active: #E3E5E8; --vkui--color_avatar_overlay: rgba(0, 0, 0, 0.6); --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_overlay_primary: rgba(0, 0, 0, 0.4); --vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44); --vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48); --vkui--color_segmented_control: #626364; --vkui--color_segmented_control--hover: #68696A; --vkui--color_segmented_control--active: #6F6F70; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: rgba(255, 255, 255, 0.04); --vkui--color_transparent--active: rgba(255, 255, 255, 0.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #FFD60A; --vkui--color_rating--active: #FFD714; --vkui--color_button_contrast_alpha: rgba(255, 255, 255, 0.12); --vkui--color_button_contrast_alpha--hover: rgba(255, 255, 255, 0.2); --vkui--color_button_contrast_alpha--active: rgba(255, 255, 255, 0.24); --vkui--color_button_contrast: #1B1B1C; --vkui--color_button_contrast--hover: #1F1F20; --vkui--color_button_contrast--active: #222223; --vkui--color_thumb_error_background_alpha: rgba(230, 70, 70, 0.12); --vkui--color_thumb_error_background_alpha--hover: rgba(230, 70, 70, 0.16); --vkui--color_thumb_error_background_alpha--active: rgba(230, 70, 70, 0.2); --vkui--color_background_accent_tint_themed_alpha: rgba(0, 95, 249, 0.06); --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 95, 249, 0.1); --vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 95, 249, 0.14); --vkui--color_background_accent_tint_alpha: rgba(0, 95, 249, 0.06); --vkui--color_background_accent_tint_alpha--hover: rgba(0, 95, 249, 0.1); --vkui--color_background_accent_tint_alpha--active: rgba(0, 95, 249, 0.14); --vkui--color_background_accent_tint_themed: #f0f4ff; --vkui--color_background_accent_tint_themed--hover: #F1F4FF; --vkui--color_background_accent_tint_themed--active: #F1F5FF; --vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48); --vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52); --vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56); --vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.48); --vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.52); --vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.56); --vkui--color_background_warning_tint_themed: #fffce0; --vkui--color_background_warning_tint_themed--hover: #FFFCE1; --vkui--color_background_warning_tint_themed--active: #FFFCE2; --vkui--color_background_warning_tint: #fffce0; --vkui--color_background_warning_tint--hover: #FFFCE1; --vkui--color_background_warning_tint--active: #FFFCE2; --vkui--color_background_negative_tint_themed_alpha: rgba(237, 10, 52, 0.08); --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 10, 52, 0.12); --vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 10, 52, 0.16); --vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.08); --vkui--color_background_negative_tint_alpha--hover: rgba(237, 10, 52, 0.12); --vkui--color_background_negative_tint_alpha--active: rgba(237, 10, 52, 0.16); --vkui--color_background_negative_tint_themed: #faebeb; --vkui--color_background_negative_tint_themed--hover: #FAECEC; --vkui--color_background_negative_tint_themed--active: #FAEDED; --vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08); --vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12); --vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16); --vkui--color_background_positive_tint_alpha: rgba(13, 194, 104, 0.08); --vkui--color_background_positive_tint_alpha--hover: rgba(13, 194, 104, 0.12); --vkui--color_background_positive_tint_alpha--active: rgba(13, 194, 104, 0.16); --vkui--color_background_positive_tint_themed: #ECFAF3; --vkui--color_background_positive_tint_themed--hover: #EDFAF3; --vkui--color_background_positive_tint_themed--active: #EEFAF4; --vkui--color_social_vk: #3F8AE0; --vkui--color_social_vk--hover: #478FE1; --vkui--color_social_vk--active: #4E93E2; --vkui--color_social_ok: #ee8208; --vkui--color_social_ok--hover: #EF8712; --vkui--color_social_ok--active: #EF8C1C; --vkui--color_social_fb: #1877f2; --vkui--color_social_fb--hover: #217CF3; --vkui--color_social_fb--active: #2A82F3; --vkui--color_social_mir: #117eda; --vkui--color_social_mir--hover: #1B83DB; --vkui--color_social_mir--active: #2488DD; --vkui--color_social_twitter: #1da1f2; --vkui--color_social_twitter--hover: #26A5F3; --vkui--color_social_twitter--active: #2FA9F3; --vkui--color_social_behance: #1769ff; --vkui--color_social_behance--hover: #206FFF; --vkui--color_social_behance--active: #2A75FF; --vkui--color_social_dribbble: #ea4c89; --vkui--color_social_dribbble--hover: #EB538E; --vkui--color_social_dribbble--active: #EC5A92; --vkui--color_background_thumbnail: #EBECEF; --vkui--color_background_thumbnail--hover: #ECEDF0; --vkui--color_background_thumbnail--active: #EDEEF0; --vkui--color_background_thumbnail_alpha: rgba(255, 255, 255, 0.08); --vkui--color_background_thumbnail_alpha--hover: rgba(255, 255, 255, 0.12); --vkui--color_background_thumbnail_alpha--active: rgba(255, 255, 255, 0.16); --vkui--color_palette_red1: #fc2c38; --vkui--color_palette_red1--hover: #FC3440; --vkui--color_palette_red1--active: #FC3D48; --vkui--color_palette_red2: #eb1981; --vkui--color_palette_red2--hover: #EC2286; --vkui--color_palette_red2--active: #ED2B8B; --vkui--color_palette_red3: #ff71bb; --vkui--color_palette_red3--hover: #FF77BE; --vkui--color_palette_red3--active: #FF7CC0; --vkui--color_palette_orange1: #ff8b2e; --vkui--color_palette_orange1--hover: #FF9036; --vkui--color_palette_orange1--active: #FF943F; --vkui--color_palette_orange1_alpha: rgba(255, 158, 0, 0.12); --vkui--color_palette_orange1_alpha--hover: rgba(255, 158, 0, 0.16); --vkui--color_palette_orange1_alpha--active: rgba(255, 158, 0, 0.2); --vkui--color_palette_yellow1: #ffc311; --vkui--color_palette_yellow1--hover: #FFC51B; --vkui--color_palette_yellow1--active: #FFC824; --vkui--color_palette_green1: #aee113; --vkui--color_palette_green1--hover: #B1E21C; --vkui--color_palette_green1--active: #B4E326; --vkui--color_palette_green2: #59c354; --vkui--color_palette_green2--hover: #60C55B; --vkui--color_palette_green2--active: #66C862; --vkui--color_palette_green3: #37eb94; --vkui--color_palette_green3--hover: #3FEC98; --vkui--color_palette_green3--active: #47ED9D; --vkui--color_palette_green4: #00b1b3; --vkui--color_palette_green4--hover: #0AB4B6; --vkui--color_palette_green4--active: #14B7B9; --vkui--color_palette_green1_alpha: rgba(92, 186, 56, 0.12); --vkui--color_palette_green1_alpha--hover: rgba(92, 186, 56, 0.16); --vkui--color_palette_green1_alpha--active: rgba(92, 186, 56, 0.2); --vkui--color_palette_green2_alpha: rgba(0, 230, 180, 0.08); --vkui--color_palette_green2_alpha--hover: rgba(0, 230, 180, 0.12); --vkui--color_palette_green2_alpha--active: rgba(0, 230, 180, 0.16); --vkui--color_palette_blue1: #2951ff; --vkui--color_palette_blue1--hover: #3258FF; --vkui--color_palette_blue1--active: #3A5FFF; --vkui--color_palette_blue2: #00abf2; --vkui--color_palette_blue2--hover: #0AAEF3; --vkui--color_palette_blue2--active: #14B2F3; --vkui--color_palette_blue3: #26dfdf; --vkui--color_palette_blue3--hover: #2FE0E0; --vkui--color_palette_blue3--active: #37E2E2; --vkui--color_palette_blue1_alpha: rgba(0, 95, 249, 0.12); --vkui--color_palette_blue1_alpha--hover: rgba(0, 95, 249, 0.16); --vkui--color_palette_blue1_alpha--active: rgba(0, 95, 249, 0.2); --vkui--color_palette_violet1: #6c00ff; --vkui--color_palette_violet1--hover: #720AFF; --vkui--color_palette_violet1--active: #7814FF; --vkui--color_palette_violet2: #ae73ff; --vkui--color_palette_violet2--hover: #B179FF; --vkui--color_palette_violet2--active: #B47EFF; --vkui--color_alert: #c1341b; --vkui--color_alert--hover: #C33C24; --vkui--color_alert--active: #C6442D; --vkui--color_tag_background_mint: #B3F0DD; --vkui--color_tag_background_mint--hover: #B6F1DE; --vkui--color_tag_background_mint--active: #B9F1E0; --vkui--color_tag_text_mint: #205B5B; --vkui--color_tag_text_mint--hover: #296262; --vkui--color_tag_text_mint--active: #326868; --vkui--color_tag_background_sky: #A4DEFF; --vkui--color_tag_background_sky--hover: #A8DFFF; --vkui--color_tag_background_sky--active: #ABE1FF; --vkui--color_tag_text_sky: #203F5B; --vkui--color_tag_text_sky--hover: #294762; --vkui--color_tag_text_sky--active: #324E68; --vkui--color_tag_background_orange: #FFD2A8; --vkui--color_tag_background_orange--hover: #FFD4AB; --vkui--color_tag_background_orange--active: #FFD6AF; --vkui--color_tag_text_orange: #5B3620; --vkui--color_tag_text_orange--hover: #623E29; --vkui--color_tag_text_orange--active: #684632; --vkui--color_tag_background_pink: #FFB2DA; --vkui--color_tag_background_pink--hover: #FFB5DB; --vkui--color_tag_background_pink--active: #FFB8DD; --vkui--color_tag_text_pink: #51205B; --vkui--color_tag_text_pink--hover: #582962; --vkui--color_tag_text_pink--active: #5F3268; --vkui--color_tag_background_purple: #CEB3F0; --vkui--color_tag_background_purple--hover: #D0B6F1; --vkui--color_tag_background_purple--active: #D2B9F1; --vkui--color_tag_text_purple: #38205B; --vkui--color_tag_text_purple--hover: #402962; --vkui--color_tag_text_purple--active: #483268; --vkui--octavius_color_placeholder_background: #ffffff; --vkui--octavius_color_placeholder_background--hover: #FFFFFF; --vkui--octavius_color_placeholder_background--active: #FFFFFF; --vkui--octavius_color_promo_background: #EBEEF5; --vkui--octavius_color_promo_background--hover: #ECEFF5; --vkui--octavius_color_promo_background--active: #EDEFF6; --vkui--octavius_color_thread_footer_background: #2D2D2E; --vkui--octavius_color_thread_footer_background--hover: #353536; --vkui--octavius_color_thread_footer_background--active: #3E3E3F; --vkui--octavius_color_button_text: #E7E8EA; --vkui--octavius_color_button_text--hover: #E8E9EB; --vkui--octavius_color_button_text--active: #E9EAEC; --vkui--octavius_color_button_icon: #E7E8EA; --vkui--octavius_color_button_icon--hover: #E8E9EB; --vkui--octavius_color_button_icon--active: #E9EAEC; --vkui--octavius_color_button_background_alpha: transparent; --vkui--octavius_color_button_background_alpha--hover: rgba(255, 255, 255, 0.04); --vkui--octavius_color_button_background_alpha--active: rgba(255, 255, 255, 0.08); --vkui--octavius_color_background: #000000; --vkui--octavius_color_background--hover: #0A0A0A; --vkui--octavius_color_background--active: #141414; --vkui--octavius_color_background_accent_toned_alpha: rgba(82, 158, 244, 0.12); --vkui--octavius_color_background_accent_toned_alpha--hover: rgba(82, 158, 244, 0.16); --vkui--octavius_color_background_accent_toned_alpha--active: rgba(82, 158, 244, 0.2); --vkui--octavius_color_overlay_background: transparent; --vkui--octavius_color_overlay_background--hover: rgba(255, 255, 255, 0.04); --vkui--octavius_color_overlay_background--active: rgba(255, 255, 255, 0.08); --vkui--octavius_color_header_background: #161616; --vkui--octavius_color_header_background--hover: #2B2B2C; --vkui--octavius_color_header_background--active: #353535; --vkui--octavius_color_header_button_text: #E1E3E6; --vkui--octavius_color_header_button_text--hover: #E2E4E7; --vkui--octavius_color_header_button_text--active: #E3E5E8; --vkui--octavius_color_header_button_background_alpha: transparent; --vkui--octavius_color_header_button_background_alpha--hover: rgba(255, 255, 255, 0.16); --vkui--octavius_color_header_button_background_alpha--active: rgba(255, 255, 255, 0.2); --vkui--octavius_color_header_icon: #529EF4; --vkui--octavius_color_header_icon--hover: #59A2F4; --vkui--octavius_color_header_icon--active: #60A6F5; --vkui--octavius_color_header_icon_unread: #FFFFFF; --vkui--octavius_color_header_icon_unread--hover: #FFFFFF; --vkui--octavius_color_header_icon_unread--active: #FFFFFF; --vkui--octavius_color_header_icon_favorite: #FFFFFF; --vkui--octavius_color_header_icon_favorite--hover: #FFFFFF; --vkui--octavius_color_header_icon_favorite--active: #FFFFFF; --vkui--octavius_color_header_icon_attach: #FFFFFF; --vkui--octavius_color_header_icon_attach--hover: #FFFFFF; --vkui--octavius_color_header_icon_attach--active: #FFFFFF; --vkui--octavius_color_header_text_secondary: #76787A; --vkui--octavius_color_header_text_secondary--hover: #7B7D7F; --vkui--octavius_color_header_text_secondary--active: #818385; --vkui--octavius_color_header_search_icon: #76787A; --vkui--octavius_color_header_search_icon--hover: #7B7D7F; --vkui--octavius_color_header_search_icon--active: #818385; --vkui--octavius_color_header_search_chip_background: #2D2D2E; --vkui--octavius_color_header_search_chip_background--hover: #353536; --vkui--octavius_color_header_search_chip_background--active: #3E3E3F; --vkui--octavius_color_header_search_chip_background_editable: #313131; --vkui--octavius_color_header_search_chip_background_editable--hover: #393939; --vkui--octavius_color_header_search_chip_background_editable--active: #414141; --vkui--octavius_color_header_search_chip_border_editable_alpha: rgba(255, 255, 255, .48); --vkui--octavius_color_header_search_chip_border_editable_alpha--hover: rgba(255, 255, 255, 0.52); --vkui--octavius_color_header_search_chip_border_editable_alpha--active: rgba(255, 255, 255, 0.56); --vkui--octavius_color_header_search_background: #0A0A0A; --vkui--octavius_color_header_search_background--hover: #141414; --vkui--octavius_color_header_search_background--active: #1E1E1E; --vkui--octavius_color_header_search_background_collapsed: #0A0A0A; --vkui--octavius_color_header_search_background_collapsed--hover: #141414; --vkui--octavius_color_header_search_background_collapsed--active: #1E1E1E; --vkui--octavius_color_header_search_text: #76787A; --vkui--octavius_color_header_search_text--hover: #7B7D7F; --vkui--octavius_color_header_search_text--active: #818385; --vkui--octavius_color_header_search_text_collapsed: #76787A; --vkui--octavius_color_header_search_text_collapsed--hover: #7B7D7F; --vkui--octavius_color_header_search_text_collapsed--active: #818385; --vkui--octavius_color_header_filter_text_alpha: rgba(255, 255, 255, 0.48); --vkui--octavius_color_header_filter_text_alpha--hover: rgba(255, 255, 255, 0.52); --vkui--octavius_color_header_filter_text_alpha--active: rgba(255, 255, 255, 0.56); --vkui--octavius_color_header_progress: #529EF4; --vkui--octavius_color_header_progress--hover: #59A2F4; --vkui--octavius_color_header_progress--active: #60A6F5; --vkui--octavius_color_portal_menu_background: rgb(31, 31, 31); --vkui--octavius_color_portal_menu_background--hover: #282828; --vkui--octavius_color_portal_menu_background--active: #313131; --vkui--octavius_color_sidebar_item_icon_active: #ffffff; --vkui--octavius_color_sidebar_item_icon_active--hover: #FFFFFF; --vkui--octavius_color_sidebar_item_icon_active--active: #FFFFFF; --vkui--octavius_color_sidebar_item_icon_primary: #E1E3E6; --vkui--octavius_color_sidebar_item_icon_primary--hover: #E2E4E7; --vkui--octavius_color_sidebar_item_icon_primary--active: #E3E5E8; --vkui--octavius_color_sidebar_item_text_active: #ffffff; --vkui--octavius_color_sidebar_item_text_active--hover: #FFFFFF; --vkui--octavius_color_sidebar_item_text_active--active: #FFFFFF; --vkui--octavius_color_sidebar_item_text_primary: #2C2D2E; --vkui--octavius_color_sidebar_item_text_primary--hover: #343536; --vkui--octavius_color_sidebar_item_text_primary--active: #3D3E3F; --vkui--octavius_color_sidebar_button_icon: #2C2D2E; --vkui--octavius_color_sidebar_button_icon--hover: #343536; --vkui--octavius_color_sidebar_button_icon--active: #3D3E3F; --vkui--octavius_color_sidebar_button_text: #2C2D2E; --vkui--octavius_color_sidebar_button_text--hover: #343536; --vkui--octavius_color_sidebar_button_text--active: #3D3E3F; --vkui--octavius_color_sidebar_button_background: #FFFFFF; --vkui--octavius_color_sidebar_button_background--hover: #FFFFFF; --vkui--octavius_color_sidebar_button_background--active: #FFFFFF; --vkui--octavius_color_sidebar_counter_background_alpha: rgba(255, 255, 255, 0.3); --vkui--octavius_color_sidebar_counter_background_alpha--hover: rgba(255, 255, 255, 0.34); --vkui--octavius_color_sidebar_counter_background_alpha--active: rgba(255, 255, 255, 0.38); --vkui--octavius_color_sidebar_counter_text: #e1e3e6; --vkui--octavius_color_sidebar_counter_text--hover: #E2E4E7; --vkui--octavius_color_sidebar_counter_text--active: #E3E5E8; --vkui--octavius_color_sidebar_item_background_alpha: transparent; --vkui--octavius_color_sidebar_item_background_alpha--hover: rgba(255, 255, 255, 0.16); --vkui--octavius_color_sidebar_item_background_alpha--active: rgba(255, 255, 255, 0.2); --vkui--octavius_color_sidebar_scrollbar_alpha: rgba(255, 255, 255, 0.12); --vkui--octavius_color_sidebar_scrollbar_alpha--hover: rgba(255, 255, 255, 0.16); --vkui--octavius_color_sidebar_scrollbar_alpha--active: rgba(255, 255, 255, 0.2); --vkui--octavius_color_sidebar_item_icon: #E1E3E6; --vkui--octavius_color_sidebar_item_icon--hover: #E2E4E7; --vkui--octavius_color_sidebar_item_icon--active: #E3E5E8; --vkui--octavius_color_sidebar_item_text: #E1E3E6; --vkui--octavius_color_sidebar_item_text--hover: #E2E4E7; --vkui--octavius_color_sidebar_item_text--active: #E3E5E8; --vkui--octavius_color_sidebar_item_button_background_alpha: rgba(255, 255, 255, 0.08); --vkui--octavius_color_sidebar_item_button_background_alpha--hover: rgba(255, 255, 255, 0.16); --vkui--octavius_color_sidebar_item_button_background_alpha--active: rgba(255, 255, 255, 0.24); --vkui--octavius_color_sidebar_item_icon_secondary: #76787A; --vkui--octavius_color_sidebar_item_icon_secondary--hover: #7B7D7F; --vkui--octavius_color_sidebar_item_icon_secondary--active: #818385; --vkui--octavius_color_sidebar_item_text_secondary: #76787A; --vkui--octavius_color_sidebar_item_text_secondary--hover: #7B7D7F; --vkui--octavius_color_sidebar_item_text_secondary--active: #818385; --vkui--octavius_color_sidebar_short_item_icon: #E1E3E6; --vkui--octavius_color_sidebar_short_item_icon--hover: #E2E4E7; --vkui--octavius_color_sidebar_short_item_icon--active: #E3E5E8; --vkui--octavius_color_sidebar_short_item_text: #E1E3E6; --vkui--octavius_color_sidebar_short_item_text--hover: #E2E4E7; --vkui--octavius_color_sidebar_short_item_text--active: #E3E5E8; --vkui--octavius_color_sidebar_short_item_text_active: #E1E3E6; --vkui--octavius_color_sidebar_short_item_text_active--hover: #E2E4E7; --vkui--octavius_color_sidebar_short_item_text_active--active: #E3E5E8; --vkui--octavius_color_sidebar_short_item_icon_active: #E1E3E6; --vkui--octavius_color_sidebar_short_item_icon_active--hover: #E2E4E7; --vkui--octavius_color_sidebar_short_item_icon_active--active: #E3E5E8; --vkui--octavius_color_sidebar_short_item_icon_secondary: #76787A; --vkui--octavius_color_sidebar_short_item_icon_secondary--hover: #7B7D7F; --vkui--octavius_color_sidebar_short_item_icon_secondary--active: #818385; --vkui--octavius_color_sidebar_short_item_text_secondary: #76787A; --vkui--octavius_color_sidebar_short_item_text_secondary--hover: #7B7D7F; --vkui--octavius_color_sidebar_short_item_text_secondary--active: #818385; --vkui--octavius_color_sidebar_compose_button_background: #ffffff; --vkui--octavius_color_sidebar_compose_button_background--hover: #FFFFFF; --vkui--octavius_color_sidebar_compose_button_background--active: #FFFFFF; --vkui--octavius_color_sidebar_compose_button_text: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_text--hover: #343536; --vkui--octavius_color_sidebar_compose_button_text--active: #3D3E3F; --vkui--octavius_color_sidebar_compose_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_icon--hover: #343536; --vkui--octavius_color_sidebar_compose_button_icon--active: #3D3E3F; --vkui--octavius_color_content_scrollbar_alpha: rgba(255, 255, 255, 0.2); --vkui--octavius_color_content_scrollbar_alpha--hover: rgba(255, 255, 255, 0.24); --vkui--octavius_color_content_scrollbar_alpha--active: rgba(255, 255, 255, 0.28); --vkui--octavius_color_icon_unread: #529EF4; --vkui--octavius_color_icon_unread--hover: #59A2F4; --vkui--octavius_color_icon_unread--active: #60A6F5; --vkui--octavius_color_icon_favorite: #FF3347; --vkui--octavius_color_icon_favorite--hover: #FF3B4E; --vkui--octavius_color_icon_favorite--active: #FF4356; --vkui--octavius_color_icon_order: #ff51ab; --vkui--octavius_color_icon_order--hover: #FF58AE; --vkui--octavius_color_icon_order--active: #FF5FB2; --vkui--octavius_color_icon_finance: #22c983; --vkui--octavius_color_icon_finance--hover: #2BCB88; --vkui--octavius_color_icon_finance--active: #34CD8D; --vkui--octavius_color_icon_registration: #ffa000; --vkui--octavius_color_icon_registration--hover: #FFA40A; --vkui--octavius_color_icon_registration--active: #FFA814; --vkui--octavius_color_icon_travel: #bd19ff; --vkui--octavius_color_icon_travel--hover: #C022FF; --vkui--octavius_color_icon_travel--active: #C22BFF; --vkui--octavius_color_icon_event: #07a3fc; --vkui--octavius_color_icon_event--hover: #11A7FC; --vkui--octavius_color_icon_event--active: #1BAAFC; --vkui--octavius_color_icon_fees: #e70101; --vkui--octavius_color_icon_fees--hover: #E80B0B; --vkui--octavius_color_icon_fees--active: #E91515; --vkui--octavius_color_icon_event_alpha: rgba(59, 186, 254, 0.1); --vkui--octavius_color_icon_event_alpha--hover: rgba(59, 186, 254, 0.14); --vkui--octavius_color_icon_event_alpha--active: rgba(59, 186, 254, 0.18); --vkui--octavius_color_icon_order_alpha: rgba(249, 76, 163, 0.1); --vkui--octavius_color_icon_order_alpha--hover: rgba(249, 76, 163, 0.14); --vkui--octavius_color_icon_order_alpha--active: rgba(249, 76, 163, 0.18); --vkui--octavius_color_icon_travel_alpha: rgba(193, 93, 243, 0.1); --vkui--octavius_color_icon_travel_alpha--hover: rgba(193, 93, 243, 0.14); --vkui--octavius_color_icon_travel_alpha--active: rgba(193, 93, 243, 0.18); --vkui--octavius_color_sidebar_icon_unread: #2688EB; --vkui--octavius_color_sidebar_icon_unread--hover: #2F8DEC; --vkui--octavius_color_sidebar_icon_unread--active: #3792ED; --vkui--octavius_color_sidebar_icon_favorite: #FF3347; --vkui--octavius_color_sidebar_icon_favorite--hover: #FF3B4E; --vkui--octavius_color_sidebar_icon_favorite--active: #FF4356; --vkui--octavius_color_sidebar_icon_order: #ff51ab; --vkui--octavius_color_sidebar_icon_order--hover: #FF58AE; --vkui--octavius_color_sidebar_icon_order--active: #FF5FB2; --vkui--octavius_color_sidebar_icon_finance: #22c983; --vkui--octavius_color_sidebar_icon_finance--hover: #2BCB88; --vkui--octavius_color_sidebar_icon_finance--active: #34CD8D; --vkui--octavius_color_sidebar_icon_registration: #ffa000; --vkui--octavius_color_sidebar_icon_registration--hover: #FFA40A; --vkui--octavius_color_sidebar_icon_registration--active: #FFA814; --vkui--octavius_color_sidebar_icon_travel: #bd19ff; --vkui--octavius_color_sidebar_icon_travel--hover: #C022FF; --vkui--octavius_color_sidebar_icon_travel--active: #C22BFF; --vkui--octavius_color_sidebar_icon_event: #07a3fc; --vkui--octavius_color_sidebar_icon_event--hover: #11A7FC; --vkui--octavius_color_sidebar_icon_event--active: #1BAAFC; --vkui--octavius_color_sidebar_icon_fees: #e70101; --vkui--octavius_color_sidebar_icon_fees--hover: #E80B0B; --vkui--octavius_color_sidebar_icon_fees--active: #E91515; --vkui--octavius_color_list_letter_background: #19191A; --vkui--octavius_color_list_letter_background--hover: #2B2B2C; --vkui--octavius_color_list_letter_background--active: #353535; --vkui--octavius_color_list_text_unread: #2C2D2E; --vkui--octavius_color_list_text_unread--hover: #343536; --vkui--octavius_color_list_text_unread--active: #3D3E3F; --vkui--octavius_color_list_text_primary: #2C2D2E; --vkui--octavius_color_list_text_primary--hover: #343536; --vkui--octavius_color_list_text_primary--active: #3D3E3F; --vkui--octavius_color_list_icon_primary: #2C2D2E; --vkui--octavius_color_list_icon_primary--hover: #343536; --vkui--octavius_color_list_icon_primary--active: #3D3E3F; --vkui--octavius_color_list_letter_separator_alpha: rgba(255, 255, 255, 0.12); --vkui--octavius_color_list_letter_separator_alpha--hover: rgba(255, 255, 255, 0.16); --vkui--octavius_color_list_letter_separator_alpha--active: rgba(255, 255, 255, 0.2); --vkui--octavius_color_list_letter_adv_background: #F0F5FF; --vkui--octavius_color_list_letter_adv_background--hover: #F1F5FF; --vkui--octavius_color_list_letter_adv_background--active: #F1F6FF; --vkui--octavius_color_list_background_positive_alpha: rgba(13, 194, 104, 0.08); --vkui--octavius_color_list_background_positive_alpha--hover: rgba(13, 194, 104, 0.12); --vkui--octavius_color_list_background_positive_alpha--active: rgba(13, 194, 104, 0.16); --vkui--octavius_color_letter_list_text_unread: #ffffff; --vkui--octavius_color_letter_list_text_unread--hover: #FFFFFF; --vkui--octavius_color_letter_list_text_unread--active: #FFFFFF; --vkui--octavius_color_dataset_background: #19191A; --vkui--octavius_color_dataset_background--hover: #222223; --vkui--octavius_color_dataset_background--active: #2B2B2C; --vkui--octavius_color_empty_state_text: #E1E3E6; --vkui--octavius_color_empty_state_text--hover: #E2E4E7; --vkui--octavius_color_empty_state_text--active: #E3E5E8; --vkui--octavius_color_layout_border_alpha: transparent; --vkui--octavius_color_layout_border_alpha--hover: rgba(255, 255, 255, 0.04); --vkui--octavius_color_layout_border_alpha--active: rgba(255, 255, 255, 0.08); --vkui--octavius_color_layout_letter_border_alpha: rgba(0, 0, 0, 0.4); --vkui--octavius_color_layout_letter_border_alpha--hover: rgba(0, 0, 0, 0.44); --vkui--octavius_color_layout_letter_border_alpha--active: rgba(0, 0, 0, 0.48); --vkui--octavius_color_empty_state_text_link: #E7E8EA; --vkui--octavius_color_empty_state_text_link--hover: #E8E9EB; --vkui--octavius_color_empty_state_text_link--active: #E9EAEC; --vkui--octavius_color_letter_contact_background_alpha: transparent; --vkui--octavius_color_letter_contact_background_alpha--hover: rgba(255, 255, 255, 0.08); --vkui--octavius_color_letter_contact_background_alpha--active: rgba(255, 255, 255, 0.16); --vkui--octavius_color_letter_preview_background_primary: #141414; --vkui--octavius_color_letter_preview_background_primary--hover: #1D1D1D; --vkui--octavius_color_letter_preview_background_primary--active: #272727; --vkui--octavius_color_letter_preview_background_secondary: #0F0F0F; --vkui--octavius_color_letter_preview_background_secondary--hover: #191919; --vkui--octavius_color_letter_preview_background_secondary--active: #222222; --vkui--octavius_color_notification_border: #ffffff; --vkui--octavius_color_notification_border--hover: #FFFFFF; --vkui--octavius_color_notification_border--active: #FFFFFF; --vkui--octavius_text_decoration_empty_state_text_link: underline; --vkui--octavius_text_decoration_empty_state_text_link--hover: none; --vkui--octavius_text_decoration_empty_state_text_link--active: none; --vkui--octavius_color_background_accent_tint_alpha: rgba(0, 95, 249, 0.12); --vkui--octavius_color_background_accent_tint_alpha--hover: rgba(0, 95, 249, 0.16); --vkui--octavius_color_background_accent_tint_alpha--active: rgba(0, 95, 249, 0.2); --vkui--octavius_color_background_negative_tint_alpha: rgba(236, 71, 80, 0.12); --vkui--octavius_color_background_negative_tint_alpha--hover: rgba(236, 71, 80, 0.16); --vkui--octavius_color_background_negative_tint_alpha--active: rgba(236, 71, 80, 0.2); --vkui--octavius_color_background_positive_tint_alpha: rgba(13, 194, 104, 0.1); --vkui--octavius_color_background_positive_tint_alpha--hover: rgba(13, 194, 104, 0.14); --vkui--octavius_color_background_positive_tint_alpha--active: rgba(13, 194, 104, 0.18); --vkui--octavius_color_button_background_contrast_alpha: rgba(250, 250, 250, 0.99); --vkui--octavius_color_button_background_contrast_alpha--hover: rgb(250, 250, 250); --vkui--octavius_color_button_background_contrast_alpha--active: rgb(250, 250, 250); --vkui--octavius_color_icon_social: #7288FF; --vkui--octavius_color_icon_social--hover: #788DFF; --vkui--octavius_color_icon_social--active: #7D92FF; --vkui--octavius_color_icon_mailings: #FC8A15; --vkui--octavius_color_icon_mailings--hover: #FC8F1E; --vkui--octavius_color_icon_mailings--active: #FC9328; --vkui--octavius_color_icon_to_myself: #00BD93; --vkui--octavius_color_icon_to_myself--hover: #0AC097; --vkui--octavius_color_icon_to_myself--active: #14C29C; --vkui--octavius_color_icon_news: #08ABD9; --vkui--octavius_color_icon_news--hover: #12AEDB; --vkui--octavius_color_icon_news--active: #1CB2DC; --vkui--octavius_color_icon_official: #EC4750; --vkui--octavius_color_icon_official--hover: #ED4E57; --vkui--octavius_color_icon_official--active: #EE565E; --vkui--octavius_color_icon_school: #AC7EEC; --vkui--octavius_color_icon_school--hover: #AF83ED; --vkui--octavius_color_icon_school--active: #B388EE; --vkui--octavius_color_icon_games: #F8BA04; --vkui--octavius_color_icon_games--hover: #F8BD0E; --vkui--octavius_color_icon_games--active: #F9C018; }