@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,200;0,400;0,600;0,700;1,400&display=swap");
body {
  margin: 0;
  line-height: normal;
  background-color: var(--color-whitesmoke);
}
:root {
  /* fonts */
  --lato: Lato;
  --font-lato: Lato;
  --font-inter: Inter;
  --font-inherit: inherit;

  /* font sizes */
  --font-size-xxxs: 8px;
  --font-size-xxs: 10px;
  --font-size-xs: 12px;
  --font-size-xms: 11px;
  --font-size-ms: 13px;
  --font-size-sm: 14px;
  --font-size-md: 15px;
  --font-size-base: 16px;
  --font-size-ml: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-xxl: 28px;
  --font-size-xxl-2: 35px;
  --font-size-xxl-3: 40px;
  --font-size-xxl-4: 45px;
  --font-size-home-xxl: 50px;
  --font-size-head-xxl: 55px;


  /* Colors */
  --color-whitesmoke: #ebecf0;
  --color-lightseagreen: #14baa2;
  --color-lightseagreen10: #14baa210;
  --color-lightseagreen20: #14baa220;
  --color-lightseagreen30: #14baa230;
  --color-lightseagreen40: #14baa240;
  --color-lightseagreen50: #14baa250;
  --color-lightseagreen60: #14baa260;
  --color-lightseagreen70: #14baa270;
  --color-lightseagreen80: #14baa280;
  --color-lightseagreen90: #14baa290;
  --color-lightseagreen95: #14baa295;
  --color-black: #000;
  --color-dimgray: #6d6d6d;
  --color-dimgray90: #6d6d6d60;
  --color-dimgray80: #6d6d6d60;
  --color-dimgray70: #6d6d6d60;
  --color-dimgray60: #6d6d6d60;
  --color-dimgray40: #6d6d6d40;
  --color-dimgray20: #6d6d6d20;
  --color-litegray30: #10101030;
  --color-gray: #2c2c2c;
  --color-white: #fff;
  --color-gainsboro: #d9d9d9;
  --color-lightgreen: #5dcb6a;
  --color-lightgreen50: #5dcb6a50;
  --color-lightgreen40: #5dcb6a40;
  --color-lightgreen60: #5dcb6a60;
  --color-lightgreen70: #5dcb6a70;
  --color-lightgreen80: #5dcb6a80;
  --color-lightgreen90: #5dcb6a90;
  --color-deepskyblue: #0ea5e9;
  --color-opinionlogo: #0ea5e9;
  --color-opinionlogo-299C: #00A3E0;
  --color-opinionlogo40: #0ea5e940;
  --color-opinionlogo60: #0ea5e960;
  --color-talentlogo: #895bf2;
  --color-talentlogo-v2: #6265ED;
  --color-talentlogo-2665C: #7D55C7;
  --color-talentlogo40:#895bf240;
  --color-talentlogo50:#895bf250;
  --color-talentlogo60:#895bf260;
  --color-talentlogo80:#895bf280;
  --color-talentlogo90:#895bf290;
  --color-talentlogo95:#895bf295;
  --color-talentlogodim:hwb(258 56% 5%);
  --color-talentlogolight:#d4c6f5;
  --color-talentlogo40-v2:#6265ED40;
  --color-talentlogodropdown:#e9e2f6;
  --color-darkorange: #f97316;
  --color-midnightblue: #1f0e39;
  --color-midnightblue97: #1f0e3997;
  --color-midnightblue95: #1f0e3995;
  --color-midnightblue75: #1f0e3975;
  --color-midnightblue10: #1f0e3910;
  --color-redrequiredstar: #ec1111;
  --color-redrequiredstar73: rgba(236, 17, 17, 0.73);
  --color-boxshadow75: rgba(151, 89, 227, 0.75);
  --color_container-background75: rgba(26, 5, 48, 0.75);
  --color-slider-rating-2-color: linear-gradient(to right,#ec1111, #5dcb6a 75%);
  --color-slider-rating: linear-gradient(to right,#ec1111, #f97316, #0ea5e9, #5dcb6a);
  

  --color-opinionlogo-filter-svg: invert(45%) sepia(47%) saturate(3378%) hue-rotate(171deg) brightness(105%) contrast(89%);
  --color-talentlogo-filter-svg: invert(35%) sepia(97%) saturate(2327%) hue-rotate(226deg) brightness(97%) contrast(91%);
  --color-dimgray-filter-svg: invert(41%) sepia(7%) saturate(0%) hue-rotate(198deg) brightness(100%) contrast(84%);
  --color-red-filter: brightness(0) saturate(100%) invert(37%) sepia(92%) saturate(7454%) hue-rotate(356deg) brightness(95%) contrast(96%);
  --color-green-filter: brightness(0) saturate(100%) invert(58%) sepia(94%) saturate(2692%) hue-rotate(82deg) brightness(122%) contrast(130%);

  /* Border radiuses */
  --br-3xs: 10px;
  --br-2xs: 8px;
  --br-8xs: 5px;
  --br-6xs: 7px;
}