/* Figma Styles of your File */
:root {
  /* Colors */
  --primary-50: #e9ffe2;
  --primary-100: #cdffc0;
  --primary-200: #9cff88;
  --primary-500: #03f500;
  --primary-600: #00c504;
  --primary-700: #009504;
  --primary-800: #007c00;
  --primary-900: #066108;
  --primary-950: #003705;
  --secondary-300: #ffeb3b;
  --secondary-400: #fddb12;
  --secondary-500: #ecc106;
  --background-bg-disabled: #e4e4e7;
  --background-bg-white: #ffffff;
  --content-text-primary: #101828;
  --content-text-secondary: #364153;
  --content-text-tertiary: #6a7282;
  --content-text-white: #ffffff;
  --border-border-primary: #d4d4d8;
  --border-border-secondary: #e4e4e7;
  --border-border-tertiary: #f4f4f5;
  --border-border-white: #ffffff;
  --state-danger: #e7000b;
  --state-warning: #ffb900;
  --state-success: #00a63e;
  --state-info: #155dfc;

  /* Fonts */
  --display-small-font-family: Rowdies-Bold, sans-serif;
  --display-small-font-size: 36px;
  --display-small-line-height: 44px;
  --display-small-font-weight: 700;
  --display-small-font-style: normal;
  --display-medium-font-family: Rowdies-Bold, sans-serif;
  --display-medium-font-size: 45px;
  --display-medium-line-height: 52px;
  --display-medium-font-weight: 700;
  --display-medium-font-style: normal;
  --display-large-font-family: Rowdies-Bold, sans-serif;
  --display-large-font-size: 57px;
  --display-large-line-height: 64px;
  --display-large-font-weight: 700;
  --display-large-font-style: normal;
  --headline-small-font-family: Lato-Bold, sans-serif;
  --headline-small-font-size: 24px;
  --headline-small-line-height: 32px;
  --headline-small-font-weight: 700;
  --headline-small-font-style: normal;
  --headline-medium-font-family: Lato-ExtraBold, sans-serif;
  --headline-medium-font-size: 28px;
  --headline-medium-line-height: 36px;
  --headline-medium-font-weight: 800;
  --headline-medium-font-style: normal;
  --headline-large-font-family: Rowdies-Bold, sans-serif;
  --headline-large-font-size: 32px;
  --headline-large-line-height: 40px;
  --headline-large-font-weight: 700;
  --headline-large-font-style: normal;
  --title-small-font-family: Lato-Bold, sans-serif;
  --title-small-font-size: 14px;
  --title-small-line-height: 20px;
  --title-small-font-weight: 700;
  --title-small-font-style: normal;
  --title-medium-font-family: Lato-Bold, sans-serif;
  --title-medium-font-size: 16px;
  --title-medium-line-height: 24px;
  --title-medium-font-weight: 700;
  --title-medium-font-style: normal;
  --title-large-font-family: Lato-Bold, sans-serif;
  --title-large-font-size: 22px;
  --title-large-line-height: 28px;
  --title-large-font-weight: 700;
  --title-large-font-style: normal;
  --body-small-font-family: Lato-Regular, sans-serif;
  --body-small-font-size: 12px;
  --body-small-line-height: 16px;
  --body-small-font-weight: 400;
  --body-small-font-style: normal;
  --body-medium-font-family: Lato-Regular, sans-serif;
  --body-medium-font-size: 14px;
  --body-medium-line-height: 20px;
  --body-medium-font-weight: 400;
  --body-medium-font-style: normal;
  --body-large-font-family: Lato-Regular, sans-serif;
  --body-large-font-size: 16px;
  --body-large-line-height: 24px;
  --body-large-font-weight: 400;
  --body-large-font-style: normal;
  --label-small-font-family: Lato-Bold, sans-serif;
  --label-small-font-size: 11px;
  --label-small-line-height: 16px;
  --label-small-font-weight: 700;
  --label-small-font-style: normal;
  --label-medium-font-family: Lato-Bold, sans-serif;
  --label-medium-font-size: 12px;
  --label-medium-line-height: 16px;
  --label-medium-font-weight: 700;
  --label-medium-font-style: normal;
  --label-large-font-family: Lato-Bold, sans-serif;
  --label-large-font-size: 14px;
  --label-large-line-height: 20px;
  --label-large-font-weight: 700;
  --label-large-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */