:root { /*----------Primary----------*/ --Primary: #2C55BE; --Primary_1: rgba(44, 85, 190, .1); --Primary_2: rgba(44, 85, 190, .2); --Primary_4: rgba(44, 85, 190, .4); --Primary_6: rgba(44, 85, 190, .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_7: rgba(255, 255, 255, .7); --on_gr_primary_text_dark: #2E2F38; --on_gr_primary_icon: #fff; --on_gr_primary_bg: #fff; --on_gr_primary_border: #fff; --on_gr_primary_border_1: rgba(255, 255, 255, .1); /*----------Primary----------*/ /*----------Accent----------*/ --Accent: #FF8192; --Accent_1: rgba(255, 129, 146, .1); --Accent_2: rgba(255, 129, 146, .2); --Accent_4: rgba(255, 129, 146, .4); --Accent_5: rgba(255, 129, 146, .5); --gr_accent: var(--Accent); --gr_accent_1: var(--Accent_1); --gr_accent_2: var(--Accent_2); --gr_accent_4: var(--Accent_4); --gr_accent_5: var(--Accent_5); --on_gr_accent_text: #fff; --on_gr_accent_icon: #fff; --on_gr_accent_bg: #fff; /*----------Accent----------*/ /*----------Background----------*/ --gr_bg: #ffffff; --on_gr_bg_acc_text: #2E2F38; --on_gr_bg_acc_text_2: rgba(46, 47, 56, .2); --on_gr_bg_acc_text_4: rgba(46, 47, 56, .4); --on_gr_bg_acc_text_5: rgba(46, 47, 56, .5); --on_gr_bg_acc_text_6: rgba(46, 47, 56, .6); --on_gr_bg_acc_text_7: rgba(46, 47, 56, .7); --on_gr_bg_sec_text: #4B4E54; --on_gr_bg_sec_text_4: rgba(75, 78, 84, .4); --on_gr_bg_sec_text_5: rgba(75, 78, 84, .5); --on_gr_bg_sec_text_6: rgba(75, 78, 84, .6); --on_gr_bg_sec_text_7: rgba(75, 78, 84, .7); --on_gr_bg_sec_text_8: rgba(75, 78, 84, .8); --on_gr_bg_icon: #2E2F38; --on_gr_bg_icon_2: rgba(46, 47, 56, .2); --on_gr_bg_icon_4: rgba(46, 47, 56, .4); --on_gr_bg_icon_6: rgba(46, 47, 56, .6); --on_gr_bg_border: #D2D3E0; --on_gr_bg_border_4: rgba(210, 211, 224, .4); --on_gr_bg_bg: #F2F4F8; --on_gr_bg_bg_8: rgb(242, 244, 248, .8); --on_gr_bg_link: #0470C4; --on_gr_bg_link_5: rgba(4, 112, 196, .5); /*----------Background----------*/ /*----------Закругления----------*/ --gr_wrap_radius: 8px; --gr_inner_radius: 6px; --gr_medium_radius: 5px; --gr_small_radius: 3px; --gr_btn_radius: 5px; --gr_icon_btn_radius: 50px; --gr_form_radius: 5px; --gr_checkbox_radius: 5px; /*----------Закругления----------*/ /*----------Кнопки с текстом----------*/ /*Кнопка 1*/ --gr_btn_1_text: var(--on_gr_primary_text); --gr_btn_1_text_h: var(--on_gr_primary_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_accent_text); --gr_btn_2_text_h: var(--on_gr_accent_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(--gr_primary); --gr_btn_3_text_a: var(--gr_primary); --gr_btn_3_icon: var(--gr_primary); --gr_btn_3_icon_h: var(--gr_primary); --gr_btn_3_icon_a: var(--gr_primary); /*----------Кнопки с текстом----------*/ /*----------Кнопки только с иконкой----------*/ /*Кнопка 1*/ --gr_icon_btn_1_icon: var(--on_gr_bg_icon); --gr_icon_btn_1_icon_h: var(--gr_accent); --gr_icon_btn_1_icon_a: var(--gr_accent_5); --gr_icon_btn_1_bg: var(--gr_bg); --gr_icon_btn_1_bg_h: var(--gr_bg); --gr_icon_btn_1_bg_a: var(--gr_bg); --gr_icon_btn_1_border: var(--on_gr_bg_border_4); --gr_icon_btn_1_border_h: var(--on_gr_bg_border_4); --gr_icon_btn_1_border_a: var(--on_gr_bg_border_4); /*Кнопка 2*/ --gr_icon_btn_2_icon: var(--on_gr_bg_icon); --gr_icon_btn_2_icon_h: var(--gr_accent); --gr_icon_btn_2_icon_a: var(--gr_accent_5); --gr_icon_btn_2_bg: var(--gr_bg); --gr_icon_btn_2_bg_h: var(--gr_bg); --gr_icon_btn_2_bg_a: var(--gr_bg); /*Кнопка 3*/ --gr_icon_btn_3_icon: var(--on_gr_bg_icon); --gr_icon_btn_3_icon_h: var(--gr_accent); --gr_icon_btn_3_icon_a: var(--gr_accent_5); --gr_icon_btn_3_bg: transparent; --gr_icon_btn_3_bg_h: transparent; --gr_icon_btn_3_bg_a: transparent; /*----------Кнопки только с иконкой----------*/ /*----------Тени----------*/ --gr_shadow_1: 0 4px 8px rgba(0, 0, 0, 0.15); /*----------Тени----------*/ /*----------Жирность шрифтов----------*/ --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(0,0,0, .05); --gr_product_img_overlay: rgba(0,0,0, .03); --gr_bg_overlay_a_5: rgba(0,0,0, .35); --tableBorder: #afafaf; --tableThBackground: #FF604E; --tableThColor: #ffffff; --gr_tooltip: #2E2F38; --on_gr_tooltip: #ffffff; --gr_disable: #EFEFEF; --on_gr_disable: #B6B7BA; --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); --gr_success_2: rgba(90, 191, 112, .2); --on_gr_success: #FFFFFF; --on_gr_success_4: var(--on_gr_bg_acc_text); --gr_attention: #FFD043; --gr_attention_4: rgba(255, 208, 67, .4); --on_gr_attention: #171718; --on_gr_attention_4: var(--on_gr_bg_acc_text); --gr_white: #ffffff; --gr_dark: #171718; /*----------Системные цвета----------*/ --noImageDefault: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat var(--gr_disable); }