/* Figma Styles of your File */
:root {
  /* Colors */
  --components-skeleton: linear-gradient(
    -90deg,
    rgba(194, 192, 189, 1) 0%,
    rgba(223, 224, 229, 1) 50%,
    rgba(194, 192, 189, 1) 100%
  );
  --library-specs-background: #ffffff;
  --library-specs-sample-frame-border: #dfe0e5;
  --library-specs-sample-frame-background-grey: #f0f1f5;
  --library-specs-sample-frame-background-white: #ffffff;
  --library-specs-sample-frame-background-dark: #202124;

  /* Fonts */
  --display-1-regular-font-family: CrimsonText-Regular, sans-serif;
  --display-1-regular-font-size: 80px;
  --display-1-regular-line-height: 88px;
  --display-1-regular-font-weight: 400;
  --display-1-regular-font-style: normal;
  --display-1-medium-font-family: CrimsonText-Regular, sans-serif;
  --display-1-medium-font-size: 80px;
  --display-1-medium-line-height: 88px;
  --display-1-medium-font-weight: 400;
  --display-1-medium-font-style: normal;
  --display-1-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --display-1-semibold-font-size: 80px;
  --display-1-semibold-line-height: 88px;
  --display-1-semibold-font-weight: 600;
  --display-1-semibold-font-style: normal;
  --display-1-bold-font-family: CrimsonText-Bold, sans-serif;
  --display-1-bold-font-size: 80px;
  --display-1-bold-line-height: 88px;
  --display-1-bold-font-weight: 700;
  --display-1-bold-font-style: normal;
  --display-2-regular-font-family: CrimsonText-Regular, sans-serif;
  --display-2-regular-font-size: 64px;
  --display-2-regular-line-height: 72px;
  --display-2-regular-font-weight: 400;
  --display-2-regular-font-style: normal;
  --display-2-medium-font-family: CrimsonText-Regular, sans-serif;
  --display-2-medium-font-size: 64px;
  --display-2-medium-line-height: 72px;
  --display-2-medium-font-weight: 400;
  --display-2-medium-font-style: normal;
  --display-2-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --display-2-semibold-font-size: 64px;
  --display-2-semibold-line-height: 72px;
  --display-2-semibold-font-weight: 600;
  --display-2-semibold-font-style: normal;
  --display-2-bold-font-family: CrimsonText-Bold, sans-serif;
  --display-2-bold-font-size: 64px;
  --display-2-bold-line-height: 72px;
  --display-2-bold-font-weight: 700;
  --display-2-bold-font-style: normal;
  --h1-regular-font-family: CrimsonText-Regular, sans-serif;
  --h1-regular-font-size: 48px;
  --h1-regular-line-height: 56px;
  --h1-regular-font-weight: 400;
  --h1-regular-font-style: normal;
  --h1-medium-font-family: CrimsonText-Regular, sans-serif;
  --h1-medium-font-size: 48px;
  --h1-medium-line-height: 56px;
  --h1-medium-font-weight: 400;
  --h1-medium-font-style: normal;
  --h1-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --h1-semibold-font-size: 48px;
  --h1-semibold-line-height: 56px;
  --h1-semibold-font-weight: 600;
  --h1-semibold-font-style: normal;
  --h1-bold-font-family: CrimsonText-Bold, sans-serif;
  --h1-bold-font-size: 48px;
  --h1-bold-line-height: 56px;
  --h1-bold-font-weight: 700;
  --h1-bold-font-style: normal;
  --h2-regular-font-family: CrimsonText-Regular, sans-serif;
  --h2-regular-font-size: 40px;
  --h2-regular-line-height: 48px;
  --h2-regular-font-weight: 400;
  --h2-regular-font-style: normal;
  --h2-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --h2-medium-font-size: 40px;
  --h2-medium-line-height: 48px;
  --h2-medium-font-weight: 600;
  --h2-medium-font-style: normal;
  --h2-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --h2-semibold-font-size: 40px;
  --h2-semibold-line-height: 48px;
  --h2-semibold-font-weight: 600;
  --h2-semibold-font-style: normal;
  --h2-bold-font-family: CrimsonText-Bold, sans-serif;
  --h2-bold-font-size: 40px;
  --h2-bold-line-height: 48px;
  --h2-bold-font-weight: 700;
  --h2-bold-font-style: normal;
  --h3-regular-font-family: CrimsonText-Regular, sans-serif;
  --h3-regular-font-size: 32px;
  --h3-regular-line-height: 40px;
  --h3-regular-font-weight: 400;
  --h3-regular-font-style: normal;
  --h3-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --h3-medium-font-size: 32px;
  --h3-medium-line-height: 40px;
  --h3-medium-font-weight: 600;
  --h3-medium-font-style: normal;
  --h3-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --h3-semibold-font-size: 32px;
  --h3-semibold-line-height: 40px;
  --h3-semibold-font-weight: 600;
  --h3-semibold-font-style: normal;
  --h3-bold-font-family: CrimsonText-Bold, sans-serif;
  --h3-bold-font-size: 32px;
  --h3-bold-line-height: 40px;
  --h3-bold-font-weight: 700;
  --h3-bold-font-style: normal;
  --h4-regular-font-family: CrimsonText-Regular, sans-serif;
  --h4-regular-font-size: 24px;
  --h4-regular-line-height: 32px;
  --h4-regular-font-weight: 400;
  --h4-regular-font-style: normal;
  --h4-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --h4-medium-font-size: 24px;
  --h4-medium-line-height: 32px;
  --h4-medium-font-weight: 600;
  --h4-medium-font-style: normal;
  --h4-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --h4-semibold-font-size: 24px;
  --h4-semibold-line-height: 32px;
  --h4-semibold-font-weight: 600;
  --h4-semibold-font-style: normal;
  --h4-bold-font-family: CrimsonText-Bold, sans-serif;
  --h4-bold-font-size: 24px;
  --h4-bold-line-height: 32px;
  --h4-bold-font-weight: 700;
  --h4-bold-font-style: normal;
  --h5-regular-font-family: CrimsonText-Regular, sans-serif;
  --h5-regular-font-size: 20px;
  --h5-regular-line-height: 28px;
  --h5-regular-font-weight: 400;
  --h5-regular-font-style: normal;
  --h5-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --h5-medium-font-size: 20px;
  --h5-medium-line-height: 28px;
  --h5-medium-font-weight: 600;
  --h5-medium-font-style: normal;
  --h5-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --h5-semibold-font-size: 20px;
  --h5-semibold-line-height: 28px;
  --h5-semibold-font-weight: 600;
  --h5-semibold-font-style: normal;
  --h5-bold-font-family: CrimsonText-Bold, sans-serif;
  --h5-bold-font-size: 20px;
  --h5-bold-line-height: 28px;
  --h5-bold-font-weight: 700;
  --h5-bold-font-style: normal;
  --body-xl-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-xl-regular-font-size: 18px;
  --body-xl-regular-line-height: 26px;
  --body-xl-regular-font-weight: 400;
  --body-xl-regular-font-style: normal;
  --body-xl-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-medium-font-size: 18px;
  --body-xl-medium-line-height: 26px;
  --body-xl-medium-font-weight: 600;
  --body-xl-medium-font-style: normal;
  --body-xl-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-semibold-font-size: 18px;
  --body-xl-semibold-line-height: 26px;
  --body-xl-semibold-font-weight: 600;
  --body-xl-semibold-font-style: normal;
  --body-xl-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-xl-bold-font-size: 18px;
  --body-xl-bold-line-height: 26px;
  --body-xl-bold-font-weight: 700;
  --body-xl-bold-font-style: normal;
  --body-xl-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-xl-all-caps-regular-font-size: 18px;
  --body-xl-all-caps-regular-line-height: 26px;
  --body-xl-all-caps-regular-font-weight: 400;
  --body-xl-all-caps-regular-font-style: normal;
  --body-xl-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-all-caps-medium-font-size: 18px;
  --body-xl-all-caps-medium-line-height: 26px;
  --body-xl-all-caps-medium-font-weight: 600;
  --body-xl-all-caps-medium-font-style: normal;
  --body-xl-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-all-caps-semibold-font-size: 18px;
  --body-xl-all-caps-semibold-line-height: 26px;
  --body-xl-all-caps-semibold-font-weight: 600;
  --body-xl-all-caps-semibold-font-style: normal;
  --body-xl-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-xl-all-caps-bold-font-size: 18px;
  --body-xl-all-caps-bold-line-height: 26px;
  --body-xl-all-caps-bold-font-weight: 700;
  --body-xl-all-caps-bold-font-style: normal;
  --body-xl-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-xl-underline-regular-font-size: 18px;
  --body-xl-underline-regular-line-height: 26px;
  --body-xl-underline-regular-font-weight: 400;
  --body-xl-underline-regular-font-style: normal;
  --body-xl-underline-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-underline-medium-font-size: 18px;
  --body-xl-underline-medium-line-height: 26px;
  --body-xl-underline-medium-font-weight: 600;
  --body-xl-underline-medium-font-style: normal;
  --body-xl-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-underline-semibold-font-size: 18px;
  --body-xl-underline-semibold-line-height: 26px;
  --body-xl-underline-semibold-font-weight: 600;
  --body-xl-underline-semibold-font-style: normal;
  --body-xl-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-xl-underline-bold-font-size: 18px;
  --body-xl-underline-bold-line-height: 26px;
  --body-xl-underline-bold-font-weight: 700;
  --body-xl-underline-bold-font-style: normal;
  --body-xl-strikethrough-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-xl-strikethrough-regular-font-size: 18px;
  --body-xl-strikethrough-regular-line-height: 26px;
  --body-xl-strikethrough-regular-font-weight: 400;
  --body-xl-strikethrough-regular-font-style: normal;
  --body-xl-strikethrough-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-strikethrough-medium-font-size: 18px;
  --body-xl-strikethrough-medium-line-height: 26px;
  --body-xl-strikethrough-medium-font-weight: 600;
  --body-xl-strikethrough-medium-font-style: normal;
  --body-xl-strikethrough-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-strikethrough-semibold-font-size: 18px;
  --body-xl-strikethrough-semibold-line-height: 26px;
  --body-xl-strikethrough-semibold-font-weight: 600;
  --body-xl-strikethrough-semibold-font-style: normal;
  --body-xl-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-xl-strikethrough-bold-font-size: 18px;
  --body-xl-strikethrough-bold-line-height: 26px;
  --body-xl-strikethrough-bold-font-weight: 700;
  --body-xl-strikethrough-bold-font-style: normal;
  --body-xl-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-xl-italic-regular-font-size: 18px;
  --body-xl-italic-regular-line-height: 26px;
  --body-xl-italic-regular-font-weight: 400;
  --body-xl-italic-regular-font-style: normal;
  --body-xl-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-italic-medium-font-size: 18px;
  --body-xl-italic-medium-line-height: 26px;
  --body-xl-italic-medium-font-weight: 600;
  --body-xl-italic-medium-font-style: normal;
  --body-xl-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-xl-italic-semibold-font-size: 18px;
  --body-xl-italic-semibold-line-height: 26px;
  --body-xl-italic-semibold-font-weight: 600;
  --body-xl-italic-semibold-font-style: normal;
  --body-xl-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-xl-italic-bold-font-size: 18px;
  --body-xl-italic-bold-line-height: 26px;
  --body-xl-italic-bold-font-weight: 700;
  --body-xl-italic-bold-font-style: normal;
  --body-lg-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-lg-regular-font-size: 16px;
  --body-lg-regular-line-height: 24px;
  --body-lg-regular-font-weight: 400;
  --body-lg-regular-font-style: normal;
  --body-lg-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-medium-font-size: 16px;
  --body-lg-medium-line-height: 24px;
  --body-lg-medium-font-weight: 600;
  --body-lg-medium-font-style: normal;
  --body-lg-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-semibold-font-size: 16px;
  --body-lg-semibold-line-height: 24px;
  --body-lg-semibold-font-weight: 600;
  --body-lg-semibold-font-style: normal;
  --body-lg-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-lg-bold-font-size: 16px;
  --body-lg-bold-line-height: 24px;
  --body-lg-bold-font-weight: 700;
  --body-lg-bold-font-style: normal;
  --body-lg-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-lg-all-caps-regular-font-size: 16px;
  --body-lg-all-caps-regular-line-height: 24px;
  --body-lg-all-caps-regular-font-weight: 400;
  --body-lg-all-caps-regular-font-style: normal;
  --body-lg-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-all-caps-medium-font-size: 16px;
  --body-lg-all-caps-medium-line-height: 24px;
  --body-lg-all-caps-medium-font-weight: 600;
  --body-lg-all-caps-medium-font-style: normal;
  --body-lg-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-all-caps-semibold-font-size: 16px;
  --body-lg-all-caps-semibold-line-height: 24px;
  --body-lg-all-caps-semibold-font-weight: 600;
  --body-lg-all-caps-semibold-font-style: normal;
  --body-lg-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-lg-all-caps-bold-font-size: 16px;
  --body-lg-all-caps-bold-line-height: 24px;
  --body-lg-all-caps-bold-font-weight: 700;
  --body-lg-all-caps-bold-font-style: normal;
  --body-lg-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-lg-underline-regular-font-size: 16px;
  --body-lg-underline-regular-line-height: 24px;
  --body-lg-underline-regular-font-weight: 400;
  --body-lg-underline-regular-font-style: normal;
  --body-lg-underline-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-underline-medium-font-size: 16px;
  --body-lg-underline-medium-line-height: 24px;
  --body-lg-underline-medium-font-weight: 600;
  --body-lg-underline-medium-font-style: normal;
  --body-lg-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-underline-semibold-font-size: 16px;
  --body-lg-underline-semibold-line-height: 24px;
  --body-lg-underline-semibold-font-weight: 600;
  --body-lg-underline-semibold-font-style: normal;
  --body-lg-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-lg-underline-bold-font-size: 16px;
  --body-lg-underline-bold-line-height: 24px;
  --body-lg-underline-bold-font-weight: 700;
  --body-lg-underline-bold-font-style: normal;
  --body-lg-strikethrough-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-lg-strikethrough-regular-font-size: 16px;
  --body-lg-strikethrough-regular-line-height: 24px;
  --body-lg-strikethrough-regular-font-weight: 400;
  --body-lg-strikethrough-regular-font-style: normal;
  --body-lg-strikethrough-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-strikethrough-medium-font-size: 16px;
  --body-lg-strikethrough-medium-line-height: 24px;
  --body-lg-strikethrough-medium-font-weight: 600;
  --body-lg-strikethrough-medium-font-style: normal;
  --body-lg-strikethrough-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-strikethrough-semibold-font-size: 16px;
  --body-lg-strikethrough-semibold-line-height: 24px;
  --body-lg-strikethrough-semibold-font-weight: 600;
  --body-lg-strikethrough-semibold-font-style: normal;
  --body-lg-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-lg-strikethrough-bold-font-size: 16px;
  --body-lg-strikethrough-bold-line-height: 24px;
  --body-lg-strikethrough-bold-font-weight: 700;
  --body-lg-strikethrough-bold-font-style: normal;
  --body-lg-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-lg-italic-regular-font-size: 16px;
  --body-lg-italic-regular-line-height: 24px;
  --body-lg-italic-regular-font-weight: 400;
  --body-lg-italic-regular-font-style: normal;
  --body-lg-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-italic-medium-font-size: 16px;
  --body-lg-italic-medium-line-height: 24px;
  --body-lg-italic-medium-font-weight: 600;
  --body-lg-italic-medium-font-style: normal;
  --body-lg-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-lg-italic-semibold-font-size: 16px;
  --body-lg-italic-semibold-line-height: 24px;
  --body-lg-italic-semibold-font-weight: 600;
  --body-lg-italic-semibold-font-style: normal;
  --body-lg-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-lg-italic-bold-font-size: 16px;
  --body-lg-italic-bold-line-height: 24px;
  --body-lg-italic-bold-font-weight: 700;
  --body-lg-italic-bold-font-style: normal;
  --body-md-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-md-regular-font-size: 14px;
  --body-md-regular-line-height: 20px;
  --body-md-regular-font-weight: 400;
  --body-md-regular-font-style: normal;
  --body-md-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-medium-font-size: 14px;
  --body-md-medium-line-height: 20px;
  --body-md-medium-font-weight: 600;
  --body-md-medium-font-style: normal;
  --body-md-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-semibold-font-size: 14px;
  --body-md-semibold-line-height: 20px;
  --body-md-semibold-font-weight: 600;
  --body-md-semibold-font-style: normal;
  --body-md-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-md-bold-font-size: 14px;
  --body-md-bold-line-height: 20px;
  --body-md-bold-font-weight: 700;
  --body-md-bold-font-style: normal;
  --body-md-extend-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-md-extend-regular-font-size: 14px;
  --body-md-extend-regular-line-height: 24px;
  --body-md-extend-regular-font-weight: 400;
  --body-md-extend-regular-font-style: normal;
  --body-md-extend-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-extend-medium-font-size: 14px;
  --body-md-extend-medium-line-height: 24px;
  --body-md-extend-medium-font-weight: 600;
  --body-md-extend-medium-font-style: normal;
  --body-md-extend-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-extend-semibold-font-size: 14px;
  --body-md-extend-semibold-line-height: 24px;
  --body-md-extend-semibold-font-weight: 600;
  --body-md-extend-semibold-font-style: normal;
  --body-md-extend-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-md-extend-bold-font-size: 14px;
  --body-md-extend-bold-line-height: 24px;
  --body-md-extend-bold-font-weight: 700;
  --body-md-extend-bold-font-style: normal;
  --body-md-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-md-underline-regular-font-size: 14px;
  --body-md-underline-regular-line-height: 20px;
  --body-md-underline-regular-font-weight: 400;
  --body-md-underline-regular-font-style: normal;
  --body-md-underline-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-underline-medium-font-size: 14px;
  --body-md-underline-medium-line-height: 20px;
  --body-md-underline-medium-font-weight: 600;
  --body-md-underline-medium-font-style: normal;
  --body-md-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-underline-semibold-font-size: 14px;
  --body-md-underline-semibold-line-height: 20px;
  --body-md-underline-semibold-font-weight: 600;
  --body-md-underline-semibold-font-style: normal;
  --body-md-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-md-underline-bold-font-size: 14px;
  --body-md-underline-bold-line-height: 20px;
  --body-md-underline-bold-font-weight: 700;
  --body-md-underline-bold-font-style: normal;
  --body-md-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-md-all-caps-regular-font-size: 14px;
  --body-md-all-caps-regular-line-height: 20px;
  --body-md-all-caps-regular-font-weight: 400;
  --body-md-all-caps-regular-font-style: normal;
  --body-md-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-all-caps-medium-font-size: 14px;
  --body-md-all-caps-medium-line-height: 20px;
  --body-md-all-caps-medium-font-weight: 600;
  --body-md-all-caps-medium-font-style: normal;
  --body-md-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-all-caps-semibold-font-size: 14px;
  --body-md-all-caps-semibold-line-height: 20px;
  --body-md-all-caps-semibold-font-weight: 600;
  --body-md-all-caps-semibold-font-style: normal;
  --body-md-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-md-all-caps-bold-font-size: 14px;
  --body-md-all-caps-bold-line-height: 20px;
  --body-md-all-caps-bold-font-weight: 700;
  --body-md-all-caps-bold-font-style: normal;
  --body-md-strikethrough-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-md-strikethrough-regular-font-size: 14px;
  --body-md-strikethrough-regular-line-height: 20px;
  --body-md-strikethrough-regular-font-weight: 400;
  --body-md-strikethrough-regular-font-style: normal;
  --body-md-strikethrough-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-strikethrough-medium-font-size: 14px;
  --body-md-strikethrough-medium-line-height: 20px;
  --body-md-strikethrough-medium-font-weight: 600;
  --body-md-strikethrough-medium-font-style: normal;
  --body-md-strikethrough-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-strikethrough-semibold-font-size: 14px;
  --body-md-strikethrough-semibold-line-height: 20px;
  --body-md-strikethrough-semibold-font-weight: 600;
  --body-md-strikethrough-semibold-font-style: normal;
  --body-md-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-md-strikethrough-bold-font-size: 14px;
  --body-md-strikethrough-bold-line-height: 20px;
  --body-md-strikethrough-bold-font-weight: 700;
  --body-md-strikethrough-bold-font-style: normal;
  --body-md-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-md-italic-regular-font-size: 14px;
  --body-md-italic-regular-line-height: 20px;
  --body-md-italic-regular-font-weight: 400;
  --body-md-italic-regular-font-style: normal;
  --body-md-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-italic-medium-font-size: 14px;
  --body-md-italic-medium-line-height: 20px;
  --body-md-italic-medium-font-weight: 600;
  --body-md-italic-medium-font-style: normal;
  --body-md-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-md-italic-semibold-font-size: 14px;
  --body-md-italic-semibold-line-height: 20px;
  --body-md-italic-semibold-font-weight: 600;
  --body-md-italic-semibold-font-style: normal;
  --body-md-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-md-italic-bold-font-size: 14px;
  --body-md-italic-bold-line-height: 20px;
  --body-md-italic-bold-font-weight: 700;
  --body-md-italic-bold-font-style: normal;
  --body-sm-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-sm-regular-font-size: 12px;
  --body-sm-regular-line-height: 16px;
  --body-sm-regular-font-weight: 400;
  --body-sm-regular-font-style: normal;
  --body-sm-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-medium-font-size: 12px;
  --body-sm-medium-line-height: 16px;
  --body-sm-medium-font-weight: 600;
  --body-sm-medium-font-style: normal;
  --body-sm-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-semibold-font-size: 12px;
  --body-sm-semibold-line-height: 16px;
  --body-sm-semibold-font-weight: 600;
  --body-sm-semibold-font-style: normal;
  --body-sm-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-sm-bold-font-size: 12px;
  --body-sm-bold-line-height: 16px;
  --body-sm-bold-font-weight: 700;
  --body-sm-bold-font-style: normal;
  --body-sm-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-sm-underline-regular-font-size: 12px;
  --body-sm-underline-regular-line-height: 16px;
  --body-sm-underline-regular-font-weight: 400;
  --body-sm-underline-regular-font-style: normal;
  --body-sm-underline-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-underline-medium-font-size: 12px;
  --body-sm-underline-medium-line-height: 16px;
  --body-sm-underline-medium-font-weight: 600;
  --body-sm-underline-medium-font-style: normal;
  --body-sm-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-underline-semibold-font-size: 12px;
  --body-sm-underline-semibold-line-height: 16px;
  --body-sm-underline-semibold-font-weight: 600;
  --body-sm-underline-semibold-font-style: normal;
  --body-sm-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-sm-underline-bold-font-size: 12px;
  --body-sm-underline-bold-line-height: 16px;
  --body-sm-underline-bold-font-weight: 700;
  --body-sm-underline-bold-font-style: normal;
  --body-sm-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-sm-all-caps-regular-font-size: 12px;
  --body-sm-all-caps-regular-line-height: 16px;
  --body-sm-all-caps-regular-font-weight: 400;
  --body-sm-all-caps-regular-font-style: normal;
  --body-sm-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-all-caps-medium-font-size: 12px;
  --body-sm-all-caps-medium-line-height: 16px;
  --body-sm-all-caps-medium-font-weight: 600;
  --body-sm-all-caps-medium-font-style: normal;
  --body-sm-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-all-caps-semibold-font-size: 12px;
  --body-sm-all-caps-semibold-line-height: 16px;
  --body-sm-all-caps-semibold-font-weight: 600;
  --body-sm-all-caps-semibold-font-style: normal;
  --body-sm-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-sm-all-caps-bold-font-size: 12px;
  --body-sm-all-caps-bold-line-height: 16px;
  --body-sm-all-caps-bold-font-weight: 700;
  --body-sm-all-caps-bold-font-style: normal;
  --body-sm-strikethrough-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-sm-strikethrough-regular-font-size: 12px;
  --body-sm-strikethrough-regular-line-height: 16px;
  --body-sm-strikethrough-regular-font-weight: 400;
  --body-sm-strikethrough-regular-font-style: normal;
  --body-sm-strikethrough-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-strikethrough-medium-font-size: 12px;
  --body-sm-strikethrough-medium-line-height: 16px;
  --body-sm-strikethrough-medium-font-weight: 600;
  --body-sm-strikethrough-medium-font-style: normal;
  --body-sm-strikethrough-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-strikethrough-semibold-font-size: 12px;
  --body-sm-strikethrough-semibold-line-height: 16px;
  --body-sm-strikethrough-semibold-font-weight: 600;
  --body-sm-strikethrough-semibold-font-style: normal;
  --body-sm-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-sm-strikethrough-bold-font-size: 12px;
  --body-sm-strikethrough-bold-line-height: 16px;
  --body-sm-strikethrough-bold-font-weight: 700;
  --body-sm-strikethrough-bold-font-style: normal;
  --body-sm-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --body-sm-italic-regular-font-size: 12px;
  --body-sm-italic-regular-line-height: 16px;
  --body-sm-italic-regular-font-weight: 400;
  --body-sm-italic-regular-font-style: normal;
  --body-sm-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-italic-medium-font-size: 12px;
  --body-sm-italic-medium-line-height: 16px;
  --body-sm-italic-medium-font-weight: 600;
  --body-sm-italic-medium-font-style: normal;
  --body-sm-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --body-sm-italic-semibold-font-size: 12px;
  --body-sm-italic-semibold-line-height: 16px;
  --body-sm-italic-semibold-font-weight: 600;
  --body-sm-italic-semibold-font-style: normal;
  --body-sm-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --body-sm-italic-bold-font-size: 12px;
  --body-sm-italic-bold-line-height: 16px;
  --body-sm-italic-bold-font-weight: 700;
  --body-sm-italic-bold-font-style: normal;
  --app-h1-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-h1-regular-font-size: 32px;
  --app-h1-regular-line-height: 40px;
  --app-h1-regular-font-weight: 400;
  --app-h1-regular-font-style: normal;
  --app-h1-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-h1-medium-font-size: 32px;
  --app-h1-medium-line-height: 40px;
  --app-h1-medium-font-weight: 600;
  --app-h1-medium-font-style: normal;
  --app-h1-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-h1-semibold-font-size: 32px;
  --app-h1-semibold-line-height: 40px;
  --app-h1-semibold-font-weight: 600;
  --app-h1-semibold-font-style: normal;
  --app-h1-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-h1-bold-font-size: 32px;
  --app-h1-bold-line-height: 40px;
  --app-h1-bold-font-weight: 700;
  --app-h1-bold-font-style: normal;
  --app-h2-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-h2-regular-font-size: 28px;
  --app-h2-regular-line-height: 36px;
  --app-h2-regular-font-weight: 400;
  --app-h2-regular-font-style: normal;
  --app-h2-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-h2-medium-font-size: 28px;
  --app-h2-medium-line-height: 36px;
  --app-h2-medium-font-weight: 600;
  --app-h2-medium-font-style: normal;
  --app-h2-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-h2-semibold-font-size: 28px;
  --app-h2-semibold-line-height: 36px;
  --app-h2-semibold-font-weight: 600;
  --app-h2-semibold-font-style: normal;
  --app-h2-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-h2-bold-font-size: 28px;
  --app-h2-bold-line-height: 36px;
  --app-h2-bold-font-weight: 700;
  --app-h2-bold-font-style: normal;
  --app-h3-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-h3-regular-font-size: 24px;
  --app-h3-regular-line-height: 32px;
  --app-h3-regular-font-weight: 400;
  --app-h3-regular-font-style: normal;
  --app-h3-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-h3-medium-font-size: 24px;
  --app-h3-medium-line-height: 32px;
  --app-h3-medium-font-weight: 600;
  --app-h3-medium-font-style: normal;
  --app-h3-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-h3-semibold-font-size: 24px;
  --app-h3-semibold-line-height: 32px;
  --app-h3-semibold-font-weight: 600;
  --app-h3-semibold-font-style: normal;
  --app-h3-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-h3-bold-font-size: 24px;
  --app-h3-bold-line-height: 32px;
  --app-h3-bold-font-weight: 700;
  --app-h3-bold-font-style: normal;
  --app-h4-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-h4-regular-font-size: 20px;
  --app-h4-regular-line-height: 28px;
  --app-h4-regular-font-weight: 400;
  --app-h4-regular-font-style: normal;
  --app-h4-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-h4-medium-font-size: 20px;
  --app-h4-medium-line-height: 28px;
  --app-h4-medium-font-weight: 600;
  --app-h4-medium-font-style: normal;
  --app-h4-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-h4-semibold-font-size: 20px;
  --app-h4-semibold-line-height: 28px;
  --app-h4-semibold-font-weight: 600;
  --app-h4-semibold-font-style: normal;
  --app-h4-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-h4-bold-font-size: 20px;
  --app-h4-bold-line-height: 28px;
  --app-h4-bold-font-weight: 700;
  --app-h4-bold-font-style: normal;
  --app-body-xl-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-xl-regular-font-size: 18px;
  --app-body-xl-regular-line-height: 26px;
  --app-body-xl-regular-font-weight: 400;
  --app-body-xl-regular-font-style: normal;
  --app-body-xl-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xl-medium-font-size: 18px;
  --app-body-xl-medium-line-height: 26px;
  --app-body-xl-medium-font-weight: 600;
  --app-body-xl-medium-font-style: normal;
  --app-body-xl-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xl-semibold-font-size: 18px;
  --app-body-xl-semibold-line-height: 26px;
  --app-body-xl-semibold-font-weight: 600;
  --app-body-xl-semibold-font-style: normal;
  --app-body-xl-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xl-bold-font-size: 18px;
  --app-body-xl-bold-line-height: 26px;
  --app-body-xl-bold-font-weight: 700;
  --app-body-xl-bold-font-style: normal;
  --app-body-xl-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-xl-italic-regular-font-size: 18px;
  --app-body-xl-italic-regular-line-height: 26px;
  --app-body-xl-italic-regular-font-weight: 400;
  --app-body-xl-italic-regular-font-style: normal;
  --app-body-xl-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xl-italic-medium-font-size: 18px;
  --app-body-xl-italic-medium-line-height: 26px;
  --app-body-xl-italic-medium-font-weight: 600;
  --app-body-xl-italic-medium-font-style: normal;
  --app-body-xl-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xl-italic-semibold-font-size: 18px;
  --app-body-xl-italic-semibold-line-height: 26px;
  --app-body-xl-italic-semibold-font-weight: 600;
  --app-body-xl-italic-semibold-font-style: normal;
  --app-body-xl-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xl-italic-bold-font-size: 18px;
  --app-body-xl-italic-bold-line-height: 26px;
  --app-body-xl-italic-bold-font-weight: 700;
  --app-body-xl-italic-bold-font-style: normal;
  --app-body-xl-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-xl-all-caps-regular-font-size: 18px;
  --app-body-xl-all-caps-regular-line-height: 26px;
  --app-body-xl-all-caps-regular-font-weight: 400;
  --app-body-xl-all-caps-regular-font-style: normal;
  --app-body-xl-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xl-all-caps-medium-font-size: 18px;
  --app-body-xl-all-caps-medium-line-height: 26px;
  --app-body-xl-all-caps-medium-font-weight: 600;
  --app-body-xl-all-caps-medium-font-style: normal;
  --app-body-xl-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xl-all-caps-semibold-font-size: 18px;
  --app-body-xl-all-caps-semibold-line-height: 26px;
  --app-body-xl-all-caps-semibold-font-weight: 600;
  --app-body-xl-all-caps-semibold-font-style: normal;
  --app-body-xl-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xl-all-caps-bold-font-size: 18px;
  --app-body-xl-all-caps-bold-line-height: 26px;
  --app-body-xl-all-caps-bold-font-weight: 700;
  --app-body-xl-all-caps-bold-font-style: normal;
  --app-body-xl-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-xl-underline-regular-font-size: 18px;
  --app-body-xl-underline-regular-line-height: 26px;
  --app-body-xl-underline-regular-font-weight: 400;
  --app-body-xl-underline-regular-font-style: normal;
  --app-body-xl-underline-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xl-underline-medium-font-size: 18px;
  --app-body-xl-underline-medium-line-height: 26px;
  --app-body-xl-underline-medium-font-weight: 600;
  --app-body-xl-underline-medium-font-style: normal;
  --app-body-xl-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xl-underline-semibold-font-size: 18px;
  --app-body-xl-underline-semibold-line-height: 26px;
  --app-body-xl-underline-semibold-font-weight: 600;
  --app-body-xl-underline-semibold-font-style: normal;
  --app-body-xl-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xl-underline-bold-font-size: 18px;
  --app-body-xl-underline-bold-line-height: 26px;
  --app-body-xl-underline-bold-font-weight: 700;
  --app-body-xl-underline-bold-font-style: normal;
  --app-body-xl-strikethrough-regular-font-family: CrimsonText-Regular,
    sans-serif;
  --app-body-xl-strikethrough-regular-font-size: 18px;
  --app-body-xl-strikethrough-regular-line-height: 26px;
  --app-body-xl-strikethrough-regular-font-weight: 400;
  --app-body-xl-strikethrough-regular-font-style: normal;
  --app-body-xl-strikethrough-medium-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-xl-strikethrough-medium-font-size: 18px;
  --app-body-xl-strikethrough-medium-line-height: 26px;
  --app-body-xl-strikethrough-medium-font-weight: 600;
  --app-body-xl-strikethrough-medium-font-style: normal;
  --app-body-xl-strikethrough-semibold-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-xl-strikethrough-semibold-font-size: 18px;
  --app-body-xl-strikethrough-semibold-line-height: 26px;
  --app-body-xl-strikethrough-semibold-font-weight: 600;
  --app-body-xl-strikethrough-semibold-font-style: normal;
  --app-body-xl-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xl-strikethrough-bold-font-size: 18px;
  --app-body-xl-strikethrough-bold-line-height: 26px;
  --app-body-xl-strikethrough-bold-font-weight: 700;
  --app-body-xl-strikethrough-bold-font-style: normal;
  --app-body-lg-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-lg-regular-font-size: 16px;
  --app-body-lg-regular-line-height: 24px;
  --app-body-lg-regular-font-weight: 400;
  --app-body-lg-regular-font-style: normal;
  --app-body-lg-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-lg-medium-font-size: 16px;
  --app-body-lg-medium-line-height: 24px;
  --app-body-lg-medium-font-weight: 600;
  --app-body-lg-medium-font-style: normal;
  --app-body-lg-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-lg-semibold-font-size: 16px;
  --app-body-lg-semibold-line-height: 24px;
  --app-body-lg-semibold-font-weight: 600;
  --app-body-lg-semibold-font-style: normal;
  --app-body-lg-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-lg-bold-font-size: 16px;
  --app-body-lg-bold-line-height: 24px;
  --app-body-lg-bold-font-weight: 700;
  --app-body-lg-bold-font-style: normal;
  --app-body-lg-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-lg-all-caps-regular-font-size: 16px;
  --app-body-lg-all-caps-regular-line-height: 24px;
  --app-body-lg-all-caps-regular-font-weight: 400;
  --app-body-lg-all-caps-regular-font-style: normal;
  --app-body-lg-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-lg-all-caps-medium-font-size: 16px;
  --app-body-lg-all-caps-medium-line-height: 24px;
  --app-body-lg-all-caps-medium-font-weight: 600;
  --app-body-lg-all-caps-medium-font-style: normal;
  --app-body-lg-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-lg-all-caps-semibold-font-size: 16px;
  --app-body-lg-all-caps-semibold-line-height: 24px;
  --app-body-lg-all-caps-semibold-font-weight: 600;
  --app-body-lg-all-caps-semibold-font-style: normal;
  --app-body-lg-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-lg-all-caps-bold-font-size: 16px;
  --app-body-lg-all-caps-bold-line-height: 24px;
  --app-body-lg-all-caps-bold-font-weight: 700;
  --app-body-lg-all-caps-bold-font-style: normal;
  --app-body-lg-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-lg-underline-regular-font-size: 16px;
  --app-body-lg-underline-regular-line-height: 24px;
  --app-body-lg-underline-regular-font-weight: 400;
  --app-body-lg-underline-regular-font-style: normal;
  --app-body-lg-underline-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-lg-underline-medium-font-size: 16px;
  --app-body-lg-underline-medium-line-height: 24px;
  --app-body-lg-underline-medium-font-weight: 600;
  --app-body-lg-underline-medium-font-style: normal;
  --app-body-lg-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-lg-underline-semibold-font-size: 16px;
  --app-body-lg-underline-semibold-line-height: 24px;
  --app-body-lg-underline-semibold-font-weight: 600;
  --app-body-lg-underline-semibold-font-style: normal;
  --app-body-lg-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-lg-underline-bold-font-size: 16px;
  --app-body-lg-underline-bold-line-height: 24px;
  --app-body-lg-underline-bold-font-weight: 700;
  --app-body-lg-underline-bold-font-style: normal;
  --app-body-lg-strikethrough-regular-font-family: CrimsonText-Regular,
    sans-serif;
  --app-body-lg-strikethrough-regular-font-size: 16px;
  --app-body-lg-strikethrough-regular-line-height: 24px;
  --app-body-lg-strikethrough-regular-font-weight: 400;
  --app-body-lg-strikethrough-regular-font-style: normal;
  --app-body-lg-strikethrough-medium-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-lg-strikethrough-medium-font-size: 16px;
  --app-body-lg-strikethrough-medium-line-height: 24px;
  --app-body-lg-strikethrough-medium-font-weight: 600;
  --app-body-lg-strikethrough-medium-font-style: normal;
  --app-body-lg-strikethrough-semibold-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-lg-strikethrough-semibold-font-size: 16px;
  --app-body-lg-strikethrough-semibold-line-height: 24px;
  --app-body-lg-strikethrough-semibold-font-weight: 600;
  --app-body-lg-strikethrough-semibold-font-style: normal;
  --app-body-lg-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-lg-strikethrough-bold-font-size: 16px;
  --app-body-lg-strikethrough-bold-line-height: 24px;
  --app-body-lg-strikethrough-bold-font-weight: 700;
  --app-body-lg-strikethrough-bold-font-style: normal;
  --app-body-lg-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-lg-italic-regular-font-size: 16px;
  --app-body-lg-italic-regular-line-height: 24px;
  --app-body-lg-italic-regular-font-weight: 400;
  --app-body-lg-italic-regular-font-style: normal;
  --app-body-lg-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-lg-italic-medium-font-size: 16px;
  --app-body-lg-italic-medium-line-height: 24px;
  --app-body-lg-italic-medium-font-weight: 600;
  --app-body-lg-italic-medium-font-style: normal;
  --app-body-lg-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-lg-italic-semibold-font-size: 16px;
  --app-body-lg-italic-semibold-line-height: 24px;
  --app-body-lg-italic-semibold-font-weight: 600;
  --app-body-lg-italic-semibold-font-style: normal;
  --app-body-lg-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-lg-italic-bold-font-size: 16px;
  --app-body-lg-italic-bold-line-height: 24px;
  --app-body-lg-italic-bold-font-weight: 700;
  --app-body-lg-italic-bold-font-style: normal;
  --app-body-md-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-md-regular-font-size: 14px;
  --app-body-md-regular-line-height: 20px;
  --app-body-md-regular-font-weight: 400;
  --app-body-md-regular-font-style: normal;
  --app-body-md-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-md-medium-font-size: 14px;
  --app-body-md-medium-line-height: 20px;
  --app-body-md-medium-font-weight: 600;
  --app-body-md-medium-font-style: normal;
  --app-body-md-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-md-semibold-font-size: 14px;
  --app-body-md-semibold-line-height: 20px;
  --app-body-md-semibold-font-weight: 600;
  --app-body-md-semibold-font-style: normal;
  --app-body-md-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-md-bold-font-size: 14px;
  --app-body-md-bold-line-height: 20px;
  --app-body-md-bold-font-weight: 700;
  --app-body-md-bold-font-style: normal;
  --app-body-md-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-md-all-caps-regular-font-size: 14px;
  --app-body-md-all-caps-regular-line-height: 20px;
  --app-body-md-all-caps-regular-font-weight: 400;
  --app-body-md-all-caps-regular-font-style: normal;
  --app-body-md-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-md-all-caps-medium-font-size: 14px;
  --app-body-md-all-caps-medium-line-height: 20px;
  --app-body-md-all-caps-medium-font-weight: 600;
  --app-body-md-all-caps-medium-font-style: normal;
  --app-body-md-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-md-all-caps-semibold-font-size: 14px;
  --app-body-md-all-caps-semibold-line-height: 20px;
  --app-body-md-all-caps-semibold-font-weight: 600;
  --app-body-md-all-caps-semibold-font-style: normal;
  --app-body-md-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-md-all-caps-bold-font-size: 14px;
  --app-body-md-all-caps-bold-line-height: 20px;
  --app-body-md-all-caps-bold-font-weight: 700;
  --app-body-md-all-caps-bold-font-style: normal;
  --app-body-md-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-md-underline-regular-font-size: 14px;
  --app-body-md-underline-regular-line-height: 20px;
  --app-body-md-underline-regular-font-weight: 400;
  --app-body-md-underline-regular-font-style: normal;
  --app-body-md-underline-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-md-underline-medium-font-size: 14px;
  --app-body-md-underline-medium-line-height: 20px;
  --app-body-md-underline-medium-font-weight: 600;
  --app-body-md-underline-medium-font-style: normal;
  --app-body-md-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-md-underline-semibold-font-size: 14px;
  --app-body-md-underline-semibold-line-height: 20px;
  --app-body-md-underline-semibold-font-weight: 600;
  --app-body-md-underline-semibold-font-style: normal;
  --app-body-md-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-md-underline-bold-font-size: 14px;
  --app-body-md-underline-bold-line-height: 20px;
  --app-body-md-underline-bold-font-weight: 700;
  --app-body-md-underline-bold-font-style: normal;
  --app-body-md-strikethrough-regular-font-family: CrimsonText-Regular,
    sans-serif;
  --app-body-md-strikethrough-regular-font-size: 14px;
  --app-body-md-strikethrough-regular-line-height: 20px;
  --app-body-md-strikethrough-regular-font-weight: 400;
  --app-body-md-strikethrough-regular-font-style: normal;
  --app-body-md-strikethrough-medium-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-md-strikethrough-medium-font-size: 14px;
  --app-body-md-strikethrough-medium-line-height: 20px;
  --app-body-md-strikethrough-medium-font-weight: 600;
  --app-body-md-strikethrough-medium-font-style: normal;
  --app-body-md-strikethrough-semibold-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-md-strikethrough-semibold-font-size: 14px;
  --app-body-md-strikethrough-semibold-line-height: 20px;
  --app-body-md-strikethrough-semibold-font-weight: 600;
  --app-body-md-strikethrough-semibold-font-style: normal;
  --app-body-md-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-md-strikethrough-bold-font-size: 14px;
  --app-body-md-strikethrough-bold-line-height: 20px;
  --app-body-md-strikethrough-bold-font-weight: 700;
  --app-body-md-strikethrough-bold-font-style: normal;
  --app-body-md-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-md-italic-regular-font-size: 14px;
  --app-body-md-italic-regular-line-height: 20px;
  --app-body-md-italic-regular-font-weight: 400;
  --app-body-md-italic-regular-font-style: normal;
  --app-body-md-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-md-italic-medium-font-size: 14px;
  --app-body-md-italic-medium-line-height: 20px;
  --app-body-md-italic-medium-font-weight: 600;
  --app-body-md-italic-medium-font-style: normal;
  --app-body-md-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-md-italic-semibold-font-size: 14px;
  --app-body-md-italic-semibold-line-height: 20px;
  --app-body-md-italic-semibold-font-weight: 600;
  --app-body-md-italic-semibold-font-style: normal;
  --app-body-md-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-md-italic-bold-font-size: 14px;
  --app-body-md-italic-bold-line-height: 20px;
  --app-body-md-italic-bold-font-weight: 700;
  --app-body-md-italic-bold-font-style: normal;
  --app-body-sm-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-sm-regular-font-size: 12px;
  --app-body-sm-regular-line-height: 16px;
  --app-body-sm-regular-font-weight: 400;
  --app-body-sm-regular-font-style: normal;
  --app-body-sm-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-sm-medium-font-size: 12px;
  --app-body-sm-medium-line-height: 16px;
  --app-body-sm-medium-font-weight: 600;
  --app-body-sm-medium-font-style: normal;
  --app-body-sm-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-sm-semibold-font-size: 12px;
  --app-body-sm-semibold-line-height: 16px;
  --app-body-sm-semibold-font-weight: 600;
  --app-body-sm-semibold-font-style: normal;
  --app-body-sm-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-sm-bold-font-size: 12px;
  --app-body-sm-bold-line-height: 16px;
  --app-body-sm-bold-font-weight: 700;
  --app-body-sm-bold-font-style: normal;
  --app-body-sm-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-sm-all-caps-regular-font-size: 12px;
  --app-body-sm-all-caps-regular-line-height: 16px;
  --app-body-sm-all-caps-regular-font-weight: 400;
  --app-body-sm-all-caps-regular-font-style: normal;
  --app-body-sm-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-sm-all-caps-medium-font-size: 12px;
  --app-body-sm-all-caps-medium-line-height: 16px;
  --app-body-sm-all-caps-medium-font-weight: 600;
  --app-body-sm-all-caps-medium-font-style: normal;
  --app-body-sm-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-sm-all-caps-semibold-font-size: 12px;
  --app-body-sm-all-caps-semibold-line-height: 16px;
  --app-body-sm-all-caps-semibold-font-weight: 600;
  --app-body-sm-all-caps-semibold-font-style: normal;
  --app-body-sm-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-sm-all-caps-bold-font-size: 12px;
  --app-body-sm-all-caps-bold-line-height: 16px;
  --app-body-sm-all-caps-bold-font-weight: 700;
  --app-body-sm-all-caps-bold-font-style: normal;
  --app-body-sm-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-sm-underline-regular-font-size: 12px;
  --app-body-sm-underline-regular-line-height: 16px;
  --app-body-sm-underline-regular-font-weight: 400;
  --app-body-sm-underline-regular-font-style: normal;
  --app-body-sm-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-sm-underline-semibold-font-size: 12px;
  --app-body-sm-underline-semibold-line-height: 16px;
  --app-body-sm-underline-semibold-font-weight: 600;
  --app-body-sm-underline-semibold-font-style: normal;
  --app-body-sm-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-sm-underline-semibold-font-size: 12px;
  --app-body-sm-underline-semibold-line-height: 16px;
  --app-body-sm-underline-semibold-font-weight: 600;
  --app-body-sm-underline-semibold-font-style: normal;
  --app-body-sm-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-sm-underline-bold-font-size: 12px;
  --app-body-sm-underline-bold-line-height: 16px;
  --app-body-sm-underline-bold-font-weight: 700;
  --app-body-sm-underline-bold-font-style: normal;
  --app-body-sm-strikethrough-regular-font-family: CrimsonText-Regular,
    sans-serif;
  --app-body-sm-strikethrough-regular-font-size: 12px;
  --app-body-sm-strikethrough-regular-line-height: 16px;
  --app-body-sm-strikethrough-regular-font-weight: 400;
  --app-body-sm-strikethrough-regular-font-style: normal;
  --app-body-sm-strikethrough-medium-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-sm-strikethrough-medium-font-size: 12px;
  --app-body-sm-strikethrough-medium-line-height: 16px;
  --app-body-sm-strikethrough-medium-font-weight: 600;
  --app-body-sm-strikethrough-medium-font-style: normal;
  --app-body-sm-strikethrough-semibold-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-sm-strikethrough-semibold-font-size: 12px;
  --app-body-sm-strikethrough-semibold-line-height: 16px;
  --app-body-sm-strikethrough-semibold-font-weight: 600;
  --app-body-sm-strikethrough-semibold-font-style: normal;
  --app-body-sm-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-sm-strikethrough-bold-font-size: 12px;
  --app-body-sm-strikethrough-bold-line-height: 16px;
  --app-body-sm-strikethrough-bold-font-weight: 700;
  --app-body-sm-strikethrough-bold-font-style: normal;
  --app-body-sm-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-sm-italic-regular-font-size: 12px;
  --app-body-sm-italic-regular-line-height: 16px;
  --app-body-sm-italic-regular-font-weight: 400;
  --app-body-sm-italic-regular-font-style: normal;
  --app-body-sm-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-sm-italic-medium-font-size: 12px;
  --app-body-sm-italic-medium-line-height: 16px;
  --app-body-sm-italic-medium-font-weight: 600;
  --app-body-sm-italic-medium-font-style: normal;
  --app-body-sm-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-sm-italic-semibold-font-size: 12px;
  --app-body-sm-italic-semibold-line-height: 16px;
  --app-body-sm-italic-semibold-font-weight: 600;
  --app-body-sm-italic-semibold-font-style: normal;
  --app-body-sm-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-sm-italic-bold-font-size: 12px;
  --app-body-sm-italic-bold-line-height: 16px;
  --app-body-sm-italic-bold-font-weight: 700;
  --app-body-sm-italic-bold-font-style: normal;
  --app-body-xs-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-xs-regular-font-size: 10px;
  --app-body-xs-regular-line-height: 14px;
  --app-body-xs-regular-font-weight: 400;
  --app-body-xs-regular-font-style: normal;
  --app-body-xs-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xs-medium-font-size: 10px;
  --app-body-xs-medium-line-height: 14px;
  --app-body-xs-medium-font-weight: 600;
  --app-body-xs-medium-font-style: normal;
  --app-body-xs-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xs-semibold-font-size: 10px;
  --app-body-xs-semibold-line-height: 14px;
  --app-body-xs-semibold-font-weight: 600;
  --app-body-xs-semibold-font-style: normal;
  --app-body-xs-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xs-bold-font-size: 10px;
  --app-body-xs-bold-line-height: 14px;
  --app-body-xs-bold-font-weight: 700;
  --app-body-xs-bold-font-style: normal;
  --app-body-xs-all-caps-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-xs-all-caps-regular-font-size: 10px;
  --app-body-xs-all-caps-regular-line-height: 14px;
  --app-body-xs-all-caps-regular-font-weight: 400;
  --app-body-xs-all-caps-regular-font-style: normal;
  --app-body-xs-all-caps-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xs-all-caps-medium-font-size: 10px;
  --app-body-xs-all-caps-medium-line-height: 14px;
  --app-body-xs-all-caps-medium-font-weight: 600;
  --app-body-xs-all-caps-medium-font-style: normal;
  --app-body-xs-all-caps-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xs-all-caps-semibold-font-size: 10px;
  --app-body-xs-all-caps-semibold-line-height: 14px;
  --app-body-xs-all-caps-semibold-font-weight: 600;
  --app-body-xs-all-caps-semibold-font-style: normal;
  --app-body-xs-all-caps-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xs-all-caps-bold-font-size: 10px;
  --app-body-xs-all-caps-bold-line-height: 14px;
  --app-body-xs-all-caps-bold-font-weight: 700;
  --app-body-xs-all-caps-bold-font-style: normal;
  --app-body-xs-underline-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-xs-underline-regular-font-size: 10px;
  --app-body-xs-underline-regular-line-height: 14px;
  --app-body-xs-underline-regular-font-weight: 400;
  --app-body-xs-underline-regular-font-style: normal;
  --app-body-xs-underline-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xs-underline-medium-font-size: 10px;
  --app-body-xs-underline-medium-line-height: 14px;
  --app-body-xs-underline-medium-font-weight: 600;
  --app-body-xs-underline-medium-font-style: normal;
  --app-body-xs-underline-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xs-underline-semibold-font-size: 10px;
  --app-body-xs-underline-semibold-line-height: 14px;
  --app-body-xs-underline-semibold-font-weight: 600;
  --app-body-xs-underline-semibold-font-style: normal;
  --app-body-xs-underline-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xs-underline-bold-font-size: 10px;
  --app-body-xs-underline-bold-line-height: 14px;
  --app-body-xs-underline-bold-font-weight: 700;
  --app-body-xs-underline-bold-font-style: normal;
  --app-body-xs-strikethrough-regular-font-family: CrimsonText-Regular,
    sans-serif;
  --app-body-xs-strikethrough-regular-font-size: 10px;
  --app-body-xs-strikethrough-regular-line-height: 14px;
  --app-body-xs-strikethrough-regular-font-weight: 400;
  --app-body-xs-strikethrough-regular-font-style: normal;
  --app-body-xs-strikethrough-medium-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-xs-strikethrough-medium-font-size: 10px;
  --app-body-xs-strikethrough-medium-line-height: 14px;
  --app-body-xs-strikethrough-medium-font-weight: 600;
  --app-body-xs-strikethrough-medium-font-style: normal;
  --app-body-xs-strikethrough-semibold-font-family: CrimsonText-SemiBold,
    sans-serif;
  --app-body-xs-strikethrough-semibold-font-size: 10px;
  --app-body-xs-strikethrough-semibold-line-height: 14px;
  --app-body-xs-strikethrough-semibold-font-weight: 600;
  --app-body-xs-strikethrough-semibold-font-style: normal;
  --app-body-xs-strikethrough-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xs-strikethrough-bold-font-size: 10px;
  --app-body-xs-strikethrough-bold-line-height: 14px;
  --app-body-xs-strikethrough-bold-font-weight: 700;
  --app-body-xs-strikethrough-bold-font-style: normal;
  --app-body-xs-italic-regular-font-family: CrimsonText-Regular, sans-serif;
  --app-body-xs-italic-regular-font-size: 10px;
  --app-body-xs-italic-regular-line-height: 14px;
  --app-body-xs-italic-regular-font-weight: 400;
  --app-body-xs-italic-regular-font-style: normal;
  --app-body-xs-italic-medium-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xs-italic-medium-font-size: 10px;
  --app-body-xs-italic-medium-line-height: 14px;
  --app-body-xs-italic-medium-font-weight: 600;
  --app-body-xs-italic-medium-font-style: normal;
  --app-body-xs-italic-semibold-font-family: CrimsonText-SemiBold, sans-serif;
  --app-body-xs-italic-semibold-font-size: 10px;
  --app-body-xs-italic-semibold-line-height: 14px;
  --app-body-xs-italic-semibold-font-weight: 600;
  --app-body-xs-italic-semibold-font-style: normal;
  --app-body-xs-italic-bold-font-family: CrimsonText-Bold, sans-serif;
  --app-body-xs-italic-bold-font-size: 10px;
  --app-body-xs-italic-bold-line-height: 14px;
  --app-body-xs-italic-bold-font-weight: 700;
  --app-body-xs-italic-bold-font-style: normal;
  --component-web-button-small-font-family: CrimsonText-SemiBold, sans-serif;
  --component-web-button-small-font-size: 14px;
  --component-web-button-small-line-height: 24px;
  --component-web-button-small-font-weight: 600;
  --component-web-button-small-font-style: normal;
  --component-web-button-base-font-family: CrimsonText-SemiBold, sans-serif;
  --component-web-button-base-font-size: 16px;
  --component-web-button-base-line-height: 24px;
  --component-web-button-base-font-weight: 600;
  --component-web-button-base-font-style: normal;
  --component-web-input-small-font-family: CrimsonText-Regular, sans-serif;
  --component-web-input-small-font-size: 14px;
  --component-web-input-small-line-height: 24px;
  --component-web-input-small-font-weight: 400;
  --component-web-input-small-font-style: normal;
  --component-web-input-base-font-family: CrimsonText-Regular, sans-serif;
  --component-web-input-base-font-size: 16px;
  --component-web-input-base-line-height: 24px;
  --component-web-input-base-font-weight: 400;
  --component-web-input-base-font-style: normal;
  --component-app-button-small-font-family: CrimsonText-SemiBold, sans-serif;
  --component-app-button-small-font-size: 12px;
  --component-app-button-small-line-height: 24px;
  --component-app-button-small-font-weight: 600;
  --component-app-button-small-font-style: normal;
  --component-app-button-base-font-family: CrimsonText-SemiBold, sans-serif;
  --component-app-button-base-font-size: 14px;
  --component-app-button-base-line-height: 24px;
  --component-app-button-base-font-weight: 600;
  --component-app-button-base-font-style: normal;
  --component-app-input-small-font-family: CrimsonText-Regular, sans-serif;
  --component-app-input-small-font-size: 12px;
  --component-app-input-small-line-height: 24px;
  --component-app-input-small-font-weight: 400;
  --component-app-input-small-font-style: normal;
  --component-app-input-base-font-family: CrimsonText-Regular, sans-serif;
  --component-app-input-base-font-size: 14px;
  --component-app-input-base-line-height: 24px;
  --component-app-input-base-font-weight: 400;
  --component-app-input-base-font-style: normal;

  /* Effects */
  --shadow-elevation-1-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.14);
  --shadow-elevation-2-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
  --shadow-elevation-3-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
  --shadow-elevation-4-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);
  --shadow-elevation-5-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
  --shadow-elevation-6-box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.2);
  --shadow-elevation-7-box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.2);
  --shadow-component-slider-handle-box-shadow: 0px 1px 4px 0px
    rgba(0, 0, 0, 0.24);
  --shadow-component-tooltip-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
  --shadow-component-app-navbar-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.2);
}
/* Figma Color Variables of your File */
:root,
[data-global-mode="value"] {
  /* value */
  --color-primary-400: #8e8b86;
  --color-primary-500: #73706b;
  --color-primary-600: #59554f;
  --color-primary-700: #4c4843;
  --color-primary-800: #3f3c37;
  --color-primary-900: #312f2b;
  --color-primary-950: #24221f;
  --color-primary-alpha-20: rgba(89, 85, 79, 0.2);
  --color-grey-100: #dfe0e5;
  --color-grey-200: #bfc1c7;
  --color-grey-300: #a3a5ad;
  --color-grey-400: #888994;
  --color-grey-500: #70717a;
  --color-grey-600: #4e4f57;
  --color-grey-700: #36373d;
  --color-grey-800: #202124;
  --color-grey-900: #121214;
  --color-red-700: #e54040;
  --color-yellow-800: #d1a200;
  --color-blue-600: #4d79ff;
  --color-white-400: #fcfcfc;
  --color-white-500: #ffffff;
  --color-grey-50: #f0f1f5;
  --color-primary-100: #dddbd9;
  --color-blue-50: #ebf0ff;
  --color-red-50: #ffe5e5;
  --color-green-50: #dcf5e8;
  --color-yellow-50: #faf2d7;
  --color-red-600: #ff4747;
  --color-red-800: #d13a3a;
  --color-yellow-700: #d6ae22;
  --color-green-700: #00a351;
  --color-green-800: #008f47;
  --color-blue-500: #6b90ff;
  --color-blue-700: #255bff;
  --color-primary-200: #c2c0bd;
  --color-primary-50: #f7f6f4;
  --color-grey-950: #09090a;
  --color-black-100: #000000;
  --color-primary-300: #a8a5a2;
  --color-orange-600: #e0833a;
  --color-orange-700: #db7423;
  --color-orange-500: #e59453;
  --color-orange-50: #ffebdb;
  --color-primary-alpha-10: rgba(89, 85, 79, 0.1);
  --color-red-alpha-20: rgba(229, 64, 64, 0.2);
  --color-yellow-alpha-20: rgba(209, 162, 0, 0.2);
  --color-orange-alpha-20: rgba(224, 131, 58, 0.2);
  --color-green-alpha-20: rgba(0, 143, 71, 0.2);
  --color-blue-alpha-20: rgba(37, 91, 255, 0.2);
  --color-black-alpha-90: rgba(0, 0, 0, 0.9);
  --color-black-alpha-80: rgba(0, 0, 0, 0.8);
  --color-black-alpha-70: rgba(0, 0, 0, 0.7);
  --color-black-alpha-60: rgba(0, 0, 0, 0.6);
  --color-black-alpha-50: rgba(0, 0, 0, 0.5);
  --color-black-alpha-40: rgba(0, 0, 0, 0.4);
  --color-black-alpha-30: rgba(0, 0, 0, 0.3);
  --color-black-alpha-20: rgba(0, 0, 0, 0.2);
  --color-black-alpha-10: rgba(0, 0, 0, 0.1);
  --color-black-alpha-5: rgba(0, 0, 0, 0.05);
  --color-primary-alpha-30: rgba(89, 85, 79, 0.3);
  --color-red-900: #bf3636;
  --color-red-500: #ff6161;
  --color-red-400: #ff7a7a;
  --color-red-300: #ff9494;
  --color-red-200: #ffadad;
  --color-red-100: #ffc7c7;
  --color-green-900: #008040;
  --color-green-600: #0eb260;
  --color-green-500: #25c173;
  --color-green-400: #3ecd85;
  --color-green-300: #5ed89b;
  --color-green-200: #91e5bb;
  --color-green-100: #bbf0d4;
  --color-blue-400: #8ca8ff;
  --color-blue-300: #a6bcff;
  --color-blue-200: #b8c9ff;
  --color-blue-100: #d6e1ff;
  --color-blue-800: #144eff;
  --color-blue-900: #003fff;
  --color-yellow-900: #b89007;
  --color-yellow-600: #e0bb3a;
  --color-yellow-500: #e5c453;
  --color-yellow-400: #ebce6c;
  --color-yellow-300: #f0d886;
  --color-yellow-200: #f5e2a2;
  --color-yellow-100: #faecbe;
  --color-orange-800: #d6650d;
  --color-orange-900: #cc5900;
  --color-orange-400: #eba46c;
  --color-orange-300: #f0b586;
  --color-orange-200: #f5c7a2;
  --color-orange-100: #fad9be;
  --color-red-alpha-10: rgba(229, 64, 64, 0.1);
  --color-red-alpha-30: rgba(229, 64, 64, 0.3);
  --color-red-alpha-40: rgba(229, 64, 64, 0.4);
  --color-red-alpha-50: rgba(229, 64, 64, 0.5);
  --color-green-alpha-10: rgba(0, 143, 71, 0.1);
  --color-green-alpha-50: rgba(0, 143, 71, 0.5);
  --color-green-alpha-40: rgba(0, 143, 71, 0.4);
  --color-green-alpha-30: rgba(0, 143, 71, 0.3);
  --color-blue-alpha-10: rgba(37, 91, 255, 0.1);
  --color-blue-alpha-50: rgba(37, 91, 255, 0.5);
  --color-blue-alpha-40: rgba(37, 91, 255, 0.4);
  --color-blue-alpha-30: rgba(37, 91, 255, 0.3);
  --color-yellow-alpha-10: rgba(209, 162, 0, 0.1);
  --color-yellow-alpha-50: rgba(209, 162, 0, 0.5);
  --color-yellow-alpha-40: rgba(209, 162, 0, 0.4);
  --color-yellow-alpha-30: rgba(209, 162, 0, 0.3);
  --color-orange-alpha-10: rgba(224, 131, 58, 0.1);
  --color-orange-alpha-50: rgba(224, 131, 58, 0.5);
  --color-orange-alpha-40: rgba(224, 131, 58, 0.4);
  --color-orange-alpha-30: rgba(224, 131, 58, 0.3);
  --color-primary-alpha-40: rgba(89, 85, 79, 0.4);
  --color-primary-alpha-50: rgba(89, 85, 79, 0.5);
  --color-white-alpha-80: rgba(255, 255, 255, 0.8);
  --color-white-alpha-60: rgba(255, 255, 255, 0.6);
  --color-white-alpha-40: rgba(255, 255, 255, 0.4);
  --color-white-alpha-20: rgba(255, 255, 255, 0.2);
  --color-white-alpha-30: rgba(255, 255, 255, 0.3);
  --color-white-alpha-50: rgba(255, 255, 255, 0.5);
  --color-white-alpha-70: rgba(255, 255, 255, 0.7);
  --color-white-alpha-10: rgba(255, 255, 255, 0.1);
  --color-white-alpha-90: rgba(255, 255, 255, 0.9);
  --color-red-dark-30: #331414;
  --color-red-dark-20: #260f0f;
  --color-red-dark-10: #0d0505;
  --color-green-dark-30: #153324;
  --color-green-dark-20: #0f261b;
  --color-green-dark-10: #050d09;
  --color-blue-dark-30: #1a2540;
  --color-blue-dark-20: #0f1626;
  --color-blue-dark-10: #05070d;
  --color-yellow-dark-30: #332c14;
  --color-yellow-dark-20: #26210f;
  --color-yellow-dark-10: #0d0a00;
  --color-orange-dark-30: #402a1a;
  --color-orange-dark-20: #26190f;
  --color-orange-dark-10: #0d0805;
  --color-white-300: #fafafa;
  --color-white-200: #f7f7f7;
  --color-white-100: #f5f5f5;
  --color-red-dark-40: #401a1a;
  --color-red-dark-50: #4d1f1f;
  --color-green-dark-40: #1a402d;
  --color-green-dark-50: #1f4d36;
  --color-blue-dark-40: #1f2c4d;
  --color-blue-dark-50: #243359;
  --color-yellow-dark-40: #40371a;
  --color-yellow-dark-50: #4d421f;
  --color-orange-dark-40: #4d331f;
  --color-orange-dark-50: #593b24;
  --color-black-500: #141414;
  --color-black-400: #0f0f0f;
  --color-black-300: #0a0a0a;
  --color-black-200: #050505;
  --color-white-alpha-5: rgba(255, 255, 255, 0.05);
  --color-black-alpha-0: rgba(0, 0, 0, 0);
  --color-white-alpha-0: rgba(255, 255, 255, 0);
  --color-gold-10: #9b7f4c;
  --color-gold-50: #b8995e;
  --color-gold-100: #e6e3d8;
  --light-pink: #ffecec;
  --light-purple: #faf2ff;
  --pink: #c7877e;
  --purple: #8c74a4;
}

