/* Figma Styles of your File */
:root {
  /* Colors */
  --alto: #e0e0e0;
  --athens-gray: #f4f6f8;
  --athens-gray: #f4f6f8;
  --athens-gray-50: rgba(229, 231, 235, 0.5);
  --athens-gray: linear-gradient(
      to left,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.2)
    ),
    linear-gradient(to left, #e5e7eb, #e5e7eb);
  --athens-gray-80: rgba(229, 231, 235, 0.8);
  --aztec: #0d1b1b;
  --beeswax: #fef9c3;
  --black: #000000;
  --black-20: rgba(0, 0, 0, 0.2);
  --black-50: rgba(0, 0, 0, 0.5);
  --blue-chalk: #f3e8ff;
  --botticelli: #cfe7e7;
  --buttercup: #f5a623;
  --catskill-white: #dbeafe;
  --catskill-white-80: rgba(231, 243, 243, 0.8);
  --corn: #eab308;
  --dodger-blue: #359eff;
  --dodger-blue: #359eff;
  --dodger-blue-10: rgba(53, 158, 255, 0.1);
  --dodger-blue-20: rgba(53, 158, 255, 0.2);
  --dodger-blue-30: rgba(53, 158, 255, 0.3);
  --dodger-blue-90: rgba(53, 158, 255, 0.9);
  --dove-gray: #666666;
  --ebony: #0f1923;
  --flamingo: #ef4444;
  --gray-chateau: #9ca3af;
  --heliotrope: #a855f7;
  --iceberg: #e0f4f4;
  --jewel: #15803d;
  --mine-shaft: #333333;
  --mischka: #d1d5db;
  --mountain-meadow-20: rgba(34, 197, 94, 0.2);
  --mountain-meadow: #22c55e;
  --mountain-meadow-30: rgba(34, 197, 94, 0.3);
  --oxford-blue: #374151;
  --pale-sky: #6b7280;
  --pattens-blue: #dbeafe;
  --porcelain: #f5f7f8;
  --porcelain-80: rgba(245, 247, 248, 0.8);
  --river-bed: #4b5563;
  --wedgewood: #4c9a9a;
  --white: #ffffff;
  --white-80: rgba(255, 255, 255, 0.8);
  --white-porcelain: linear-gradient(to left, #f5f7f8, #f5f7f8),
    linear-gradient(to left, #ffffff, #ffffff);

  /* Fonts */
  --semantic-heading-1-font-family: Inter-Black, sans-serif;
  --semantic-heading-1-font-size: 36px;
  --semantic-heading-1-line-height: 40px;
  --semantic-heading-1-font-weight: 900;
  --semantic-heading-1-font-style: normal;
  --semantic-heading-2-font-family: Inter-Bold, sans-serif;
  --semantic-heading-2-font-size: 18px;
  --semantic-heading-2-line-height: 28px;
  --semantic-heading-2-font-weight: 700;
  --semantic-heading-2-font-style: normal;
  --semantic-heading-2-font-family: Inter-Bold, sans-serif;
  --semantic-heading-2-font-size: 18px;
  --semantic-heading-2-line-height: 22.5px;
  --semantic-heading-2-font-weight: 700;
  --semantic-heading-2-font-style: normal;
  --semantic-heading-1-font-family: Inter-Bold, sans-serif;
  --semantic-heading-1-font-size: 18px;
  --semantic-heading-1-line-height: 28px;
  --semantic-heading-1-font-weight: 700;
  --semantic-heading-1-font-style: normal;
  --semantic-heading-2-font-family: Inter-Bold, sans-serif;
  --semantic-heading-2-font-size: 20px;
  --semantic-heading-2-line-height: 28px;
  --semantic-heading-2-font-weight: 700;
  --semantic-heading-2-font-style: normal;
  --semantic-heading-2-font-family: Inter-Black, sans-serif;
  --semantic-heading-2-font-size: 36px;
  --semantic-heading-2-line-height: 45px;
  --semantic-heading-2-font-weight: 900;
  --semantic-heading-2-font-style: normal;
  --semantic-heading-3-font-family: Inter-Bold, sans-serif;
  --semantic-heading-3-font-size: 20px;
  --semantic-heading-3-line-height: 28px;
  --semantic-heading-3-font-weight: 700;
  --semantic-heading-3-font-style: normal;
  --semantic-input-font-family: Inter-Regular, sans-serif;
  --semantic-input-font-size: 16px;
  --semantic-input-line-height: normal;
  --semantic-input-font-weight: 400;
  --semantic-input-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 14px;
  --inter-bold-line-height: 20px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 14px;
  --inter-bold-line-height: 21px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 14px;
  --inter-bold-line-height: 21px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 14px;
  --inter-bold-line-height: 21px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 16px;
  --inter-bold-line-height: 24px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 16px;
  --inter-bold-line-height: 24px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 16.799999237060547px;
  --inter-bold-line-height: 25.2px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 18px;
  --inter-bold-line-height: 28px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 18px;
  --inter-bold-line-height: 22.5px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 19.649999618530273px;
  --inter-bold-line-height: 29.4px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 24px;
  --inter-bold-line-height: 32px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 24px;
  --inter-bold-line-height: 30px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-bold-font-family: Inter-Bold, sans-serif;
  --inter-bold-font-size: 30px;
  --inter-bold-line-height: 36px;
  --inter-bold-font-weight: 700;
  --inter-bold-font-style: normal;
  --inter-medium-font-family: Inter-Medium, sans-serif;
  --inter-medium-font-size: 14px;
  --inter-medium-line-height: 20px;
  --inter-medium-font-weight: 500;
  --inter-medium-font-style: normal;
  --inter-medium-font-family: Inter-Medium, sans-serif;
  --inter-medium-font-size: 14px;
  --inter-medium-line-height: 21px;
  --inter-medium-font-weight: 500;
  --inter-medium-font-style: normal;
  --inter-medium-font-family: Inter-Medium, sans-serif;
  --inter-medium-font-size: 16px;
  --inter-medium-line-height: 24px;
  --inter-medium-font-weight: 500;
  --inter-medium-font-style: normal;
  --inter-regular-font-family: Inter-Regular, sans-serif;
  --inter-regular-font-size: 12px;
  --inter-regular-line-height: 16px;
  --inter-regular-font-weight: 400;
  --inter-regular-font-style: normal;
  --inter-regular-font-family: Inter-Regular, sans-serif;
  --inter-regular-font-size: 14px;
  --inter-regular-line-height: 20px;
  --inter-regular-font-weight: 400;
  --inter-regular-font-style: normal;
  --inter-regular-font-family: Inter-Regular, sans-serif;
  --inter-regular-font-size: 14px;
  --inter-regular-line-height: 21px;
  --inter-regular-font-weight: 400;
  --inter-regular-font-style: normal;
  --inter-regular-font-family: Inter-Regular, sans-serif;
  --inter-regular-font-size: 16px;
  --inter-regular-line-height: 24px;
  --inter-regular-font-weight: 400;
  --inter-regular-font-style: normal;
  --inter-regular-underline-font-family: Inter-Regular, sans-serif;
  --inter-regular-underline-font-size: 14px;
  --inter-regular-underline-line-height: 21px;
  --inter-regular-underline-font-weight: 400;
  --inter-regular-underline-font-style: normal;
  --inter-black-font-family: Inter-Black, sans-serif;
  --inter-black-font-size: 36px;
  --inter-black-line-height: 40px;
  --inter-black-font-weight: 900;
  --inter-black-font-style: normal;
  --inter-semi-bold-font-family: Inter-SemiBold, sans-serif;
  --inter-semi-bold-font-size: 12px;
  --inter-semi-bold-line-height: 16px;
  --inter-semi-bold-font-weight: 600;
  --inter-semi-bold-font-style: normal;
  --inter-semi-bold-font-family: Inter-SemiBold, sans-serif;
  --inter-semi-bold-font-size: 14px;
  --inter-semi-bold-line-height: 20px;
  --inter-semi-bold-font-weight: 600;
  --inter-semi-bold-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */
:root,
[data-htmltodesign-mode="mode-1"] {
  /* mode-1 */
  --color-black-solid: #000000;
  --color-azure-60: #359eff;
  --color-cyan-8: #0d1b1b;
  --color-grey-46: #6b7280;
  --color-white-solid: #ffffff;
  --color-grey-97: #f5f7f8;
  --color-grey-91: #e5e7eb;
  --color-azure-84: #d1d5db;
  --color-azure-65: #9ca3af;
  --color-grey-91-80: rgba(229, 231, 235, 0.8);
  --color-grey-91-50: rgba(229, 231, 235, 0.5);
  --color-grey-97-80: rgba(245, 247, 248, 0.8);
  --color-azure-60-90: rgba(53, 158, 255, 0.9);
  --color-cyan-45: #4c9a9a;
  --color-grey-92: #e0f4f4;
  --color-azure-60-20: rgba(53, 158, 255, 0.2);
  --color-cyan-86: #cfe7e7;
  --color-azure-27: #374151;
  --color-azure-60-10: rgba(53, 158, 255, 0.1);
  --color-grey-96: #f4f6f8;
  --color-azure-34: #4b5563;
  --color-azure-60-30: rgba(53, 158, 255, 0.3);
  --color-black-50: rgba(0, 0, 0, 0.5);
  --color-white-80: rgba(255, 255, 255, 0.8);
  --color-azure-10: #0f1923;
  --color-grey-93-80: rgba(231, 243, 243, 0.8);
  --color-grey-93: #dbeafe;
  --color-orange-55: #f5a623;
  --color-black-20: rgba(0, 0, 0, 0.2);
  --color-grey-20: #333333;
  --color-grey-40: #666666;
  --color-grey-88: #e0e0e0;
  --color-red-60: #ef4444;
  --color-spring-green-45: #22c55e;
  --color-violet-65: #a855f7;
  --color-yellow-47: #eab308;
  --color-spring-green-45-30: rgba(34, 197, 94, 0.3);
  --color-spring-green-29: #15803d;
  --color-spring-green-45-20: rgba(34, 197, 94, 0.2);
  --color-grey-95: #f3e8ff;
  --color-yellow-88: #fef9c3;
}