:root { 
  --blueberry: #3e7eff;
  --cloud-burst: #233455;
  --congress-blue: #084887;
  --mercury: #e4e6e799;
  --mirage: #171721;
  --purple-heart: #623cea;
  --shadow-blue: #8083a3;
  --storm-gray: #647390;
  --white: #ffffff;

  --black: #000000;

  --link-primary: #256eff;
  --cancel: #747373;
  --button-primary: #f2c14e;
  --button-primary-label: #494130;
  --text-primary: #7e5fed;
  --text-secondary: #101726;
  --button-secondary: #29bf12;

  --error: #f24f40;
  --error-light: #f2dede;
 
  --font-size-l: 32px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 48px;
 
  --font-family-avenirnext-demibold: "AvenirNext-DemiBold", Helvetica;
  --font-family-avenirnext-medium: "AvenirNext-Medium", Helvetica;
  --font-family-helvetica: "Helvetica", Helvetica;
}
.x03-small14-state-info300left {
  font-family: var(--font-family-avenirnext-medium);
  font-size: var(--font-size-m);
  letter-spacing: 0;
}

.x02-xs13-state-success300center {
  font-family: var(--font-family-avenirnext-medium);
  font-size: var(--font-size-s);
  letter-spacing: 0;
}

.x08-3xl20-white-black-grey500left {
  font-family: var(--font-family-avenirnext-demibold);
  font-size: var(--font-size-l);
}

.x09-4xl20-white-black-grey100left {
  font-family: var(--font-family-avenirnext-demibold);
  font-size: var(--font-size-xl);
}

.helvetica-normal-shadow-blue-12px {
  color: var(--shadow-blue);
  font-family: var(--font-family-helvetica);
  font-size: var(--font-size-s);
}

.helvetica-normal-mirage-12px {
  color: var(--mirage);
  font-family: var(--font-family-helvetica);
  font-size: var(--font-size-s);
}

.border-1px-mercury {
  border: 1px solid var(--mercury);
}