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

:root {
  /* Common Style Variables */

  /* Color */
  --color-black: #000;
  --color-darkslateblue-100: #4d63ba;
  --color-darkslateblue-200: #273d93;
  --color-dimgray: #5c5c5c;
  --color-gray-100: rgba(0, 0, 0, 0.1);
  --color-gray-200: rgba(0, 0, 0, 0.25);
  --color-gray-300: rgba(0, 0, 0, 0.28);
  --color-gray-400: rgba(0, 0, 0, 0.48);
  --color-gray-500: rgba(255, 255, 255, 0.15);
  --color-gray-600: rgba(0, 0, 0, 0.5);
  --color-white: #fff;
  --color-whitesmoke: #f3f3f3;
  --color-yellow: #fff700;

  /* Gap */
  --gap-3: 3px;
  --gap-4: 4px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-17: 17px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-26: 26px;
  --gap-28: 28px;

  /* Padding */
  --padding-0: 0px;
  --padding-1: 1px;
  --padding-2: 2px;
  --padding-3: 3px;
  --padding-5: 5px;
  --padding-6: 6px;
  --padding-8: 8px;
  --padding-12: 12px;
  --padding-14: 14px;
  --padding-16: 16px;
  --padding-20: 20px;

  /* BorderRadius */
  --br-0: 0px;
  --br-18: 18px;
  --br-46: 46px;

  /* Font */
  --font-inter: Inter;

  /* FontSize */
  --fs-12: 12px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-32: 32px;
  --fs-40: 40px;

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

  /* WidthHeights */
  --height-1: 1px;
  --height-20: 20px;
  --height-24: 24px;
  --height-36: 36px;
  --height-285: 285px;
  --width-20: 20px;
  --width-285: 285px;

  /* LineHeights */
  --lh-26: 26px;
  --lh-32: 32px;
  --lh-43: 43px;

  --left-3: 3px;
  --top-0: 0px;
}