/* Figma Styles of your File */
:root {
  /* Colors */
  --athens-gray: #f9fafb;
  --athens-gray: #f3f4f6;
  --athens-gray: #e5e7eb;
  --azalea: #fadadd;
  --azalea-30: rgba(250, 218, 221, 0.3);
  --azalea-90: rgba(250, 218, 221, 0.9);
  --black-10: rgba(0, 0, 0, 0.1);
  --candlelight: #facc15;
  --ebony-clay: #1f2937;
  --gray-chateau: #9ca3af;
  --mischka: #d1d5db;
  --pale-sky: #6b7280;
  --river-bed: #4b5563;
  --sweet-pink: #ff9eaa;
  --sweet-pink-90: rgba(255, 158, 170, 0.9);
  --background: linear-gradient(
      to left,
      rgba(224, 179, 190, 0.32),
      rgba(224, 179, 190, 0.32)
    ),
    linear-gradient(to left, #ffffff, #ffffff);
  --color-alabaster: #f7f7f7;
  --color-alizarin-crimson: #e22d2d;
  --color-alto: #dbdbdb;
  --color-athens-gray: #f7f7f7;
  --color-black: #000000;
  --color-black-106: rgba(0, 0, 0, 0.11);
  --color-black-4: rgba(0, 0, 0, 0.04);
  --color-black-5: rgba(0, 0, 0, 0.05);
  --color-black-7: rgba(0, 0, 0, 0.07);
  --color-black-97: rgba(0, 0, 0, 0.97);
  --color-blossom-32: rgba(224, 179, 190, 0.32);
  --color-blossom-35: rgba(224, 179, 190, 0.35);
  --color-boulder: #767676;
  --color-boulder: #777777;
  --color-can-can: #dfa2b1;
  --color-cod-gray: #0a0a0a;
  --color-primary: #dd5678;
  --color-dawn-pink: #f5e7ea;
  --color-emperor: #555555;
  --color-emperor: #505050;
  --color-emperor-45: rgba(82, 82, 82, 0.45);
  --color-gray: #909090;
  --color-havelock-blue: #4d93d1;
  --color-mercury: #e5e5e5;
  --color-mercury: #eaeaea;
  --color-mine-shaft: #333333;
  --color-mine-shaft: #242424;
  --color-mine-shaft-60: rgba(51, 51, 51, 0.6);
  --color-pink-flare: #ddc1cf;
  --color-secondary: #ec9fae;
  --color-mine-shaft-65: rgba(51, 51, 51, 0.65);
  --color-seashell: #f1f1f1;
  --color-silver: #bbbbbb;
  --color-silver-chalice: #a5a5a5;
  --color-white: #ffffff;
  --color-white-02: rgba(255, 255, 255, 0);
  --color-white-60: rgba(255, 255, 255, 0.6);
  --color-white-90: rgba(255, 255, 255, 0.9);
  --color-wild-sand: #f7f7f7;
  --wwwgensparkai-white-133: rgba(255, 255, 255, 0.13);
  --wwwgensparkai-shark: #232425;
  --wwwgensparkai-wild-sand: #f5f5f5;
  --wwwgensparkai-porcelain: #e6e9eb;
  --wwwgensparkai-catskill-white: #e6edf2;

  /* Fonts */
  --tajawal-medium-font-family: Tajawal-Medium, sans-serif;
  --tajawal-medium-font-size: 18px;
  --tajawal-medium-line-height: 28px;
  --tajawal-medium-font-weight: 500;
  --tajawal-medium-font-style: normal;
  --tajawal-regular-font-family: Tajawal-Regular, sans-serif;
  --tajawal-regular-font-size: 12px;
  --tajawal-regular-line-height: 16px;
  --tajawal-regular-font-weight: 400;
  --tajawal-regular-font-style: normal;
  --tajawal-regular-font-family: Tajawal-Regular, sans-serif;
  --tajawal-regular-font-size: 14px;
  --tajawal-regular-line-height: 20px;
  --tajawal-regular-font-weight: 400;
  --tajawal-regular-font-style: normal;
  --tajawal-regular-font-family: Tajawal-Regular, sans-serif;
  --tajawal-regular-font-size: 16px;
  --tajawal-regular-line-height: 24px;
  --tajawal-regular-font-weight: 400;
  --tajawal-regular-font-style: normal;
  --tajawal-regular-font-family: Tajawal-Regular, sans-serif;
  --tajawal-regular-font-size: 18px;
  --tajawal-regular-line-height: 28px;
  --tajawal-regular-font-weight: 400;
  --tajawal-regular-font-style: normal;
  --tajawal-regular-strikethrough-font-family: Tajawal-Regular, sans-serif;
  --tajawal-regular-strikethrough-font-size: 14px;
  --tajawal-regular-strikethrough-line-height: 20px;
  --tajawal-regular-strikethrough-font-weight: 400;
  --tajawal-regular-strikethrough-font-style: normal;
  --tajawal-medium-font-family: Tajawal-Medium, sans-serif;
  --tajawal-medium-font-size: 14px;
  --tajawal-medium-line-height: 20px;
  --tajawal-medium-font-weight: 500;
  --tajawal-medium-font-style: normal;
  --tajawal-medium-font-family: Tajawal-Medium, sans-serif;
  --tajawal-medium-font-size: 12px;
  --tajawal-medium-line-height: 16px;
  --tajawal-medium-font-weight: 500;
  --tajawal-medium-font-style: normal;
  --tajawal-bold-font-family: Tajawal-Bold, sans-serif;
  --tajawal-bold-font-size: 18px;
  --tajawal-bold-line-height: 28px;
  --tajawal-bold-font-weight: 700;
  --tajawal-bold-font-style: normal;
  --tajawal-bold-font-family: Tajawal-Bold, sans-serif;
  --tajawal-bold-font-size: 16px;
  --tajawal-bold-line-height: 24px;
  --tajawal-bold-font-weight: 700;
  --tajawal-bold-font-style: normal;

  /* Effects */
  --card-box-shadow: 0px 3px 4px 2px rgba(5, 5, 5, 0.12);
}
/* Figma Color Variables of your File */
:root,
[data-tokens-mode="mode-1"] {
  /* mode-1 */
  --color-grey-20: #333333;
  --color-grey-86: #dbdbdb;
  --color-grey-4: #0a0a0a;
  --color-grey-14: #242424;
  --color-black-solid: #000000;
  --color-grey-20-65: rgba(51, 51, 51, 0.65);
  --color-grey-33: #555555;
  --color-grey-65: #a5a5a5;
  --color-red-75: #dfa2b1;
  --color-grey-46: #767676;
  --color-white-90: rgba(255, 255, 255, 0.9);
  --color-white-solid: #ffffff;
  --color-rose-60: #dd5678;
  --color-grey-47: #777777;
  --color-grey-20-60: rgba(51, 51, 51, 0.6);
  --color-grey-32-45: rgba(82, 82, 82, 0.45);
  --color-black-7: rgba(0, 0, 0, 0.07);
  --color-grey-95: #f1f1f1;
  --color-white-60: rgba(255, 255, 255, 0.6);
  --color-black-106: rgba(0, 0, 0, 0.11);
  --color-grey-56: #909090;
  --color-black-5: rgba(0, 0, 0, 0.05);
  --color-black-97: rgba(0, 0, 0, 0.97);
  --color-grey-73: #bbbbbb;
  --color-red-53: #e22d2d;
  --color-red-79-32: rgba(224, 179, 190, 0.32);
  --color-grey-97: #f7f7f7;
  --color-grey-97-75: rgba(247, 247, 247, 0.75);
  --color-grey-97-0: rgba(247, 247, 247, 0);
  --color-grey-90: #e5e5e5;
  --color-grey-31: #505050;
  --color-rose-81: #ddc1cf;
  --color-grey-92: #eaeaea;
  --color-red-77: #ec9fae;
  --color-red-79-35: rgba(224, 179, 190, 0.35);
  --color-white-02: rgba(255, 255, 255, 0);
  --color-grey-93: #f5e7ea;
  --color-black-4: rgba(0, 0, 0, 0.04);
}

:root,
[data-design-mode="mode-1"] {
  /* mode-1 */
  --color-white-solid: #ffffff;
  --color-white-133: rgba(255, 255, 255, 0.13);
  --color-grey-14: #232425;
  --color-grey-96: #f5f5f5;
  --color-grey-98-0: rgba(250, 250, 250, 0);
  --color-grey-98: #fafafa;
  --color-white-02: rgba(255, 255, 255, 0);
  --color-grey-91: #e6e9eb;
  --color-grey-93: #e6edf2;
  --color-black-0: rgba(0, 0, 0, 0);
}

:root,
[data-all-mode="mode-1"] {
  /* mode-1 */
  --color-grey-98: #f9fafb;
  --color-title-17: #1f2937;
  --color-red-81-90: rgba(255, 158, 170, 0.9);
  --color-white-solid: #ffffff;
  --color-red-81: #ff9eaa;
  --color-grey-96: #f3f4f6;
  --color-grey-92-90: rgba(250, 218, 221, 0.9);
  --color-grey-92: #fadadd;
  --color-grey-46: #6b7280;
  --color-grey-92-30: rgba(250, 218, 221, 0.3);
  --color-grey-91: #e5e7eb;
}