:root,
[data-alias-color-mode="light"] {
  /* light */
  --text-base-primary: var(--color-primary-950);
  --text-base-secondary: var(--color-primary-600);
  --text-base-tertiary: var(--color-primary-600);
  --text-status-disable-secondary: var(--color-grey-200);
  --text-base-inverse-primary: var(--color-white-400);
  --brand-primary: var(--color-primary-950);
  --brand-secondary: var(--color-primary-600);
  --bg-body-website-white: var(--color-primary-50);
  --border-base-primary: var(--color-grey-100);
  --border-base-tertiary: var(--color-grey-400);
  --text-status-link-primary: var(--color-gold-10);
  --bg-dim-brand-primary: var(--color-primary-300);
  --bg-dim-red-primary: var(--color-red-50);
  --bg-dim-yellow-primary: var(--color-yellow-50);
  --bg-dim-green-primary: var(--color-green-50);
  --bg-dim-blue-primary: var(--color-blue-50);
  --text-brand-primary: var(--brand-primary);
  --border-brand-primary: var(--brand-primary);
  --icon-base-primary: var(--color-grey-900);
  --icon-base-inverse-primary: var(--color-white-400);
  --icon-brand-primary: var(--brand-primary);
  --icon-status-disable-primary: var(--color-grey-300);
  --text-status-error-primary: var(--support-error-primary);
  --text-status-success-primary: var(--support-success-primary);
  --icon-base-secondary: var(--color-grey-600);
  --bg-brand-primary: var(--brand-primary);
  --border-base-pure-white: var(--color-white-500);
  --bg-base-primary: var(--color-primary-300);
  --border-status-disable-primary: var(--support-disable-primary);
  --icon-base-tertiary: var(--color-grey-400);
  --bg-body-dashboard-grey: var(--color-grey-50);
  --bg-body-app-white: var(--color-primary-50);
  --bg-dim-orange-primary: var(--color-orange-50);
  --border-base-pure-black: var(--color-black-100);
  --bg-base-inverse-secondary: var(--color-grey-800);
  --bg-base-inverse-tertiary: var(--color-grey-700);
  --icon-status-info-primary: var(--support-info-primary);
  --border-status-error-primary: var(--support-error-primary);
  --border-status-success-primary: var(--support-success-primary);
  --icon-status-error-primary: var(--support-error-primary);
  --icon-status-success-primary: var(--support-success-primary);
  --bg-status-error-primary: var(--support-error-primary);
  --bg-status-success-primary: var(--support-success-primary);
  --bg-status-warning-primary: var(--support-warning-primary);
  --bg-status-inprogress-primary: var(--support-inprogress-primary);
  --bg-status-info-primary: var(--support-info-primary);
  --bg-base-inverse-primary: var(--color-grey-900);
  --border-status-warning-primary: var(--support-warning-primary);
  --border-status-info-primary: var(--support-info-primary);
  --bg-status-disable-primary: var(--support-disable-primary);
  --text-status-warning-primary: var(--support-warning-primary);
  --text-status-inprogress-primary: var(--support-inprogress-primary);
  --icon-status-inprogress-primary: var(--support-inprogress-primary);
  --icon-status-warning-primary: var(--support-warning-primary);
  --bg-dim-brand-secondary: var(--color-primary-200);
  --border-status-inprogress-primary: var(--support-inprogress-primary);
  --bg-base-pure-black: var(--color-black-100);
  --bg-overlay-primary: var(--color-black-alpha-60);
  --bg-dim-neutral-primary: var(--color-grey-50);
  --support-disable-primary: var(--color-grey-50);
  --support-info-primary: var(--color-blue-700);
  --support-error-primary: var(--color-red-700);
  --support-success-primary: var(--color-green-800);
  --support-warning-primary: var(--color-yellow-800);
  --support-inprogress-primary: var(--color-orange-600);
  --text-base-inverse-secondary: var(--color-grey-300);
  --icon-base-inverse-secondary: var(--color-grey-300);
  --bg-base-secondary: var(--color-primary-200);
  --text-status-disable-primary: var(--color-grey-100);
  --bg-base-tertiary: var(--color-grey-100);
  --brand-tertiary: var(--color-primary-500);
  --bg-brand-secondary: var(--brand-secondary);
  --bg-brand-tertiary: var(--brand-tertiary);
  --text-brand-secondary: var(--brand-secondary);
  --text-brand-tertiary: var(--brand-tertiary);
  --icon-brand-secondary: var(--brand-secondary);
  --icon-brand-tertiary: var(--brand-tertiary);
  --border-brand-secondary: var(--brand-secondary);
  --border-brand-tertiary: var(--brand-tertiary);
  --bg-dim-brand-tertiary: var(--color-primary-100);
  --border-base-secondary: var(--color-grey-200);
  --border-base-inverse-primary: var(--color-grey-900);
  --border-base-inverse-secondary: var(--color-grey-800);
  --border-base-inverse-tertiary: var(--color-grey-700);
  --support-info-secondary: var(--color-blue-600);
  --support-info-tertiary: var(--color-blue-500);
  --support-error-secondary: var(--color-red-600);
  --support-error-tertiary: var(--color-red-500);
  --support-success-secondary: var(--color-green-700);
  --support-success-tertiary: var(--color-green-600);
  --support-warning-secondary: var(--color-yellow-700);
  --support-warning-tertiary: var(--color-yellow-600);
  --support-inprogress-secondary: var(--color-orange-500);
  --support-inprogress-tertiary: var(--color-orange-400);
  --bg-status-info-secondary: var(--support-info-secondary);
  --bg-status-info-tertiary: var(--support-info-tertiary);
  --bg-status-error-secondary: var(--support-error-secondary);
  --bg-status-error-tertiary: var(--support-error-tertiary);
  --bg-status-success-secondary: var(--support-success-secondary);
  --bg-status-success-tertiary: var(--support-success-tertiary);
  --bg-status-warning-secondary: var(--support-warning-secondary);
  --bg-status-warning-tertiary: var(--support-warning-tertiary);
  --bg-status-inprogress-secondary: var(--support-inprogress-secondary);
  --bg-status-inprogress-tertiary: var(--support-inprogress-tertiary);
  --bg-dim-green-secondary: var(--color-green-100);
  --bg-dim-red-secondary: var(--color-red-100);
  --bg-dim-yellow-secondary: var(--color-yellow-100);
  --bg-dim-blue-secondary: var(--color-blue-100);
  --bg-dim-orange-secondary: var(--color-orange-100);
  --bg-dim-neutral-secondary: var(--color-grey-100);
  --bg-dim-red-tertiary: var(--color-red-200);
  --bg-dim-green-tertiary: var(--color-green-200);
  --bg-dim-yellow-tertiary: var(--color-yellow-200);
  --bg-dim-blue-tertiary: var(--color-blue-200);
  --bg-dim-orange-tertiary: var(--color-orange-200);
  --bg-dim-neutral-tertiary: var(--color-grey-200);
  --bg-overlay-secondary: var(--color-black-alpha-40);
  --bg-overlay-tertiary: var(--color-black-alpha-20);
  --bg-base-quaternary: var(--color-grey-50);
  --bg-dim-white-primary: var(--color-white-alpha-10);
  --bg-dim-white-secondary: var(--color-white-alpha-20);
  --bg-dim-white-tertiary: var(--color-white-alpha-30);
  --bg-brand-inverse-primary: var(--color-white-500);
  --bg-brand-inverse-secondary: var(--color-grey-50);
  --bg-brand-inverse-tertiary: var(--color-grey-100);
  --border-brand-inverse-primary: var(--color-white-500);
  --border-brand-inverse-secondary: var(--color-grey-50);
  --border-brand-inverse-tertiary: var(--color-grey-100);
  --border-status-info-secondary: var(--support-info-secondary);
  --border-status-info-tertiary: var(--support-info-tertiary);
  --border-status-error-secondary: var(--support-error-secondary);
  --border-status-error-tertiary: var(--support-error-tertiary);
  --border-status-success-secondary: var(--support-success-secondary);
  --border-status-success-tertiary: var(--support-success-tertiary);
  --border-status-warning-secondary: var(--support-warning-secondary);
  --border-status-warning-tertiary: var(--support-warning-tertiary);
  --border-status-inprogress-secondary: var(--support-inprogress-secondary);
  --border-status-inprogress-tertiary: var(--support-inprogress-tertiary);
  --support-disable-secondary: var(--color-grey-100);
  --border-status-disable-secondary: var(--support-disable-secondary);
  --bg-status-disable-secondary: var(--support-disable-secondary);
  --icon-status-info-secondary: var(--support-info-secondary);
  --icon-status-info-tertiary: var(--support-info-tertiary);
  --icon-status-error-secondary: var(--support-error-secondary);
  --icon-status-error-tertiary: var(--support-error-tertiary);
  --icon-status-success-secondary: var(--support-success-secondary);
  --icon-status-success-tertiary: var(--support-success-tertiary);
  --icon-status-warning-secondary: var(--support-warning-secondary);
  --icon-status-warning-tertiary: var(--support-warning-tertiary);
  --icon-status-inprogress-secondary: var(--support-inprogress-secondary);
  --icon-status-inprogress-tertiary: var(--support-inprogress-tertiary);
  --text-status-link-secondary: var(--color-gold-50);
  --text-status-link-tertiary: var(--color-gold-50);
  --text-status-error-secondary: var(--support-error-secondary);
  --text-status-error-tertiary: var(--support-error-tertiary);
  --text-status-success-secondary: var(--support-success-secondary);
  --text-status-success-tertiary: var(--support-success-tertiary);
  --text-status-warning-secondary: var(--support-warning-secondary);
  --text-status-warning-tertiary: var(--support-warning-tertiary);
  --text-status-inprogress-secondary: var(--support-inprogress-secondary);
  --text-status-inprogress-tertiary: var(--support-inprogress-tertiary);
  --icon-status-disable-secondary: var(--color-grey-200);
  --bg-base-pure-white: var(--color-primary-50);
  --text-base-inverse-tertiary: var(--color-grey-500);
  --icon-base-inverse-tertiary: var(--color-grey-500);
  --bg-body-website-grey: var(--color-grey-50);
  --bg-body-dashboard-white: var(--color-primary-50);
  --bg-body-app-grey: var(--color-grey-50);
  --transparent: var(--color-white-alpha-0);
  --divide: #e6e3d8;
}

