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

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

:root {
  /* Common Style Variables */

  /* Color */
  --color-cadetblue: #409ab3;
  --color-gainsboro: #d9d9d9;
  --color-gray-100: #fafafa;
  --color-gray-200: #777;
  --color-gray-300: #1a1c1e;
  --color-gray-400: rgba(119, 119, 119, 0.12);
  --color-gray-500: rgba(119, 119, 119, 0.16);
  --color-gray-600: rgba(26, 28, 30, 0.12);
  --color-white: #fff;
  --color-whitesmoke: #f7f7f7;

  /* Gap */
  --gap-0: 0px;
  --gap-4: 4px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-26: 26px;
  --gap-32: 32px;
  --gap-40: 40px;
  --gap-44: 44px;
  --gap-48: 48px;
  --gap-72: 72px;
  --gap-120: 120px;

  /* Padding */
  --padding-0: 0px;
  --padding-8: 8px;
  --padding-16: 16px;
  --padding-19: 19px;
  --padding-20: 20px;
  --padding-23: 23px;
  --padding-24: 24px;
  --padding-30: 30px;
  --padding-32: 32px;
  --padding-40: 40px;
  --padding-50: 50px;
  --padding-80: 80px;
  --padding-100: 100px;
  --padding-120: 120px;

  /* BorderRadius */
  --br-4: 4px;
  --br-8: 8px;
  --br-100: 100px;

  /* Font */
  --font-inherit: inherit;
  --font-manrope: Manrope;

  /* FontSize */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-40: 40px;
  --fs-44: 44px;
  --fs-64: 64px;

  /* Borders */
  --border-1: 1px solid var(--color-gray-500);

  /* Shadows */
  --shadow-drop: 0px 4px 4px rgba(0, 0, 0, 0.08);

  /* WidthHeights */
  --height-1: 1px;
  --height-18: 18px;
  --height-20: 20px;
  --height-24: 24px;
  --height-32: 32px;
  --height-36: 36px;
  --height-50: 50px;
  --height-80: 80px;
  --height-250: 250px;
  --height-auto: auto;
  --max-w-350: 350px;
  --max-w-550: 550px;
  --max-w-1040: 1040px;
  --max-w-1240: 1240px;
  --max-w-365_3: 365.3px;
  --min-w-100: 100px;
  --min-w-120: 120px;
  --min-w-150: 150px;
  --min-w-200: 200px;
  --min-w-310: 310px;
  --min-w-350: 350px;
  --min-w-390: 390px;
  --width-20: 20px;
  --width-22: 22px;
  --width-24: 24px;
  --width-32: 32px;
  --width-50: 50px;
  --width-127_57: 127.57px;
  --width-auto: auto;

  /* LineHeights */
  --lh-20: 20px;
  --lh-24: 24px;
  --lh-28: 28px;
  --lh-32: 32px;
  --lh-44: 44px;
  --lh-48: 48px;
  --lh-52: 52px;
  --lh-56: 56px;
  --lh-72: 72px;
  --lh-80: 80px;

  /* LetterSpacings */
  --ls--0_02: -0.02;
}