body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --body-small: Onest;

  /* font sizes */
  --body-small-size: 0.95vw;
  --body-main-size: 1.11vw;
  --body-large-size: 1.27vw;
  --header-header-1-size: 1.59vw;

  --body-small-size-m: 2.8vw;
  --body-main-size-m: 1.11vw;
  --body-large-size-m: 1.27vw;
  --header-header-1-size-m: 4vw;

  /* Colors */
  --colors-grey-bg: #F3F3F8;
  --colors-white: #fff;
  --colors-purple-light: #9B9BC1;
  --colors-dark-1: #38344F;
  --colors-dark-1-text: #38344F;
  --colors-darkerblue: #4754F0;
  --colors-input-stroke: #e1e6ef;
  --colors-green-light: #C7E7D5;
  --colors-blue-1: #DBDDF7;

  /* Spacing */
  --corner-radius-round: 99px;
  --corner-radius-xl: 16px;
  --corner-radius-l: 8px;
  --corner-radius-m: 8px;
  --corner-radius-s: 4px;

  /* Border radiuses */
  --br-80xl: 99px;
  --br-xl: 20px;
  --br-xs: 12px;
  --br-5xs: 8px;
  --br-9xs: 4px;

  --l1width: min(20vw, 8.73vh);
}