:root {
  --width_max_sp: 37.5rem;
  --width_max_tab: 76.8rem;
  --width_max_pc_m: 110rem;
  --width_max_pc_l: 140rem;
  --size_caption: 1rem;
  --size_txt_xs: 1.2rem;
  --size_txt_s: 1.4rem;
  --size_txt_m: 1.6rem;
  --size_txt_l: 1.8rem;
  --size_txt_xl: 2rem;
  --size_h_xs: 1.4rem;
  --size_h_s: 1.6rem;
  --size_h_m: 1.9rem;
  --size_h_l: 2.1rem;
  --size_h_xl: 2.7rem;
  --color_font_dark: rgb(0, 0, 0);
  --color_font_mid: rgba(0, 0, 0, 0.8);
  --color_font_light: rgba(0, 0, 0, 0.6);
  --color_font_sub: rgba(0, 0, 0, 0.4);
  --color_font_on: rgba(255, 255, 255, 0.99);
  --color_modal-light: rgba(255, 255, 255, 0.3);
  --color_modal-mid: rgba(0, 0, 0, 0.3);
  --color_modal-dark: rgba(0, 0, 0, 0.6);
  --font_weight_bold: 700;
  --font_weight_medium: 500;
  --font_weight_regular: 400;
  --color_border_dark: rgba(0, 0, 0, 0.48);
  --color_border_mid: rgba(0, 0, 0, 0.24);
  --color_border_light: rgba(0, 0, 0, 0.16);
  --color_ui_light: rgb(246, 247, 248);
  --color_ui_light_hover: var(--color_ui_light_action);
  --color_ui_light_action: #ffffff;
  --color_ui_mid: rgb(175, 194, 203);
  --color_ui_mid_hover: var(--color_ui_mid_action);
  --color_ui_mid_action: rgb(196, 214, 222);
  --color_ui_dark: rgb(84, 96, 100);
  --color_ui_dark_hover: var(--color_ui_dark_action);
  --color_ui_dark_action: rgb(119, 135, 141);
  --color_ui_surface: rgb(226, 230, 233);
  --color_ui_disable: rgb(219, 219, 219);
  --color_ui_disable_font: rgba(0, 0, 0, 0.7);
  --color_alert: rgb(204, 0, 0);
  --color_alert_hover: var(--color_alert_action);
  --color_alert_action: rgb(240, 0, 0);
  --color_success: rgb(22, 162, 134);
  --color_success_hover: var(--color_success_action);
  --color_success_action: rgb(26, 188, 156);
  --color_link: rgb(0, 122, 204);
  --color_link_hover: var(--color_link_action);
  --color_link_action: rgb(0, 168, 230);
  --color_product: rgb(0, 143, 209);
  --color_product_hover: var(--color_product_action);
  --color_product_action: rgb(0, 168, 230);
  --color_support: rgb(79, 191, 64);
  --color_support_hover: var(--color_support_action);
  --color_support_action: rgb(106, 207, 63);
  --color_sale: rgb(239, 127, 57);
  --color_sale_hover: var(--color_sale_action);
  --color_sale_action: rgb(239, 160, 57);
  --color_sale_price: rgb(189, 0, 0);
  --color_cart_bg: rgb(255, 204, 0);
  --color_cart_bg_hover: var(--color_cart_bg_action);
  --color_cart_bg_action: rgb(255, 210, 31);
  --color_cart_border: rgb(184, 129, 0);
  --color_cart_txt: rgb(77, 43, 0);
  --cm_cart_color_bg: rgb(235, 236, 240);
  --cm_cart_color_border: 1px solid rgba(255, 255, 255, 0.2);
  --cm_cart_box_shadow: inset 3px 3px 7px rgba(136, 165, 191, 0.4),
    inset -3px -3px 7px rgb(255, 255, 255);
  --radius_s: 0.2rem;
  --radius_m: 0.4rem;
  --radius_l: 0.8rem;
  --radius_max: 100vh;
  --shadow_light: rgba(99, 99, 99, 0.2) 0rem 0.2rem 0.8rem 0rem;
  --shadow_mid: 0rem 0.2rem 0.6rem rgba(0, 0, 0, 0.3);
  --shadow_dark: rgba(0, 0, 0, 0.16) 0rem 0.3rem 0.6rem,
    rgba(0, 0, 0, 0.23) 0rem 0.3rem 0.6rem;
  --shadow_inset: rgb(202, 218, 231) 0.3rem 0.3rem 0.6rem 0rem inset,
    rgba(255, 255, 255, 0.5) -0.3rem -0.3rem 0.6rem 0.1rem inset;
}