:root { /*----------Primary----------*/ --Primary: #d70000; --Primary_1: rgba(0, 182, 176, .1); --Primary_2: rgba(0, 182, 176, .2); --Primary_4: rgba(0, 182, 176, .4); --Primary_6: rgba(0, 182, 176, .6); --gr_primary: var(--Primary); --gr_primary_1: var(--Primary_1); --gr_primary_2: var(--Primary_2); --gr_primary_4: var(--Primary_4); --gr_primary_6: var(--Primary_6); --on_gr_primary_text: #fff; --on_gr_primary_text_15: rgba(255, 255, 255, .15); --on_gr_primary_text_6: rgba(255, 255, 255, .6); --on_gr_primary_text_7: rgba(255, 255, 255, .7); --on_gr_primary_icon: #fff; --on_gr_primary_icon_5: rgba(255, 255, 255, .5); --on_gr_primary_border: #fff; --on_gr_primary_border_1: rgba(255, 255, 255, .1); --on_gr_primary_border_2: rgba(255, 255, 255, .2); --on_gr_primary_border_5: rgba(255, 255, 255, .5); --on_gr_primary_error: #ff887a; --on_gr_primary_error_1: rgba(255, 136, 122, .1); --on_gr_primary_error_15: rgba(255, 136, 122, .15); /*----------Primary----------*/ /*----------Accent----------*/ --Accent: #2E5690; --Accent_1: rgba(46, 86, 144, .1); --Accent_2: rgba(46, 86, 144, .2); --Accent_5: rgba(46, 86, 144, .5); --gr_accent: var(--Accent); --gr_accent_1: var(--Accent_1); --gr_accent_2: var(--Accent_2); --gr_accent_5: var(--Accent_5); --on_gr_accent_text: #fff; --on_gr_accent_text_6: rgba(255, 255, 255, .6); --on_gr_accent_icon: #fff; --on_gr_accent_border: #fff; /*----------Accent----------*/ /*----------Background----------*/ --gr_bg: #EFF4F4; --on_gr_bg_acc_text: #000000; --on_gr_bg_acc_text_1: rgba(0, 0, 0, .1); --on_gr_bg_acc_text_4: rgba(0, 0, 0, .4); --on_gr_bg_acc_text_5: rgba(0, 0, 0, .5); --on_gr_bg_acc_text_6: rgba(0, 0, 0, .6); --on_gr_bg_acc_text_7: rgba(0, 0, 0, .7); --on_gr_bg_acc_text_8: rgba(0, 0, 0, .8); --on-gr_bg_acc_icon: #000000; --on_gr_bg_sec_text: #676869; --on_gr_bg_sec_text_4: rgba(103, 104, 105, .4); --on_gr_bg_sec_text_5: rgba(103, 104, 105, .5); --on_gr_bg_sec_text_6: rgba(103, 104, 105, .6); --on_gr_bg_sec_text_7: rgba(103, 104, 105, .7); --on_gr_bg_sec_text_8: rgba(103, 104, 105, .8); --on_gr_bg_icon: var(--gr_primary); --on_gr_bg_icon_2: var(--gr_primary_2); --on_gr_bg_icon_4: var(--gr_primary_4); --on_gr_bg_icon_5: var(--gr_primary_5); --on_gr_bg_border: rgba(210, 211, 224, 0.4); --on_gr_bg_border_08: rgba(210, 211, 224, 0.08); --on_gr_bg_border_1: rgba(210, 211, 224, 0.1); --on_gr_bg_border_12: rgba(210, 211, 224, 0.12); --on_gr_bg_border_4: rgba(210, 211, 224, 0.4); --on_gr_form_bg: rgba(248, 249, 251, 1); --on_gr_bg_bg: #ffffff; --on_gr_bg_input : rgba(248, 249, 251, 1); --on_gr_bg_input4: rgba(248, 249, 251, .4); --on_gr_bg_input8: rgba(248, 249, 251, .8); --on_gr_bg_input_border: rgba210, 211, 224, .4); --on_gr_white_const: #fff; --on_gr_white_const_7: rgba(255, 255, 255, .7); --on_gr_white_const_8: rgba(255, 255, 255, .8); --on_gr_dark_const: #000; --on_gr_dark_const_07: rgba(0, 0, 0, .07); --on_gr_dark_const_1: rgba(0, 0, 0, .1); --on_gr_dark_const_3: rgba(0, 0, 0, .3); --on_gr_dark_const_5: rgba(0, 0, 0, .5); --on_gr_bg_link: #008EFC; --on_gr_bg_link_5: rgba(0, 142, 252, .5); /*----------Background----------*/ /*----------Header ----------*/ --gr_bg_head: #ffffff; --on_gr_bg_head_acc_text: #222222; --on_gr_bg_head_acc_text_1: rgba(34, 34, 34, .1); --on_gr_bg_head_acc_text_6: rgba(34, 34, 34, .6); --on_gr_bg_head_acc_text_8: rgba(34, 34, 34, .8); --on_gr_bg_head_icon: #2e2f38; --on_gr_bg_head_icon_4: rgba(46, 47, 56, .4); --on_gr_bg_head_icon_5: rgba(46, 47, 56, .5); --on_gr_bg_head_soc_icon: var(--on_gr_bg_foot_icon); --on_gr_bg_head_soc_icon_bg: #fff; --on_gr_bg_head_border: #000000; --on_gr_bg_head_border_1: rgba(0, 0, 0, .1); --on_gr_bg_head_border_12: rgba(0, 0, 0, .12); --on_gr_bg_head_bg: #f9f9f9; --on_gr_bg_head_link: #0470C4; --on_gr_bg_head_link_5: rgba(4, 112, 196, .5); /*----------Header----------*/ /*----------Закругления----------*/ --gr_large_radius: 14px; --gr_wrap_radius: 8px; --gr_inner_radius: 5px; --gr_small_radius: 2px; --gr_btn_radius: 2px; --gr_icon_btn_radius: 60px; --gr_radius_250: 250px; --gr_form_radius: 2px; --gr_checkbox_radius: 3px; /*----------Закругления----------*/ /*----------Футер----------*/ --gr_bg_foot: #000000; --on_gr_bg_foot_acc_text: #ffffff; --on_gr_bg_foot_acc_text_5: rgba(255, 255, 255, .5); --on_gr_bg_foot_acc_text_6: rgba(255, 255, 255, .6); --on_gr_bg_foot_acc_text_8: rgba(255, 255, 255, .8); --on_gr_bg_foot_icon: #ffffff; --on_gr_bg_foot_icon_4: rgba(255, 255, 255, .4); --on_gr_bg_foot_icon_bg: rgba(196, 196, 196, .1); --on_gr_bg_foot_soc_icon: var(--on_gr_bg_foot_icon); --on_gr_bg_foot_soc_icon_bg: #fff; --on_gr_bg_foot_border: #000000; --on_gr_bg_foot_border_10: rgba(0, 0, 0, .1); --on_gr_bg_foot_bg: rgba(255, 255, 255, 0.1); --on_gr_bg_foot_link: #0470C4; --on_gr_bg_foot_link_5: rgba(4, 112, 196, .5); /*----------Футер----------*/ /*----------Кнопки с текстом----------*/ /*Кнопка 1*/ --gr_btn_1_text: var(--on_gr_accent_text); --gr_btn_1_text_h: var(--on_gr_accent_text); --gr_btn_1_text_a: rgba(255,255,255,.7); --gr_btn_1_icon: var(--on_gr_primary_icon); --gr_btn_1_icon_h: var(--on_gr_primary_icon); --gr_btn_1_icon_a: rgba(255,255,255,.7); /*Кнопка 2*/ --gr_btn_2_text: var(--on_gr_primary_text); --gr_btn_2_text_h: var(--on_gr_primary_text); --gr_btn_2_text_a: rgba(255,255,255,.7); --gr_btn_2_icon: var(--on_gr_accent_icon); --gr_btn_2_icon_h: var(--on_gr_accent_icon); --gr_btn_2_icon_a: rgba(255,255,255,.7); /*Кнопка 3*/ --gr_btn_3_text: var(--gr_primary); --gr_btn_3_text_h: var(--on_gr_primary_text); --gr_btn_3_text_a: var(--on_gr_primary_text); --gr_btn_3_icon: var(--gr_accent); --gr_btn_3_icon_h: var(--on_gr_accent_icon); --gr_btn_3_icon_a: var(--on_gr_accent_icon); /*Кнопка 4*/ --gr_btn_4_bg: var(--gr_bg); --gr_btn_4_bg_h: var(--gr_bg); --gr_btn_4_bg_a: var(--gr_bg); --gr_btn_4_text: var(--on_gr_bg_acc_text); --gr_btn_4_text_h: var(--on_gr_bg_acc_text); --gr_btn_4_text_a: var(--on_gr_bg_acc_text); --gr_btn_4_icon: var(--on_gr_bg_acc_text); --gr_btn_4_icon_h: var(--on_gr_bg_acc_text); --gr_btn_4_icon_a: var(--on_gr_bg_acc_text); /*Кнопка 5*/ --gr_btn_5_bg: var(--on_gr_white_const); --gr_btn_5_bg_h: var(--on_gr_white_const); --gr_btn_5_bg_a: var(--on_gr_white_const); --gr_btn_5_text: var(--on_gr_dark_const); --gr_btn_5_text_h: var(--on_gr_dark_const); --gr_btn_5_text_a: var(--on_gr_dark_const); --gr_btn_5_icon: var(--on_gr_dark_const); --gr_btn_5_icon_h: var(--on_gr_dark_const); --gr_btn_5_icon_a: var(--on_gr_dark_const); /*----------Кнопки с текстом----------*/ /*----------Кнопки только с иконкой----------*/ /*Кнопка 1*/ --gr_icon_btn_1_icon: var(--on_gr_bg_icon); --gr_icon_btn_1_icon_h: var(--on_gr_primary_icon); --gr_icon_btn_1_icon_a: var(--on_gr_primary_icon_5); --gr_icon_btn_1_bg: var(--on_gr_bg_bg); --gr_icon_btn_1_bg_h: var(--gr_primary); --gr_icon_btn_1_bg_a: var(--gr_primary); --gr_icon_btn_1_border: var(--on_gr_bg_border_12); --gr_icon_btn_1_border_h: var(--on_gr_bg_border_12); --gr_icon_btn_1_border_a: var(--on_gr_bg_border_12); /*Кнопка 2*/ --gr_icon_btn_2_icon: var(--on-gr_bg_acc_icon); --gr_icon_btn_2_icon_h: var(--on_gr_primary_icon); --gr_icon_btn_2_icon_a: var(--on_gr_primary_icon_5); --gr_icon_btn_2_bg: var(--gr_primary_1); --gr_icon_btn_2_bg_h: var(--gr_primary); --gr_icon_btn_2_bg_a: var(--gr_primary); /*Кнопка 3*/ --gr_icon_btn_3_icon: var(--on-gr_bg_acc_icon); --gr_icon_btn_3_icon_h: var(--on-gr_bg_acc_icon); --gr_icon_btn_3_icon_a: var(--on-gr_bg_acc_icon); --gr_icon_btn_3_bg: transparent; --gr_icon_btn_3_bg_h: transparent; --gr_icon_btn_3_bg_a: transparent; /*----------Кнопки только с иконкой----------*/ /*----------Тени----------*/ --gr_shadow_small: 0 2px 6px rgba(0, 0, 0, 0.05); --gr_shadow_medium: 0 4px 10px rgba(0, 0, 0, 0.05); --gr_shadow_large: 0 6px 20px rgba(0, 0, 0, 0.05); /*----------Тени----------*/ /*----------Жирность шрифтов----------*/ --font1_100: 100; --font1_200: 200; --font1_300: 300; --font1_400: 400; --font1_500: 500; --font1_600: 600; --font1_700: 700; --font1_800: 800; --font1_900: 900; --font2_100: 100; --font2_200: 200; --font2_300: 300; --font2_400: 400; --font2_500: 500; --font2_600: 600; --font2_700: 700; --font2_800: 800; --font2_900: 900; /*----------Жирность шрифтов----------*/ /*----------Системные цвета----------*/ --gr_btn_overlay_15: rgba(255,255,255, .15); --gr_btn_overlay_a_05: rgba(255,255,255, .05); --gr_btn_overlay_a_1: rgba(255,255,255, .1); --gr_img_overlay_a_05: rgba(255,255,255, .05); --tableBorder: rgba(210, 211, 224, 0.4); --tableThBackground: rgba(248, 249, 251, 0.8); --tableThColor: #000000; --gr_tooltip: #EFEFEF; --on_gr_tooltip: #000; --gr_disable: #efefef; --on_gr_disable: rgba(0, 0, 0, .3); --gr_error: #FF604E; --gr_error_1: rgba(255, 96, 78, .1); --gr_error_15: rgba(255, 96, 78, .15); --gr_error_2: rgba(255, 96, 78, .2); --on_gr_error: #FFFFFF; --gr_success: #5ABF70; --gr_success_4: rgba(90, 191, 112, .4); --on_gr_success: #FFFFFF; --on_gr_success_4: var(--on_gr_bg_acc_text); --gr_attention: #FFE600; --gr_attention_4: rgba(255, 230, 0, .4); --on_gr_attention: #171718; --on_gr_attention_4: var(--on_gr_bg_acc_text); --gr_white: #ffffff; --gr_dark: #000000; --gr_dark_1: rgba(0,0,0,0.1); --gr_grey: #676869; /*----------Системные цвета----------*/ --gr_excep_color: var(--on_gr_accent_text); --noImageDefault: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat var(--gr_disable); }