:root {
  --main-font: "Arial", sans-serif;
  --black: #010101;
  --light-black: #606060;
  --dark-black: #332C28;
  --text-black: #737373;
  --hover: rgba(32, 31, 30, 0.04);
  --background: #F5F5F5;
  --background-hover: #302A27;
  --background-none: rgba(0, 0, 0, 0);
  --stroke-opacity: rgba(81, 80, 82, 0.12);
  --dark-blue: #54A6D4;
  --blue: #60AFDB;
  --light-blue: #d4eaf7;
  --hover-blue: #23689e;
  --selected: rgba(0, 145, 255, 0.08);
  --white: #FFFFFF;
  --light-white: #dddddd;
  --icon: #7e7e7e;
  --text: #000000;
  --light-grey: #cbcbcb;
  --grey: #7D7673;
  --dark-grey:#959595;
  --input-grey: #3D3C3C;
  --no-active: rgba(255, 255, 255, 0.6);
  --red: #FF5050;
  --red-hover: #E53737;
  --light-red: #FD6767;
  --green: #1F932A;
  --green-hover: #30AE3D;
  --light-green: #c0e3bf;
  --yellow: #F8AF23;
  --orange: #feb72b;
  --orange-hover: #ffc655;
  --light-orange: #ffc655;
  --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-60-700: 700 60px/60px var(--main-font);
  --font-48: 400 48px/48px var(--main-font);
  --font-48-600: 600 48px/48px var(--main-font);
  --font-48-700: 700 48px/48px var(--main-font);
  --font-30: 400 30px/30px var(--main-font);
  --font-30-600: 600 30px/30px var(--main-font);
  --font-30-700: 700 30px/30px var(--main-font);
  --font-24: 400 24px/24px var(--main-font);
  --font-24-600: 600 24px/24px var(--main-font);
  --font-24-700: 700 24px/24px var(--main-font);
  --font-20: 400 20px/20px var(--main-font);
  --font-20-600: 600 20px/20px var(--main-font);
  --font-20-700: 700 20px/20px var(--main-font);
  --font-18: 400 18px/20px var(--main-font);
  --font-18-600: 600 18px/20px var(--main-font);
  --font-18-700: 700 18px/20px var(--main-font);
  --font-16: 400 16px/18px var(--main-font);
  --font-16-600: 600 16px/18px var(--main-font);
  --font-17-700: 700 16px/18px var(--main-font);
  --font-14: 400 14px/16px var(--main-font);
  --font-14-600: 600 14px/16px var(--main-font);
  --font-14-700: 700 14px/16px var(--main-font);
  --font-12: 400 12px/14px var(--main-font);
  --font-12-600: 600 12px/14px var(--main-font);
  --font-12-700: 700 12px/14px var(--main-font);
  --font-11: 400 11px/14px var(--main-font);
  --font-11-600: 600 11px/14px var(--main-font);
  --font-11-700: 700 11px/14px var(--main-font);
  --font-10: 400 10px/14px var(--main-font);
  --font-10-600: 600 10px/14px var(--main-font);
  --font-10-700: 700 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 */