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

:root {
  /* Figma Variables */

  /* Spacing */
  --font-size-13-5: 13.5px;
  --font-size-40-5: 40.5px;
  --font-weight-400: 400;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --item-spacing-0: 0px;
  --item-spacing-1: -1px;
  --item-spacing-9: 9px;
  --item-spacing-18: 18px;
  --item-spacing-36: 36px;
  --item-spacing-54: 54px;
  --item-spacing-0-01: 0.01px;
  --item-spacing-11-25: 11.25px;
  --item-spacing-13-13: 13.13px;
  --item-spacing-17-5: 17.5px;
  --item-spacing-18-01: 18.01px;
  --item-spacing-22-5: 22.5px;
  --item-spacing-4-5: 4.5px;
  --item-spacing-6-75: 6.75px;
  --item-spacing-8-99: 8.99px;
  --letter-spacing-0-81: -0.81px;
  --letter-spacing-1-8: 1.8px;
  --letter-spacing-1-22: -1.22px;
  --letter-spacing-1-62: -1.62px;
  --line-height-27: 27px;
  --line-height-20-25: 20.25px;
  --line-height-24-73: 24.73px;
  --line-height-29-25: 29.25px;
  --line-height-31-32: 31.32px;
  --line-height-31-39: 31.39px;
  --line-height-33-75: 33.75px;
  --line-height-38-14: 38.14px;
  --line-height-44-96: 44.96px;
  --line-height-46-98: 46.98px;
  --line-height-60-75: 60.75px;
  --opacity-100: 1;
  --stroke-weight-1: 1px;
  --stroke-weight-2: 2px;
  --width-1440: 1440px;
  --width-1728: 1728px;
  --width-218-8: 218.8px;

  /* Color */
  --color-azure-34: #4b5563;
  --color-azure-57: #34b8ee;
  --color-azure-74: #85d4f5;
  --color-azure-84: #d1d5db;
  --color-azure-65-20: rgba(156, 163, 175, 0.2);
  --color-azure-65-30: rgba(156, 163, 175, 0.3);
  --color-azure-65-40: rgba(156, 163, 175, 0.4);
  --color-azure-84-40: rgba(209, 213, 219, 0.4);
  --color-azure-84-60: rgba(209, 213, 219, 0.6);
  --color-black-0: rgba(0, 0, 0, 0);
  --color-blue-16: #1b1340;
  --color-blue-32: #372580;
  --color-blue-64: #6d4bfd;
  --color-blue-65: #6d4aff;
  --color-blue-78: #aa8eff;
  --color-blue-86: #c5b7ff;
  --color-blue-16-30: rgba(27, 19, 64, 0.3);
  --color-blue-7-10: rgba(8, 3, 31, 0.1);
  --color-cyan-27: #155e75;
  --color-cyan-50: #01cfff;
  --color-grey-91: #e5e7eb;
  --color-grey-93: #e2dbff;
  --color-grey-97: #f6f7f9;
  --color-grey-98: #f7f5ff;
  --color-red-48: #da291c;
  --color-red-59: #f63548;
  --color-spring-green-29: #15803d;
  --color-spring-green-31: #1b854c;
  --color-spring-green-36: #16a34a;
  --color-spring-green-47: #00ef76;
  --color-spring-green-50: #26da79;
  --color-violet-17: #1c0554;
  --color-violet-63: #7341ff;
  --color-white-50: rgba(255, 255, 255, 0.5);
  --color-white-80: rgba(255, 255, 255, 0.8);
  --color-white-0-2: rgba(255, 255, 255, 0);
  --color-white-solid: #fff;
  --color-yellow-50: #ffc900;

  /* Font */
  --font-family-Font-1: Inter;

  /* Common Style Variables */

  /* Color */
  --color-darkturquoise: #67e8f9;
  --color-lightgray-100: rgba(209, 213, 219, 0.3);
  --color-mediumslateblue: #8763ff;
  --Ceumailme-Athens-Gray: #e5e7eb;
  --Ceumailme-Electric-Violet: #6d4aff;
  --Ceumailme-Gray-Chateau-20: rgba(156, 163, 175, 0.2);
  --Ceumailme-Gray-Chateau-30: rgba(156, 163, 175, 0.3);
  --Ceumailme-Melrose: #c5b7ff;
  --Ceumailme-Mischka-40: rgba(209, 213, 219, 0.4);
  --Ceumailme-Mischka-60: rgba(209, 213, 219, 0.6);
  --Ceumailme-White-Magnolia: #f7f5ff, #fff;

  /* Gap */
  --gap-0: 0px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-27: 27px;
  --gap-36: 36px;
  --gap-108: 108px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-1: 1px;
  --padding-4: 4px;
  --padding-8: 8px;
  --padding-9: 9px;
  --padding-12: 12px;
  --padding-18: 18px;
  --padding-24: 24px;
  --padding-36: 36px;
  --padding-45: 45px;
  --padding-48: 48px;
  --padding-54: 54px;
  --padding-60: 60px;
  --padding-70: 70px;
  --padding-72: 72px;
  --padding-96: 96px;
  --padding-108: 108px;
  --padding-120: 120px;
  --padding-132: 132px;
  --padding-240: 240px;
  --padding-264: 264px;
  --padding-0_7: 0.7px;
  --padding-13_5: 13.5px;
  --padding-22_5: 22.5px;
  --padding-4_3: 4.3px;
  --padding-4_5: 4.5px;

  /* BorderRadius */
  --br-18: 18px;
  --br-27: 27px;
  --br-9999: 9999px;
  --br-2_3: 2.3px;
  --br-6_8: 6.8px;

  /* FontSize */
  --fs-17: 17px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-21: 21px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-31: 31px;
  --fs-32: 32px;
  --fs-15_4: 15.4px;
  --fs-15_6: 15.6px;
  --fs-15_7: 15.7px;
  --fs-17_6: 17.6px;
  --fs-17_7: 17.7px;
  --fs-21_8: 21.8px;

  /* Shadows */
  --shadow-drop: 0px 0px 1px rgba(0, 0, 0, 0.3);
  --shadow-inner: 0px 0px 0px 2px var(--Ceumailme-Electric-Violet) inset;

  /* Gradients */
  --gradient-1: linear-gradient(
    45deg,
    var(--color-grey-93) 5%,
    var(--color-grey-98) 25%
  );

  /* WidthHeights */
  --height-1: 1px;
  --height-16: 16px;
  --height-24: 24px;
  --height-25: 25px;
  --height-27: 27px;
  --height-36: 36px;
  --height-: px;
  --height-22_5: 22.5px;
  --height-24_7: 24.7px;
  --height-418_4: 418.4px;
  --min-w-357: 357px;
  --width-1: 1px;
  --width-16: 16px;
  --width-24: 24px;
  --width-27: 27px;
  --width-36: 36px;
  --width-48: 48px;
  --width-: px;
  --width-22_5: 22.5px;
  --width-calc100-305_4: calc(100% - 305.4px);

  /* LineHeights */
  --lh-25: 25px;
  --lh-27: 27px;
  --lh-28: 28px;
  --lh-30: 30px;
  --lh-36: 36px;
  --lh-38: 38px;
  --lh-47: 47px;
  --lh-49: 49px;
  --lh-20_3: 20.3px;
  --lh-24_7: 24.7px;
  --lh-29_3: 29.3px;
  --lh-31_3: 31.3px;
  --lh-33_8: 33.8px;
  --lh-60_8: 60.8px;

  --left-0: 0px;
  --left-305_4: 305.4px;
  --top-0: 0px;
  --top-3: 3px;
  --top--1: -1px;
}