[data-alias-color-mode="dark"] {
  /* dark */
  --text-base-primary: var(--color-grey-100);
  --text-base-secondary: var(--color-grey-300);
  --text-base-tertiary: var(--color-grey-400);
  --text-status-disable-secondary: var(--color-grey-600);
  --text-base-inverse-primary: var(--color-white-400);
  --brand-primary: var(--color-primary-950);
  --brand-secondary: var(--color-primary-600);
  --bg-body-website-white: var(--color-grey-900);
  --border-base-primary: var(--color-grey-600);
  --border-base-tertiary: var(--color-grey-400);
  --text-status-link-primary: var(--support-info-primary);
  --bg-dim-brand-primary: var(--color-primary-alpha-10);
  --bg-dim-red-primary: var(--color-red-dark-50);
  --bg-dim-yellow-primary: var(--color-yellow-dark-40);
  --bg-dim-green-primary: var(--color-green-dark-40);
  --bg-dim-blue-primary: var(--color-blue-dark-50);
  --text-brand-primary: var(--brand-primary);
  --border-brand-primary: var(--brand-primary);
  --icon-base-primary: var(--color-grey-100);
  --icon-base-inverse-primary: var(--color-white-400);
  --icon-brand-primary: var(--brand-primary);
  --icon-status-disable-primary: var(--color-grey-500);
  --text-status-error-primary: var(--support-error-primary);
  --text-status-success-primary: var(--support-success-primary);
  --icon-base-secondary: var(--color-grey-400);
  --bg-brand-primary: var(--brand-primary);
  --border-base-pure-white: var(--color-grey-900);
  --bg-base-primary: var(--color-grey-800);
  --border-status-disable-primary: var(--support-disable-primary);
  --icon-base-tertiary: var(--color-grey-500);
  --bg-body-dashboard-grey: var(--color-grey-900);
  --bg-body-app-white: var(--color-grey-900);
  --bg-dim-orange-primary: var(--color-orange-dark-40);
  --border-base-pure-black: var(--color-white-400);
  --bg-base-inverse-secondary: var(--color-grey-950);
  --bg-base-inverse-tertiary: var(--color-grey-900);
  --icon-status-info-primary: var(--support-info-primary);
  --border-status-error-primary: var(--support-error-primary);
  --border-status-success-primary: var(--support-success-primary);
  --icon-status-error-primary: var(--support-error-primary);
  --icon-status-success-primary: var(--support-success-primary);
  --bg-status-error-primary: var(--support-error-primary);
  --bg-status-success-primary: var(--support-success-primary);
  --bg-status-warning-primary: var(--support-warning-primary);
  --bg-status-inprogress-primary: var(--support-inprogress-primary);
  --bg-status-info-primary: var(--support-info-primary);
  --bg-base-inverse-primary: var(--color-grey-900);
  --border-status-warning-primary: var(--support-warning-primary);
  --border-status-info-primary: var(--support-info-primary);
  --bg-status-disable-primary: var(--support-disable-primary);
  --text-status-warning-primary: var(--support-warning-primary);
  --text-status-inprogress-primary: var(--support-inprogress-primary);
  --icon-status-inprogress-primary: var(--support-inprogress-primary);
  --icon-status-warning-primary: var(--support-warning-primary);
  --bg-dim-brand-secondary: var(--color-primary-alpha-20);
  --border-status-inprogress-primary: var(--support-inprogress-primary);
  --bg-base-pure-black: var(--color-white-500);
  --bg-overlay-primary: var(--color-black-alpha-70);
  --bg-dim-neutral-primary: var(--color-grey-700);
  --support-disable-primary: var(--color-grey-700);
  --support-info-primary: var(--color-blue-500);
  --support-error-primary: var(--color-red-500);
  --support-success-primary: var(--color-green-600);
  --support-warning-primary: var(--color-yellow-600);
  --support-inprogress-primary: var(--color-orange-400);
  --text-base-inverse-secondary: var(--color-grey-200);
  --icon-base-inverse-secondary: var(--color-grey-200);
  --bg-base-secondary: var(--color-grey-700);
  --text-status-disable-primary: var(--color-grey-500);
  --bg-base-tertiary: var(--color-grey-600);
  --brand-tertiary: var(--color-primary-500);
  --bg-brand-secondary: var(--brand-secondary);
  --bg-brand-tertiary: var(--brand-tertiary);
  --text-brand-secondary: var(--brand-secondary);
  --text-brand-tertiary: var(--brand-tertiary);
  --icon-brand-secondary: var(--brand-secondary);
  --icon-brand-tertiary: var(--brand-tertiary);
  --border-brand-secondary: var(--brand-secondary);
  --border-brand-tertiary: var(--brand-tertiary);
  --bg-dim-brand-tertiary: var(--color-primary-alpha-30);
  --border-base-secondary: var(--color-grey-500);
  --border-base-inverse-primary: var(--color-grey-100);
  --border-base-inverse-secondary: var(--color-grey-200);
  --border-base-inverse-tertiary: var(--color-grey-300);
  --support-info-secondary: var(--color-blue-400);
  --support-info-tertiary: var(--color-blue-300);
  --support-error-secondary: var(--color-red-400);
  --support-error-tertiary: var(--color-red-300);
  --support-success-secondary: var(--color-green-500);
  --support-success-tertiary: var(--color-green-400);
  --support-warning-secondary: var(--color-yellow-500);
  --support-warning-tertiary: var(--color-yellow-400);
  --support-inprogress-secondary: var(--color-orange-300);
  --support-inprogress-tertiary: var(--color-orange-200);
  --bg-status-info-secondary: var(--support-info-secondary);
  --bg-status-info-tertiary: var(--support-info-tertiary);
  --bg-status-error-secondary: var(--support-error-secondary);
  --bg-status-error-tertiary: var(--support-error-tertiary);
  --bg-status-success-secondary: var(--support-success-secondary);
  --bg-status-success-tertiary: var(--support-success-tertiary);
  --bg-status-warning-secondary: var(--support-warning-secondary);
  --bg-status-warning-tertiary: var(--support-warning-tertiary);
  --bg-status-inprogress-secondary: var(--support-inprogress-secondary);
  --bg-status-inprogress-tertiary: var(--support-inprogress-tertiary);
  --bg-dim-green-secondary: var(--color-green-dark-30);
  --bg-dim-red-secondary: var(--color-red-dark-40);
  --bg-dim-yellow-secondary: var(--color-yellow-dark-30);
  --bg-dim-blue-secondary: var(--color-blue-dark-40);
  --bg-dim-orange-secondary: var(--color-orange-dark-30);
  --bg-dim-neutral-secondary: var(--color-grey-600);
  --bg-dim-red-tertiary: var(--color-red-dark-30);
  --bg-dim-green-tertiary: var(--color-green-dark-20);
  --bg-dim-yellow-tertiary: var(--color-yellow-dark-20);
  --bg-dim-blue-tertiary: var(--color-blue-dark-30);
  --bg-dim-orange-tertiary: var(--color-orange-dark-20);
  --bg-dim-neutral-tertiary: var(--color-grey-500);
  --bg-overlay-secondary: var(--color-black-alpha-50);
  --bg-overlay-tertiary: var(--color-black-alpha-30);
  --bg-base-quaternary: var(--color-grey-500);
  --bg-dim-white-primary: var(--color-white-alpha-20);
  --bg-dim-white-secondary: var(--color-white-alpha-30);
  --bg-dim-white-tertiary: var(--color-white-alpha-40);
  --bg-brand-inverse-primary: var(--color-white-500);
  --bg-brand-inverse-secondary: var(--color-grey-50);
  --bg-brand-inverse-tertiary: var(--color-grey-100);
  --border-brand-inverse-primary: var(--color-white-500);
  --border-brand-inverse-secondary: var(--color-grey-50);
  --border-brand-inverse-tertiary: var(--color-grey-100);
  --border-status-info-secondary: var(--support-info-secondary);
  --border-status-info-tertiary: var(--support-info-tertiary);
  --border-status-error-secondary: var(--support-error-secondary);
  --border-status-error-tertiary: var(--support-error-tertiary);
  --border-status-success-secondary: var(--support-success-secondary);
  --border-status-success-tertiary: var(--support-success-tertiary);
  --border-status-warning-secondary: var(--support-warning-secondary);
  --border-status-warning-tertiary: var(--support-warning-tertiary);
  --border-status-inprogress-secondary: var(--support-inprogress-secondary);
  --border-status-inprogress-tertiary: var(--support-inprogress-tertiary);
  --support-disable-secondary: var(--color-grey-900);
  --border-status-disable-secondary: var(--support-disable-secondary);
  --bg-status-disable-secondary: var(--support-disable-secondary);
  --icon-status-info-secondary: var(--support-info-secondary);
  --icon-status-info-tertiary: var(--support-info-tertiary);
  --icon-status-error-secondary: var(--support-error-secondary);
  --icon-status-error-tertiary: var(--support-error-tertiary);
  --icon-status-success-secondary: var(--support-success-secondary);
  --icon-status-success-tertiary: var(--support-success-tertiary);
  --icon-status-warning-secondary: var(--support-warning-secondary);
  --icon-status-warning-tertiary: var(--support-warning-tertiary);
  --icon-status-inprogress-secondary: var(--support-inprogress-secondary);
  --icon-status-inprogress-tertiary: var(--support-inprogress-tertiary);
  --text-status-link-secondary: var(--support-info-secondary);
  --text-status-link-tertiary: var(--support-info-tertiary);
  --text-status-error-secondary: var(--support-error-secondary);
  --text-status-error-tertiary: var(--support-error-tertiary);
  --text-status-success-secondary: var(--support-success-secondary);
  --text-status-success-tertiary: var(--support-success-tertiary);
  --text-status-warning-secondary: var(--support-warning-secondary);
  --text-status-warning-tertiary: var(--support-warning-tertiary);
  --text-status-inprogress-secondary: var(--support-inprogress-secondary);
  --text-status-inprogress-tertiary: var(--support-inprogress-tertiary);
  --icon-status-disable-secondary: var(--color-grey-600);
  --bg-base-pure-white: var(--color-black-100);
  --text-base-inverse-tertiary: var(--color-grey-300);
  --icon-base-inverse-tertiary: var(--color-grey-300);
  --bg-body-website-grey: var(--color-grey-900);
  --bg-body-dashboard-white: var(--color-grey-900);
  --bg-body-app-grey: var(--color-grey-900);
  --transparent: var(--color-white-alpha-0);
  --divide: #e6e3d8;
}

