:root {
  --main-font: "Roboto", sans-serif;
  --black: #010101;
  --light-black: #2b2b2b;
  --text-black: #737373;
  --hover: rgba(32, 31, 30, 0.04);
  --background: #222222;
  --background-back: url("../images/back.jpg") no-repeat center top;
  --background-none: rgba(0, 0, 0, 0);
  --stroke-opacity: rgba(81, 80, 82, 0.12);
  --dark-blue: #3364a0;
  --blue: #2a79b7;
  --hover-blue: #23689e;
  --selected: rgba(0, 145, 255, 0.08);
  --white: #FFFFFF;
  --light-white: #E5E5E5;
  --icon: #7e7e7e;
  --text: #B8B8B8;
  --light-grey: #7e7e7e;
  --grey: #3A3A3A;
  --dark-grey:#757575;
  --input-grey: #3D3C3C;
  --no-active: rgba(255, 255, 255, 0.6);
  --red: #D83B01;
  --light-red: #f3490a;
  --green: #228d48;
  --green-hover: #51a56e;
  --light-green: rgba(6, 194, 112, 0.08);
  --yellow: #F8AF23;
  --orange: #F0761F;
  --orange-hover: #D95C04;
  --light-orange: #f59b5b;
  --radius: 4px;
  --radius-10: 10px;
  --shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  --font-60: 400 60px/60px var(--main-font);
  --font-60-600: 600 60px/60px var(--main-font);
  --font-48: 400 48px/48px var(--main-font);
  --font-48-600: 600 48px/48px var(--main-font);
  --font-30: 400 30px/30px var(--main-font);
  --font-30-600: 600 30px/30px var(--main-font);
  --font-24: 400 24px/24px var(--main-font);
  --font-24-600: 600 24px/24px var(--main-font);
  --font-20: 400 20px/20px var(--main-font);
  --font-20-600: 600 20px/20px var(--main-font);
  --font-18: 400 18px/20px var(--main-font);
  --font-18-600: 600 18px/20px var(--main-font);
  --font-16: 400 16px/18px var(--main-font);
  --font-16-600: 600 16px/18px var(--main-font);
  --font-14: 400 14px/16px var(--main-font);
  --font-14-600: 600 14px/16px var(--main-font);
  --font-12: 400 12px/14px var(--main-font);
  --font-12-600: 600 12px/14px var(--main-font);
  --font-11: 400 11px/14px var(--main-font);
  --font-11-600: 600 11px/14px var(--main-font);
  --font-10: 400 10px/14px var(--main-font);
  --font-10-600: 600 10px/14px var(--main-font);
}

html[data-theme=light] {
  --light-grey: #9e9c9c;
  --grey: #dfdfdf;
  --dark-grey: #7c9faf;
  --background: #ffffff;
  --background-back: #ffffff;
  --white: #222222;
  --light-black: #efefef;
  --light-white: #444444;
  /*--orange:#ebebeb;*/
  --icon: #938e8e;
}

/*# sourceMappingURL=variable.css.map */