:root {
  /* fonts */
  --subheading: neue-haas-grotesk-display, sans-serif;

  /* font sizes */
  --font-size-sm: 16px;
  --body-size: 32px;
  --font-size-lg: 52px;
  --font-size-lg2: 48px;
  --link-size: 24px;
  --link-size2: 21px;
  --font-size-2xl: 52px;
  --font-size-2xlsm: 48px;
  --subheading-size: 96px;
  --heading-size: 96px;
  --heading-size2: 72px;
  --font-size-bd: 24px;
  --font-size-bd2: 21px;
	
  /* Colors */
  --headline-dark: #f5f5f7;
  --color-gray-200: #97979b;
  --body-dark: #cecece;
  --headline-text-light: #1d1d1f;
  --body-light: #86868b;
  --link: #2997ff;
  --linklight: #06c;

  /* Gaps */
  --gap-0: 0px;
  --gap-sm: 16px;
  --gap-md: 24px;
  --gap-lg: 48px;
  --gap-xl: 52px;

  /* Paddings */
  --padding-sm: 44px;
  --padding-md: 152px;
  --padding-msm: 26px;
  --padding-mmd: 64px;
  --padding-lsm: 42px;
}

/* CSS Updates 1.07. */
.gradient-text {
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(#f5f5f7, #87878b 70%);
}
.gradient-text-light {
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(#cecece, #6e6e73 70%);
}
.p72 {
	padding-top: 72px;
	padding-bottom: 72px;
}
.w817 {
	max-width: 817px;
	width: 100%;
}
.w817>* {
	width: 100%;
	max-width: unset;
}
.toggle-316-dark {
	cursor: pointer;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	font-size: var(--font-size-sm);
	color: var(--link);
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 110%;
}
.toggle-316-light {
	cursor: pointer;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	font-size: var(--font-size-sm);
	color: var(--linklight);
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 110%;
}
.toggle-dark {
	display: flex;
	flex-shrink: 0;
	position: absolute;
	top: 16px;
	right:16px;
	cursor: pointer;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	font-size: var(--font-size-sm);
	color: var(--link);
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 110%;
}
.toggle-light {
	display: flex;
	flex-shrink: 0;
	position: absolute;
	top: 16px;
	right:16px;
	cursor: pointer;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	font-size: var(--font-size-sm);
	color: var(--linklight);
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 110%;
}
.toogle-dark-light {
	display: flex;
	flex-shrink: 0;
	position: absolute;
	top: 16px;
	right:16px;
}