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

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

:root {
  /* fonts */
  --font-merriweather-sans: "Merriweather Sans";
  --font-merriweather: Merriweather;
  --font-open-sans: "Open Sans";

  /* font sizes */
  --font-size-lg: 18px;
  --font-size-13xl: 32px;
  --font-size-lgi: 19px;
  --font-size-7xl: 26px;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-xl: 20px;
  --font-size-29xl: 48px;
  --font-size-10xl: 29px;

  /* Colors */
  --color-whitesmoke: #f8f4f1;
  --color-darkslateblue-100: #2e2854;
  --color-darkslateblue-200: rgba(46, 40, 84, 0.5);
  --color-darkslateblue-400: rgba(46, 40, 84, 0.8);
  --color-darkslateblue-300: rgba(46, 40, 84, 0.2);
  --color-white: #fff;
  --color-gray-100: #212529;
  --mxon-sys-light-on-background: #1d1b20;
  --color-gray-200: rgba(29, 27, 32, 0.6);
  --color-dimgray: #666;
  --color-dimgray-100: rgba(94, 78, 66, 0.4);
  --color-darkorange: #f87000;
  --color-black: #000;
  --color-lightseagreen-100: #5cc3b1;
  --color-steelblue-100: #615c87;
  --color-steelblue-200: rgba(97, 92, 135, 0.09);
  --color-darkcyan: #298f7d;
  --color-darkgray: #999;
  --color-darkgray-100: rgba(153, 153, 153, 0.8);

  /* Gaps */
  --gap-xl: 20px;
  --gap-18xl: 37px;
  --gap-5xl: 24px;
  --gap-xs: 12px;
  --gap-mid: 17px;
  --gap-41xl: 60px;
  --gap-11xl: 30px;
  --gap-lgi: 19px;
  --gap-29xl: 48px;
  --gap-base: 16px;
  --gap-12xs: 1px;
  --gap-5xs: 8px;
  --gap-3xs: 10px;
  --gap-9xs: 4px;
  --gap-39xl: 58px;

  /* Paddings */
  --padding-61xl: 80px;
  --padding-81xl: 100px;
  --padding-31xl: 50px;
  --padding-33xl: 52px;
  --padding-xl: 20px;
  --padding-3xs: 10px;
  --padding-41xl: 60px;
  --padding-11xl: 30px;
  --padding-71xl: 90px;
  --padding-19xl: 38px;
  --padding-39xl: 58px;
  --padding-17xl: 36px;
  --padding-xs: 12px;
  --padding-4xl: 23px;
  --padding-sm: 14px;
  --padding-base: 16px;
  --padding-15xl: 34px;
  --padding-13xl: 32px;
  --padding-2xs: 11px;
  --padding-5xl: 24px;
  --padding-5xs: 8px;
  --padding-53xl: 72px;
  --padding-10xs: 3px;
  --padding-4xs: 9px;

  /* Border radiuses */
  --br-9xs: 4px;
  --br-xs: 12px;
  --br-29xl: 48px;
  --br-30xl: 49px;
  --br-5xs: 8px;
}