@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-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-opinionlogo40: #0ea5e940;
  --color-opinionlogo60: #0ea5e960;
  --color-talentlogo: #895bf2;
  --color-talentlogo-v2: #6265ED;
  --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-midnightblue95: #1f0e3995;
  --color-redrequiredstar: #b02424;

  --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%);

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