@charset "UTF-8";

:root {
  --icon-tint: invert(16%) sepia(1%) saturate(1%) hue-rotate(22deg)
    brightness(94%) contrast(91%);

  --main_page_background: #272c2a;
  --main_page_background-image: url(snow-bg.png);
  --main_page_header_background: transparent;
  --main_page_header_border_bottom: 1px solid transparent;
  --main_page_primary_text_color: #ffffff;
  --main_page_header_burger_background: #e5e5e6;
  --main_page_header_button_text_color: #e5e5e6;
  /* --main_page_header_logo: url(logo-light-main-page.png); */

  --header_height: 39px;
  --header_background: #fefefe;
  --header_border_bottom: 1px solid #f3f5f9;
  /* --header_logo: url(logo-light-theme.png); */
  --header_logo_height: 28px;
  --header_logo_width: 90px;
  --header_burger_background: #5f6671;
  --header_button_text_color: #5f6671;
  --header_button_hover_background_color: rgba(98, 153, 224, 0.61);
  --header_search_box_background: #224b7a;

  --common_body_background: #edeef0;
  --common_page_background: #ffffff;
  --common_page_shadow: 0 2px 2px 0 #dce1e6, 0 1px 5px 0 #dce1e6,
    0 3px 1px -2px #e7e8ec;
  --common_page_border_radius: 2px;

  --button_border_radius: 3px;

  --button_primary_color: #5181b8 !important;
  --button_primary_hover_color: #5b88bd;
  --button_primary_text_color: #ffffff;
  --button_primary_text_hover_color: #ffffff;

  --button_secondary_color: #c5d3e4 !important;
  --button_secondary_hover_color: #c0cee0;
  --button_secondary_text_color: #55769f;
  --button_secondary_text_hover_color: #4d6c93;

  --button_disabled_color: rgba(0, 0, 0, 0.05) !important;
  --button_disabled_hover_color: rgba(0, 0, 0, 0.13);
  --button_disabled_text_color: #0e0e10 !important;

  --button_green_color: #68b35d !important;
  --button_green_hover_color: #74bd69;
  --button_green_text_color: #fff;
  --button_green_text_hover_color: #fff;

  --button_more_color: #d8dce2 !important;
  --button_more_hover_color: #e1e5eb;
  --button_more_text_color: #285473;
  --button_more_text_hover_color: #285473;

  --button_link_color: transparent !important;
  --button_link_hover_color: #e1e5eb;
  --button_link_text_color: #54759e;
  --button_link_hover_text_color: #285473;

  --button_tinted_color: #d8e2ed;
  --button_tinted_hover_color: #cedff5;
  --button_tinted_text_color: #55769f;
  --button_tinted_hover_text_color: #3c71e5;

  --button_flat_color: transparent;
  --button_flat_hover_color: #e1e7ed;
  --button_flat_text_color: #3a6d99;

  --button_card_action_color: #d8dce2 !important;
  --button_card_action_hover_color: #e1e5eb;
  --button_card_action_text_color: #285473;
  --button_card_action_hover_text_color: #efeff1;

  --item_link_content: rgba(84, 117, 158, 0.04);
  --item_footer_link_color: #606770;
  --item_footer_active_link_color: #ee2a44;
  --item_footer_button_color: transparent;
  --item_footer_button_hover_color: var(--button_more_hover_color);
  --item_footer_button_border_radius: 3px;
  --item_featured_shadow: 0 2px 0 0 #ce5b3a, 0 0 0 1px #ea7351;
  --item_repost_background: #f3f1f1;

  --switch_button_off_background_color: #ccc;
  --switch_button_on_background_color: #4a76a8;
  --switch_button_disabled_background_color: #a19b9b;
  --switch_button_slider_background_color: #fff;

  --separator_common: rgba(0, 0, 0, 0.125);
  --separator_alternate: #e7e8ec;

  --card_border_radius: 0.25rem;
  --default_border_radius: 0.25rem;

  --icon_tint: #7d9cb8;
  --icon_online: #48c00b;

  --counter_text_color: white;
  --counter_background_color: #cd030d;

  --progress_bar_color: #51a3fb;
  --loader_color: #51a3fb;
  --cover_wrapper_color: #ecf7fe;

  --photo_wrapper_color: #cbebf7;
  --photo_wrapper_border_color: #ffffff;
  --photo_wrapper_border: 4px solid;

  --side_menu_icon_tint: #99b1c6;
  --side_menu_icon_tint_hover: #7d9cb8;
  --side_menu_text_color: #285473;
  --side_menu_text_color_hover: #285473;
  --side_menu_li: transparent;
  --side_menu_li_hover: #e1e5eb;
  --side_menu_li_selected: #d8dce2;
  --side_menu_border_radius: 3px;

  --input_text_backgroud: #ffffff;
  --input_text_color: #5f6979;
  --input_text_placeholder_color: #a6aebb;
  --input_text_placeholder_color_focus: #a6aebb;
  --input_text_border: 1px solid #edeff1;
  --input_text_border_focus: 1px solid #ccd0d5;

  --form_footer_background: #fcfcfc;

  --checkbox_label_background: #fafafa;
  --checkbox_checked_label_background: rgba(45, 114, 217, 0.1);

  --text_primary: #000000;
  --text_link: #54759e;
  --text_link_hover: #415e80;
  --text_title: #000000;
  --text_date: #666;
  --text_sub_title: #626d7a;
  --text_footer_link: #394e66;

  --header_message_background: #588fe1;
  --header_message_border_radius: 3px;
  --header_message_text_color: #ffffff;
  --header_message_shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -2px rgba(0, 0, 0, 0.12);

  --comment_bubble_background: #f2f2f2;

  --ls_menu_item_color: #2a5885;
  --ls_menu_selected_item_backround: #f0f2f5;
  --ls_menu_selected_item_color: #000000;
  --ls_menu_selected_item_border_left_color: #5181b8;

  --dropdown_menu_background: #ffffff;
  --dropdown_menu_color: var(--text_title);
  --dropdown_menu_hover_background: #f2f2f2;
  --dropdown_menu_shadow: rgba(0, 0, 0, 0.3) 0 1px 2px 0,
    rgba(0, 0, 0, 0.15) 0 3px 6px 2px;

  --verified_badge_background: #5890ff;

  /* Exetended list item */

  --extended_cards_list_border: 2px solid;
  --extended_cards_list_border_color: white;

  /*  Alerts  */

  --alert_border_radius: 3px;

  --alert_warning_color: #fff;
  --alert_warning_background_color: #f7b928;
  --alert_warning_border_color: transparent;

  --alert_success_color: #fff;
  --alert_success_background_color: rgba(65, 165, 109, 0.61);
  --alert_success_border_color: transparent;

  --alert_danger_color: #fff;
  --alert_danger_background_color: #f02849;
  --alert_danger_border_color: transparent;

  --alert_info_color: #0c5460;
  --alert_info_background_color: #d1ecf1;
  --alert_info_border_color: transparent;

  /*  Reactions  */

  --reactions_box_background: #ffffff;
  --reactions_box_shadow: 0 2px 2px 0 #dce1e6, 0 1px 5px 0 #dce1e6,
    0 3px 1px -2px #e7e8ec;
}
