.locofy-wrapper {
  margin: 0;
  line-height: normal;
}

:root {
  /* Common Style Variables */

  /* Color */
  --color-darkviolet: #8200db;
  --color-dimgray: #4a5565;
  --color-slategray: #6a7282;
  --color-white: #fff;
  --color-whitesmoke: #f9fafb;

  /* Gap */
  --gap-8: 8px;
  --gap-16: 16px;
  --gap-24: 24px;
  --gap-48: 48px;

  /* Padding */
  --padding-0: 0px;
  --padding-4: 4px;
  --padding-8: 8px;
  --padding-12: 12px;
  --padding-16: 16px;
  --padding-20: 20px;
  --padding-24: 24px;

  /* BorderRadius */
  --br-4: 4px;
  --br-14: 14px;

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

  /* FontSize */
  --fs-14: 14px;
  --fs-16: 16px;

  /* Gradients */
  --gradient-1: linear-gradient(90deg, #9810fa, var(--color-darkviolet));

  /* WidthHeights */
  --height-72: 72px;

  /* LineHeights */
  --lh-20: 20px;
  --lh-24: 24px;

  /* LetterSpacings */
  --ls--0_15: -0.15px;
  --ls--0_31: -0.31px;
}