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

.popup-overlay {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
}

:root {
  /* fonts */
  --body: "Work Sans";
  --text-medium: Inter;
  --font-lato: Lato;
  --font-montserrat: Montserrat;
  --display-2: "Yeseva One";
  --font-poppins: Poppins;
  --font-inter: Inter;
  --font-yeseva-one: "Yeseva One";
  /* font sizes */
  --body-size: 16px;
  --font-size-5xs: 8px;
  --caption-size: 18px;
  --text-medium-size: 14px;
  --font-size-8xl: 27px;
  --font-size-5xl: 24px;
  --font-size-xs: 12px;
  --font-size-mini: 15px;
  --font-size-xl: 20px;
  --display-2-size: 32px;
  --font-size-3xl: 22px;
  --font-size-base: 16px;
  /* Colors */
  --white: #fcfefe;
  --color-gray-200: #fafdfe;
  --color-gray-100: #f7fcfd;
  --black: #202124;
  --color-gray-300: #1c1c1c;
  --color-gray-400: #101324;
  --accent: #bfd2f8;
  --color-darkslateblue-100: #0152a8;
  --color-darkslateblue-200: #363e63;
  --color-darkslateblue-300: #323a64;
  --color-darkslateblue-400: #2a3562;
  --primary: #1f2b6c;
  --color-darkslateblue-500: #232c59;
  --gray: #676f82;
  --color-lavender-100: #e0eafb;
  --color-lavender-200: #dfe9fb;
  --color-lavender-300: #cddefa;
  --dominant: #fff;
  --color-black: #000;
  --color-dimgray: #545454;
  --color-azure-100: #f5ffff;
  --color-azure: #e9fcfc;
  --color-lightgray-100: #cecece;
  --color-lightgray-200: #cdcdcd;
  --secondary: #159eec;
  --color-cornflowerblue-100: rgba(21, 158, 236, 0.01);
  --color-whitesmoke-100: #f1f1f1;
  --color-deepskyblue: #4fb6f1;
  --dark-gray: #334158;
  --color-steelblue: #566090;
  --color-ghostwhite: #f6f9fe;
  --color-gainsboro-100: #e1e1e1;

  /* Gaps */
  --gap-4xs: 9px;
  --gap-lg: 18px;
  --gap-9xs: 4px;
  --gap-smi: 13px;
  --gap-4xl: 23px;
  --gap-3xs: 10px;
  --gap-xl: 20px;
  --gap-3xl: 22px;
  --gap-7xl: 26px;
  --gap-166xl: 185px;
  --gap-35xl: 54px;
  --gap-5xs: 8px;
  --gap-base: 16px;
  --gap-41xl: 60px;
  --gap-21xl: 40px;
  --gap-xs: 12px;
  --gap-mini: 15px;
  --gap-sm: 14px;

  /* Paddings */
  --padding-8xs: 5px;
  --padding-3xs: 10px;
  --padding-smi: 13px;
  --padding-16xl: 35px;
  --padding-2xs: 11px;
  --padding-32xl: 51px;
  --padding-5xl: 24px;
  --padding-base: 16px;
  --padding-lgi: 19px;
  --padding-mini: 15px;
  --padding-xl: 20px;
  --padding-10xs: 3px;
  --padding-3xl: 22px;
  --padding-31xl: 50px;
  --padding-mid: 17px;
  --padding-lg: 18px;
  --padding-21xl: 40px;
  --padding-27xl: 46px;
  --padding-6xs: 7px;
  --padding-281xl: 300px;
  --padding-13xl: 32px;
  --padding-8xl: 27px;
  --padding-2xl: 21px;
  --padding-11xl: 30px;

  /* Border radiuses */
  --br-31xl: 50px;
  --br-5xs: 8px;
  --br-3xs: 10px;
  --br-12xs: 1px;
}