:root,
[data-alias-effect-mode="light"] {
  /* light */
  --effect-shadow-component-tooltip-color: rgba(0, 0, 0, 0.2);
  --effect-shadow-base-elevation-1-color: rgba(0, 0, 0, 0.14);
  --effect-shadow-base-elevation-3-color: rgba(0, 0, 0, 0.14);
  --effect-shadow-component-app-navbar-color: rgba(0, 0, 0, 0.2);
  --effect-shadow-base-elevation-2-color: rgba(0, 0, 0, 0.14);
  --effect-shadow-component-slider-handle-color: rgba(0, 0, 0, 0.24);
  --effect-shadow-base-elevation-4-color: rgba(0, 0, 0, 0.16);
  --effect-shadow-base-elevation-5-color: rgba(0, 0, 0, 0.16);
  --effect-shadow-base-elevation-6-color: rgba(0, 0, 0, 0.2);
  --effect-shadow-base-elevation-7-color: rgba(0, 0, 0, 0.2);
}

[data-alias-effect-mode="dark"] {
  /* dark */
  --effect-shadow-component-tooltip-color: rgba(0, 0, 0, 0.8);
  --effect-shadow-base-elevation-1-color: rgba(0, 0, 0, 0.6);
  --effect-shadow-base-elevation-3-color: rgba(0, 0, 0, 0.65);
  --effect-shadow-component-app-navbar-color: rgba(0, 0, 0, 0.8);
  --effect-shadow-base-elevation-2-color: rgba(0, 0, 0, 0.6);
  --effect-shadow-component-slider-handle-color: rgba(0, 0, 0, 0.24);
  --effect-shadow-base-elevation-4-color: rgba(0, 0, 0, 0.65);
  --effect-shadow-base-elevation-5-color: rgba(0, 0, 0, 0.7);
  --effect-shadow-base-elevation-6-color: rgba(0, 0, 0, 0.7);
  --effect-shadow-base-elevation-7-color: rgba(0, 0, 0, 0.75);
}