/* ------------------------------------------- * Autogenerated by ⛋ Terrazzo. DO NOT EDIT! * ------------------------------------------- */ :root { color-scheme: light; /* 16 px */ --body-lg-medium: var(--body-lg-medium-font-style) var(--body-lg-medium-font-weight) var(--body-lg-medium-font-size)/var(--body-lg-medium-line-height) var(--body-lg-medium-font-family); /* 16 px */ --body-lg-medium-font-family: "Inter"; /* 16 px */ --body-lg-medium-font-size: 16px; /* 16 px */ --body-lg-medium-font-style: Medium; /* 16 px */ --body-lg-medium-font-weight: 500; /* 16 px */ --body-lg-medium-letter-spacing: 0px; /* 16 px */ --body-lg-medium-line-height: 125; /* 16 px */ --body-lg-regular: var(--body-lg-regular-font-style) var(--body-lg-regular-font-weight) var(--body-lg-regular-font-size)/var(--body-lg-regular-line-height) var(--body-lg-regular-font-family); /* 16 px */ --body-lg-regular-font-family: "Inter"; /* 16 px */ --body-lg-regular-font-size: 16px; /* 16 px */ --body-lg-regular-font-style: Regular; /* 16 px */ --body-lg-regular-font-weight: 400; /* 16 px */ --body-lg-regular-letter-spacing: 0px; /* 16 px */ --body-lg-regular-line-height: 125; /* 13 px */ --body-md-medium: var(--body-md-medium-font-style) var(--body-md-medium-font-weight) var(--body-md-medium-font-size)/var(--body-md-medium-line-height) var(--body-md-medium-font-family); /* 13 px */ --body-md-medium-font-family: "Inter"; /* 13 px */ --body-md-medium-font-size: 13px; /* 13 px */ --body-md-medium-font-style: Medium; /* 13 px */ --body-md-medium-font-weight: 500; /* 13 px */ --body-md-medium-letter-spacing: 0px; /* 13 px */ --body-md-medium-line-height: 123; /* 13 px */ --body-md-regular: var(--body-md-regular-font-style) var(--body-md-regular-font-weight) var(--body-md-regular-font-size)/var(--body-md-regular-line-height) var(--body-md-regular-font-family); /* 13 px */ --body-md-regular-font-family: "Inter"; /* 13 px */ --body-md-regular-font-size: 13px; /* 13 px */ --body-md-regular-font-style: Regular; /* 13 px */ --body-md-regular-font-weight: 400; /* 13 px */ --body-md-regular-letter-spacing: 0px; /* 13 px */ --body-md-regular-line-height: 123; /* 13 px */ --body-md-semibold: var(--body-md-semibold-font-style) var(--body-md-semibold-font-weight) var(--body-md-semibold-font-size)/var(--body-md-semibold-line-height) var(--body-md-semibold-font-family); /* 13 px */ --body-md-semibold-font-family: "Inter"; /* 13 px */ --body-md-semibold-font-size: 13px; /* 13 px */ --body-md-semibold-font-style: Semi Bold; /* 13 px */ --body-md-semibold-font-weight: 600; /* 13 px */ --body-md-semibold-letter-spacing: 0px; /* 13 px */ --body-md-semibold-line-height: 123; /* 11 px */ --body-sm-bold: var(--body-sm-bold-font-style) var(--body-sm-bold-font-weight) var(--body-sm-bold-font-size)/var(--body-sm-bold-line-height) var(--body-sm-bold-font-family); /* 11 px */ --body-sm-bold-font-family: "Inter"; /* 11 px */ --body-sm-bold-font-size: 11px; /* 11 px */ --body-sm-bold-font-style: Bold; /* 11 px */ --body-sm-bold-font-weight: 700; /* 11 px */ --body-sm-bold-letter-spacing: 0px; /* 11 px */ --body-sm-bold-line-height: 127; /* 11 px */ --body-sm-medium: var(--body-sm-medium-font-style) var(--body-sm-medium-font-weight) var(--body-sm-medium-font-size)/var(--body-sm-medium-line-height) var(--body-sm-medium-font-family); /* 11 px */ --body-sm-medium-font-family: "Inter"; /* 11 px */ --body-sm-medium-font-size: 11px; /* 11 px */ --body-sm-medium-font-style: Medium; /* 11 px */ --body-sm-medium-font-weight: 500; /* 11 px */ --body-sm-medium-letter-spacing: 0px; /* 11 px */ --body-sm-medium-line-height: 127; /* 11 px */ --body-sm-regular: var(--body-sm-regular-font-style) var(--body-sm-regular-font-weight) var(--body-sm-regular-font-size)/var(--body-sm-regular-line-height) var(--body-sm-regular-font-family); /* 11 px */ --body-sm-regular-font-family: "Inter"; /* 11 px */ --body-sm-regular-font-size: 11px; /* 11 px */ --body-sm-regular-font-style: Regular; /* 11 px */ --body-sm-regular-font-weight: 400; /* 11 px */ --body-sm-regular-letter-spacing: 0px; /* 11 px */ --body-sm-regular-line-height: 127; /* 11 px */ --body-sm-semibold: var(--body-sm-semibold-font-style) var(--body-sm-semibold-font-weight) var(--body-sm-semibold-font-size)/var(--body-sm-semibold-line-height) var(--body-sm-semibold-font-family); /* 11 px */ --body-sm-semibold-font-family: "Inter"; /* 11 px */ --body-sm-semibold-font-size: 11px; /* 11 px */ --body-sm-semibold-font-style: Semi Bold; /* 11 px */ --body-sm-semibold-font-weight: 600; /* 11 px */ --body-sm-semibold-letter-spacing: 0px; /* 11 px */ --body-sm-semibold-line-height: 127; /* For use as a darkened border on elements like radio buttons and checkboxes. */ --border-accented: var(--palette-grey-100); --border-action-default: var(--palette-grey-55); /* For use as a darkened border on danger components. */ --border-danger-accented: var(--palette-red-80); /* For use as a border on danger components such as an outline on interactive elements in an danger state like badge, notification and toast. */ --border-danger-default: var(--palette-red-50); /* For use as a disabled border on danger components. */ --border-danger-disabled: var(--palette-red-10); /* For use as a subdued border on danger components. */ --border-danger-subdued: var(--palette-red-40); /* Only use for special cases! It is not a semantic color. */ --border-decorative-purple-accented: var(--palette-purple-80); /* Only use for special cases! It is not a semantic color. */ --border-decorative-purple-default: var(--palette-purple-50); /* Only use for special cases! It is not a semantic color. */ --border-decorative-purple-disabled: var(--palette-purple-10); /* Only use for special cases! It is not a semantic color. */ --border-decorative-purple-subdued: var(--palette-purple-40); /* Only use for special cases! It is not a semantic color. */ --border-decorative-teal-accented: var(--palette-teal-80); /* Only use for special cases! It is not a semantic color. */ --border-decorative-teal-default: var(--palette-teal-50); /* Only use for special cases! It is not a semantic color. */ --border-decorative-teal-disabled: var(--palette-teal-10); /* Only use for special cases! It is not a semantic color. */ --border-decorative-teal-subdued: var(--palette-teal-40); /* For use as the default border on elements like buttons, inputs, radio buttons, checkboxes and switch. */ --border-default: var(--palette-grey-40); /* Used for disabled borders on interactive elements. */ --border-disabled: var(--palette-neutral-50); /* For use as a darkened border on info components. */ --border-info-accented: var(--palette-blue-70); /* For use as a border on info components such as an outline on interactive elements in an info state like badge, notification and toast. */ --border-info-default: var(--palette-blue-40); /* For use as a disabled border on info components. */ --border-info-disabled: var(--palette-blue-10); /* For use as a subdued border on info components. */ --border-info-subdued: var(--palette-blue-30); /* For use as a border on dark elements like in button or inversed devider. */ --border-inversed: var(--palette-white); /* For use as a darkened border on primary components. */ --border-primary-accented: var(--palette-blue-70); /* For use as the primary border on elements. */ --border-primary-default: var(--palette-blue-40); /* Used for disabled borders on primary interactive elements. */ --border-primary-disabled: var(--palette-blue-10); /* For use as a subdued border on primary components. */ --border-primary-subdued: var(--palette-blue-30); --border-radius-2xl: var(--size-6); --border-radius-3xl: var(--size-8); --border-radius-full: 10000px; --border-radius-lg: var(--size-2); --border-radius-md: var(--size-1); --border-radius-none: var(--size-0); --border-radius-sm: var(--size-05); --border-radius-xl: var(--size-4); --border-radius-xs: var(--size-025); /* For use as a subdued border on elements like card-borders and dividers. */ --border-subdued: var(--palette-grey-30); /* For use as a darkened border on success components. */ --border-success-accented: var(--palette-green-100); /* For use as a border on success components such as an outline on interactive elements in an success state like badge, notification and toast. */ --border-success-default: var(--palette-green-40); /* For use as a disabled border on success components. */ --border-success-disabled: var(--palette-green-5); /* For use as a subdued border on success components. */ --border-success-subdued: var(--palette-green-30); /* For use as a darkened border on warning components. */ --border-warning-accented: var(--palette-orange-100); /* For use as a border on warning components such as an outline on interactive elements in an warning state like badge, notification and toast. */ --border-warning-default: var(--palette-orange-40); /* For use as a disabled border on warning components. */ --border-warning-disabled: var(--palette-orange-10); /* For use as a subdued border on warning components. */ --border-warning-subdued: var(--palette-orange-30); --border-width-2xl: var(--size-2); --border-width-lg: var(--size-05); --border-width-md: var(--size-025); --border-width-xl: var(--size-1); --box-shadow-color-blur-lg: 26px; --box-shadow-color-blur-md: 10px; --box-shadow-color-blur-none: 0px; --box-shadow-color-blur-sm: 4px; --box-shadow-color-blur-xs: 1px; --box-shadow-color-position-x-lg: 26px; --box-shadow-color-position-x-md: 8px; --box-shadow-color-position-x-none: 0px; --box-shadow-color-position-x-sm: 3px; --box-shadow-color-position-x-xs: 1px; --box-shadow-color-position-y-lg: 26px; --box-shadow-color-position-y-md: 8px; --box-shadow-color-position-y-none: 0px; --box-shadow-color-position-y-sm: 3px; --box-shadow-color-position-y-xs: 1px; --box-shadow-color-spread-lg: 3px; --box-shadow-color-spread-md: 2px; --box-shadow-color-spread-none: 0px; --box-shadow-color-spread-sm: 1px; --box-shadow-focus-ring-default: 0px 0px 0px 3px rgb(12.941% 25.098% 85.098% / 0.75), 0px 0px 0px 1px rgb(100% 100% 100%); --box-shadow-focus-ring-inner: inset 0px 0px 0px 2px rgb(12.941% 25.098% 85.098% / 0.75); --box-shadow-focus-ring-supplemental: 0px 0px 0px 2px rgb(12.941% 25.098% 85.098% / 0.75); --box-shadow-lg: 0px 0px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08), 0px 26px 26px 0px rgb(3.9216% 12.157% 26.667% / 0.08); --box-shadow-md: 0px 0px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08), 0px 8px 10px 0px rgb(3.9216% 12.157% 26.667% / 0.08); --box-shadow-sm: 0px 0px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08), 0px 3px 4px 0px rgb(3.9216% 12.157% 26.667% / 0.08); --box-shadow-xs: 0px 0px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08), 0px 1px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08); /* 8 px */ --caption-medium: var(--caption-medium-font-style) var(--caption-medium-font-weight) var(--caption-medium-font-size)/var(--caption-medium-line-height) var(--caption-medium-font-family); /* 8 px */ --caption-medium-font-family: "Inter"; /* 8 px */ --caption-medium-font-size: 8px; /* 8 px */ --caption-medium-font-style: Medium; /* 8 px */ --caption-medium-font-weight: 500; /* 8 px */ --caption-medium-letter-spacing: 0px; /* 8 px */ --caption-medium-line-height: 150; /* 8 px */ --caption-regular: var(--caption-regular-font-style) var(--caption-regular-font-weight) var(--caption-regular-font-size)/var(--caption-regular-line-height) var(--caption-regular-font-family); /* 8 px */ --caption-regular-font-family: "Inter"; /* 8 px */ --caption-regular-font-size: 8px; /* 8 px */ --caption-regular-font-style: Regular; /* 8 px */ --caption-regular-font-weight: 400; /* 8 px */ --caption-regular-letter-spacing: 0px; /* 8 px */ --caption-regular-line-height: 150; /* For use as a text color in inert critical elements like as text in components such as badge, notification and toast icons. */ --content-danger-default: var(--palette-red-90); /* For use as a disabled text color in inert critical elements. */ --content-danger-disabled: var(--palette-red-50); /* For use as a subdued text color in inert critical elements. */ --content-danger-subdued: var(--palette-red-70); /* Only use for special cases! It is not a semantic color. */ --content-decorative-purple-default: var(--palette-purple-90); /* Only use for special cases! It is not a semantic color. */ --content-decorative-purple-disabled: var(--palette-purple-40); /* Only use for special cases! It is not a semantic color. */ --content-decorative-purple-subdued: var(--palette-purple-70); /* Only use for special cases! It is not a semantic color. */ --content-decorative-teal-default: var(--palette-teal-90); /* Only use for special cases! It is not a semantic color. */ --content-decorative-teal-disabled: var(--palette-teal-40); /* Only use for special cases! It is not a semantic color. */ --content-decorative-teal-subdued: var(--palette-teal-70); /* For use as default text and icon color. */ --content-default: var(--palette-grey-100); /* For use as a disabled text and icon color. */ --content-disabled: var(--palette-neutral-70); /* For use as a text color in inert info elements like as text in components such as badge, notification and toast icons. */ --content-info-default: var(--palette-blue-70); /* For use as a disabled text color in inert info elements. */ --content-info-disabled: var(--palette-blue-40); /* For use as a subdued text color in inert info elements. */ --content-info-subdued: var(--palette-blue-60); /* For use as a text color on dark elements like inversed tooltips. */ --content-inversed: var(--palette-white); /* For use as a text color on interactive elements like Buttons. */ --content-on-action: var(--palette-grey-100); /* For use as a inversed text color on interactive elements like Buttons. */ --content-on-action-inversed: var(--palette-white); /* For use as a placeholder text color. */ --content-placeholder: var(--palette-neutral-90); /* For use as primary text color on surface like as text in components such as links. */ --content-primary-default: var(--palette-blue-70); /* For use as a disabled primary text color on surface. */ --content-primary-disabled: var(--palette-blue-40); /* For use as a subdued primary text color on surface. */ --content-primary-subdued: var(--palette-blue-60); /* For use as a subdued text and icon color. */ --content-subdued: var(--palette-alpha-grey-70); /* For use as a text color in inert success elements like as text in components such as badge, notification and toast icons. */ --content-success-default: var(--palette-green-100); /* For use as a disabled text color in inert success elements. */ --content-success-disabled: var(--palette-green-40); /* For use as a subdued text color in inert success elements. */ --content-success-subdued: var(--palette-green-60); /* For use as a text color in inert warning elements like as text in components such as badge, notification and toast icons. */ --content-warning-default: var(--palette-orange-100); /* For use as a disabled text color in inert warning elements. */ --content-warning-disabled: var(--palette-orange-30); /* For use as a subdued text color in inert warning elements. */ --content-warning-subdued: var(--palette-orange-60); /* Use for KPIs only! */ --decorative-display-1: var(--decorative-display-1-font-style) var(--decorative-display-1-font-weight) var(--decorative-display-1-font-size)/var(--decorative-display-1-line-height) var(--decorative-display-1-font-family); /* Use for KPIs only! */ --decorative-display-1-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-display-1-font-size: 40px; /* Use for KPIs only! */ --decorative-display-1-font-style: Light; /* Use for KPIs only! */ --decorative-display-1-font-weight: 300; /* Use for KPIs only! */ --decorative-display-1-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-display-1-line-height: 100; /* Use for KPIs only! */ --decorative-display-2: var(--decorative-display-2-font-style) var(--decorative-display-2-font-weight) var(--decorative-display-2-font-size)/var(--decorative-display-2-line-height) var(--decorative-display-2-font-family); /* Use for KPIs only! */ --decorative-display-2-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-display-2-font-size: 32px; /* Use for KPIs only! */ --decorative-display-2-font-style: Light; /* Use for KPIs only! */ --decorative-display-2-font-weight: 300; /* Use for KPIs only! */ --decorative-display-2-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-display-2-line-height: 100; /* Use for KPIs only! */ --decorative-display-3: var(--decorative-display-3-font-style) var(--decorative-display-3-font-weight) var(--decorative-display-3-font-size)/var(--decorative-display-3-line-height) var(--decorative-display-3-font-family); /* Use for KPIs only! */ --decorative-display-3-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-display-3-font-size: 24px; /* Use for KPIs only! */ --decorative-display-3-font-style: Light; /* Use for KPIs only! */ --decorative-display-3-font-weight: 300; /* Use for KPIs only! */ --decorative-display-3-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-display-3-line-height: 100; /* Use for KPIs only! */ --decorative-headline-h2-light: var(--decorative-headline-h2-light-font-style) var(--decorative-headline-h2-light-font-weight) var(--decorative-headline-h2-light-font-size)/var(--decorative-headline-h2-light-line-height) var(--decorative-headline-h2-light-font-family); /* Use for KPIs only! */ --decorative-headline-h2-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-headline-h2-light-font-size: 20px; /* Use for KPIs only! */ --decorative-headline-h2-light-font-style: Light; /* Use for KPIs only! */ --decorative-headline-h2-light-font-weight: 300; /* Use for KPIs only! */ --decorative-headline-h2-light-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-headline-h2-light-line-height: 100; --decorative-headline-h2-regular: var(--decorative-headline-h2-regular-font-style) var(--decorative-headline-h2-regular-font-weight) var(--decorative-headline-h2-regular-font-size)/var(--decorative-headline-h2-regular-line-height) var(--decorative-headline-h2-regular-font-family); --decorative-headline-h2-regular-font-family: "Inter Variable"; --decorative-headline-h2-regular-font-size: 20px; --decorative-headline-h2-regular-font-style: Light; --decorative-headline-h2-regular-font-weight: 400; --decorative-headline-h2-regular-letter-spacing: 0px; --decorative-headline-h2-regular-line-height: 100; /* Use for KPIs only! */ --decorative-lg-light: var(--decorative-lg-light-font-style) var(--decorative-lg-light-font-weight) var(--decorative-lg-light-font-size)/var(--decorative-lg-light-line-height) var(--decorative-lg-light-font-family); /* Use for KPIs only! */ --decorative-lg-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-lg-light-font-size: 16px; /* Use for KPIs only! */ --decorative-lg-light-font-style: Light; /* Use for KPIs only! */ --decorative-lg-light-font-weight: 300; /* Use for KPIs only! */ --decorative-lg-light-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-lg-light-line-height: 100; /* Use for KPIs only! */ --decorative-lg-regular: var(--decorative-lg-regular-font-style) var(--decorative-lg-regular-font-weight) var(--decorative-lg-regular-font-size)/var(--decorative-lg-regular-line-height) var(--decorative-lg-regular-font-family); /* Use for KPIs only! */ --decorative-lg-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-lg-regular-font-size: 16px; /* Use for KPIs only! */ --decorative-lg-regular-font-style: Light; /* Use for KPIs only! */ --decorative-lg-regular-font-weight: 400; /* Use for KPIs only! */ --decorative-lg-regular-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-lg-regular-line-height: 100; /* Use for KPIs only! */ --decorative-md-light: var(--decorative-md-light-font-style) var(--decorative-md-light-font-weight) var(--decorative-md-light-font-size)/var(--decorative-md-light-line-height) var(--decorative-md-light-font-family); /* Use for KPIs only! */ --decorative-md-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-md-light-font-size: 13px; /* Use for KPIs only! */ --decorative-md-light-font-style: Light; /* Use for KPIs only! */ --decorative-md-light-font-weight: 300; /* Use for KPIs only! */ --decorative-md-light-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-md-light-line-height: 100; /* Use for KPIs only! */ --decorative-md-regular: var(--decorative-md-regular-font-style) var(--decorative-md-regular-font-weight) var(--decorative-md-regular-font-size)/var(--decorative-md-regular-line-height) var(--decorative-md-regular-font-family); /* Use for KPIs only! */ --decorative-md-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-md-regular-font-size: 13px; /* Use for KPIs only! */ --decorative-md-regular-font-style: Light; /* Use for KPIs only! */ --decorative-md-regular-font-weight: 400; /* Use for KPIs only! */ --decorative-md-regular-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-md-regular-line-height: 100; /* Use for KPIs only! */ --decorative-sm-light: var(--decorative-sm-light-font-style) var(--decorative-sm-light-font-weight) var(--decorative-sm-light-font-size)/var(--decorative-sm-light-line-height) var(--decorative-sm-light-font-family); /* Use for KPIs only! */ --decorative-sm-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-sm-light-font-size: 11px; /* Use for KPIs only! */ --decorative-sm-light-font-style: Light; /* Use for KPIs only! */ --decorative-sm-light-font-weight: 300; /* Use for KPIs only! */ --decorative-sm-light-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-sm-light-line-height: 100; /* Use for KPIs only! */ --decorative-sm-regular: var(--decorative-sm-regular-font-style) var(--decorative-sm-regular-font-weight) var(--decorative-sm-regular-font-size)/var(--decorative-sm-regular-line-height) var(--decorative-sm-regular-font-family); /* Use for KPIs only! */ --decorative-sm-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-sm-regular-font-size: 11px; /* Use for KPIs only! */ --decorative-sm-regular-font-style: Light; /* Use for KPIs only! */ --decorative-sm-regular-font-weight: 400; /* Use for KPIs only! */ --decorative-sm-regular-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-sm-regular-line-height: 100; /* 16 px */ --density-alpha-body-lg-medium: var(--density-alpha-body-lg-medium-font-style) var(--density-alpha-body-lg-medium-font-weight) var(--density-alpha-body-lg-medium-font-size)/var(--density-alpha-body-lg-medium-line-height) var(--density-alpha-body-lg-medium-font-family); /* 16 px */ --density-alpha-body-lg-medium-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-medium-font-size: 16px; /* 16 px */ --density-alpha-body-lg-medium-font-style: Medium; /* 16 px */ --density-alpha-body-lg-medium-font-weight: 500; /* 16 px */ --density-alpha-body-lg-medium-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-medium-line-height: 125; /* 16 px */ --density-alpha-body-lg-regular: var(--density-alpha-body-lg-regular-font-style) var(--density-alpha-body-lg-regular-font-weight) var(--density-alpha-body-lg-regular-font-size)/var(--density-alpha-body-lg-regular-line-height) var(--density-alpha-body-lg-regular-font-family); /* 16 px */ --density-alpha-body-lg-regular-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-regular-font-size: 16px; /* 16 px */ --density-alpha-body-lg-regular-font-style: Regular; /* 16 px */ --density-alpha-body-lg-regular-font-weight: 400; /* 16 px */ --density-alpha-body-lg-regular-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-regular-line-height: 125; /* 13 px */ --density-alpha-body-md-medium: var(--density-alpha-body-md-medium-font-style) var(--density-alpha-body-md-medium-font-weight) var(--density-alpha-body-md-medium-font-size)/var(--density-alpha-body-md-medium-line-height) var(--density-alpha-body-md-medium-font-family); /* 13 px */ --density-alpha-body-md-medium-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-medium-font-size: 13px; /* 13 px */ --density-alpha-body-md-medium-font-style: Medium; /* 13 px */ --density-alpha-body-md-medium-font-weight: 500; /* 13 px */ --density-alpha-body-md-medium-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-medium-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-regular: var(--density-alpha-body-md-regular-font-style) var(--density-alpha-body-md-regular-font-weight) var(--density-alpha-body-md-regular-font-size)/var(--density-alpha-body-md-regular-line-height) var(--density-alpha-body-md-regular-font-family); /* 13 px */ --density-alpha-body-md-regular-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-regular-font-size: 13px; /* 13 px */ --density-alpha-body-md-regular-font-style: Regular; /* 13 px */ --density-alpha-body-md-regular-font-weight: 400; /* 13 px */ --density-alpha-body-md-regular-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-regular-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-semibold: var(--density-alpha-body-md-semibold-font-style) var(--density-alpha-body-md-semibold-font-weight) var(--density-alpha-body-md-semibold-font-size)/var(--density-alpha-body-md-semibold-line-height) var(--density-alpha-body-md-semibold-font-family); /* 13 px */ --density-alpha-body-md-semibold-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-semibold-font-size: 13px; /* 13 px */ --density-alpha-body-md-semibold-font-style: Semi Bold; /* 13 px */ --density-alpha-body-md-semibold-font-weight: 600; /* 13 px */ --density-alpha-body-md-semibold-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-semibold-line-height: 123.07691955566406; /* 11 px */ --density-alpha-body-sm-bold: var(--density-alpha-body-sm-bold-font-style) var(--density-alpha-body-sm-bold-font-weight) var(--density-alpha-body-sm-bold-font-size)/var(--density-alpha-body-sm-bold-line-height) var(--density-alpha-body-sm-bold-font-family); /* 11 px */ --density-alpha-body-sm-bold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-bold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-bold-font-style: Bold; /* 11 px */ --density-alpha-body-sm-bold-font-weight: 700; /* 11 px */ --density-alpha-body-sm-bold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-bold-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-medium: var(--density-alpha-body-sm-medium-font-style) var(--density-alpha-body-sm-medium-font-weight) var(--density-alpha-body-sm-medium-font-size)/var(--density-alpha-body-sm-medium-line-height) var(--density-alpha-body-sm-medium-font-family); /* 11 px */ --density-alpha-body-sm-medium-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-medium-font-size: 11px; /* 11 px */ --density-alpha-body-sm-medium-font-style: Medium; /* 11 px */ --density-alpha-body-sm-medium-font-weight: 500; /* 11 px */ --density-alpha-body-sm-medium-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-medium-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-regular: var(--density-alpha-body-sm-regular-font-style) var(--density-alpha-body-sm-regular-font-weight) var(--density-alpha-body-sm-regular-font-size)/var(--density-alpha-body-sm-regular-line-height) var(--density-alpha-body-sm-regular-font-family); /* 11 px */ --density-alpha-body-sm-regular-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-regular-font-size: 11px; /* 11 px */ --density-alpha-body-sm-regular-font-style: Regular; /* 11 px */ --density-alpha-body-sm-regular-font-weight: 400; /* 11 px */ --density-alpha-body-sm-regular-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-regular-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-semibold: var(--density-alpha-body-sm-semibold-font-style) var(--density-alpha-body-sm-semibold-font-weight) var(--density-alpha-body-sm-semibold-font-size)/var(--density-alpha-body-sm-semibold-line-height) var(--density-alpha-body-sm-semibold-font-family); /* 11 px */ --density-alpha-body-sm-semibold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-semibold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-semibold-font-style: Semi Bold; /* 11 px */ --density-alpha-body-sm-semibold-font-weight: 600; /* 11 px */ --density-alpha-body-sm-semibold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-semibold-line-height: 127.2727279663086; /* 8 px */ --density-alpha-caption-medium: var(--density-alpha-caption-medium-font-style) var(--density-alpha-caption-medium-font-weight) var(--density-alpha-caption-medium-font-size)/var(--density-alpha-caption-medium-line-height) var(--density-alpha-caption-medium-font-family); /* 8 px */ --density-alpha-caption-medium-font-family: "Inter"; /* 8 px */ --density-alpha-caption-medium-font-size: 8px; /* 8 px */ --density-alpha-caption-medium-font-style: Medium; /* 8 px */ --density-alpha-caption-medium-font-weight: 500; /* 8 px */ --density-alpha-caption-medium-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-medium-line-height: 150; /* 8 px */ --density-alpha-caption-regular: var(--density-alpha-caption-regular-font-style) var(--density-alpha-caption-regular-font-weight) var(--density-alpha-caption-regular-font-size)/var(--density-alpha-caption-regular-line-height) var(--density-alpha-caption-regular-font-family); /* 8 px */ --density-alpha-caption-regular-font-family: "Inter"; /* 8 px */ --density-alpha-caption-regular-font-size: 8px; /* 8 px */ --density-alpha-caption-regular-font-style: Regular; /* 8 px */ --density-alpha-caption-regular-font-weight: 400; /* 8 px */ --density-alpha-caption-regular-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-regular-line-height: 150; /* Use for KPIs only! */ --density-alpha-decorative-display-1: var(--density-alpha-decorative-display-1-font-style) var(--density-alpha-decorative-display-1-font-weight) var(--density-alpha-decorative-display-1-font-size)/var(--density-alpha-decorative-display-1-line-height) var(--density-alpha-decorative-display-1-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-size: 40px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-1-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-2: var(--density-alpha-decorative-display-2-font-style) var(--density-alpha-decorative-display-2-font-weight) var(--density-alpha-decorative-display-2-font-size)/var(--density-alpha-decorative-display-2-line-height) var(--density-alpha-decorative-display-2-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-size: 32px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-2-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-3: var(--density-alpha-decorative-display-3-font-style) var(--density-alpha-decorative-display-3-font-weight) var(--density-alpha-decorative-display-3-font-size)/var(--density-alpha-decorative-display-3-line-height) var(--density-alpha-decorative-display-3-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-size: 24px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-3-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light: var(--density-alpha-decorative-headline-h2-light-font-style) var(--density-alpha-decorative-headline-h2-light-font-weight) var(--density-alpha-decorative-headline-h2-light-font-size)/var(--density-alpha-decorative-headline-h2-light-line-height) var(--density-alpha-decorative-headline-h2-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-size: 20px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-line-height: 125; --density-alpha-decorative-headline-h2-regular: var(--density-alpha-decorative-headline-h2-regular-font-style) var(--density-alpha-decorative-headline-h2-regular-font-weight) var(--density-alpha-decorative-headline-h2-regular-font-size)/var(--density-alpha-decorative-headline-h2-regular-line-height) var(--density-alpha-decorative-headline-h2-regular-font-family); --density-alpha-decorative-headline-h2-regular-font-family: "Inter Variable"; --density-alpha-decorative-headline-h2-regular-font-size: 20px; --density-alpha-decorative-headline-h2-regular-font-style: Regular; --density-alpha-decorative-headline-h2-regular-font-weight: 400; --density-alpha-decorative-headline-h2-regular-letter-spacing: 0px; --density-alpha-decorative-headline-h2-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-light: var(--density-alpha-decorative-lg-light-font-style) var(--density-alpha-decorative-lg-light-font-weight) var(--density-alpha-decorative-lg-light-font-size)/var(--density-alpha-decorative-lg-light-line-height) var(--density-alpha-decorative-lg-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular: var(--density-alpha-decorative-lg-regular-font-style) var(--density-alpha-decorative-lg-regular-font-weight) var(--density-alpha-decorative-lg-regular-font-size)/var(--density-alpha-decorative-lg-regular-line-height) var(--density-alpha-decorative-lg-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-md-light: var(--density-alpha-decorative-md-light-font-style) var(--density-alpha-decorative-md-light-font-weight) var(--density-alpha-decorative-md-light-font-size)/var(--density-alpha-decorative-md-light-line-height) var(--density-alpha-decorative-md-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-md-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-md-regular: var(--density-alpha-decorative-md-regular-font-style) var(--density-alpha-decorative-md-regular-font-weight) var(--density-alpha-decorative-md-regular-font-size)/var(--density-alpha-decorative-md-regular-line-height) var(--density-alpha-decorative-md-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-sm-light: var(--density-alpha-decorative-sm-light-font-style) var(--density-alpha-decorative-sm-light-font-weight) var(--density-alpha-decorative-sm-light-font-size)/var(--density-alpha-decorative-sm-light-line-height) var(--density-alpha-decorative-sm-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-line-height: 127.2727279663086; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular: var(--density-alpha-decorative-sm-regular-font-style) var(--density-alpha-decorative-sm-regular-font-weight) var(--density-alpha-decorative-sm-regular-font-size)/var(--density-alpha-decorative-sm-regular-line-height) var(--density-alpha-decorative-sm-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-line-height: 127.2727279663086; --density-alpha-display-1: var(--density-alpha-display-1-font-style) var(--density-alpha-display-1-font-weight) var(--density-alpha-display-1-font-size)/var(--density-alpha-display-1-line-height) var(--density-alpha-display-1-font-family); --density-alpha-display-1-font-family: "Inter"; --density-alpha-display-1-font-size: 40px; --density-alpha-display-1-font-style: Bold; --density-alpha-display-1-font-weight: 700; --density-alpha-display-1-letter-spacing: 0px; --density-alpha-display-1-line-height: 125; --density-alpha-display-2: var(--density-alpha-display-2-font-style) var(--density-alpha-display-2-font-weight) var(--density-alpha-display-2-font-size)/var(--density-alpha-display-2-line-height) var(--density-alpha-display-2-font-family); --density-alpha-display-2-font-family: "Inter"; --density-alpha-display-2-font-size: 32px; --density-alpha-display-2-font-style: Bold; --density-alpha-display-2-font-weight: 700; --density-alpha-display-2-letter-spacing: 0px; --density-alpha-display-2-line-height: 125; --density-alpha-display-3: var(--density-alpha-display-3-font-style) var(--density-alpha-display-3-font-weight) var(--density-alpha-display-3-font-size)/var(--density-alpha-display-3-line-height) var(--density-alpha-display-3-font-family); --density-alpha-display-3-font-family: "Inter"; --density-alpha-display-3-font-size: 30px; --density-alpha-display-3-font-style: Bold; --density-alpha-display-3-font-weight: 700; --density-alpha-display-3-letter-spacing: 0px; --density-alpha-display-3-line-height: 126.66666412353516; /* 26 px */ --density-alpha-display-4: var(--density-alpha-display-4-font-style) var(--density-alpha-display-4-font-weight) var(--density-alpha-display-4-font-size)/var(--density-alpha-display-4-line-height) var(--density-alpha-display-4-font-family); /* 26 px */ --density-alpha-display-4-font-family: "Inter"; /* 26 px */ --density-alpha-display-4-font-size: 26px; /* 26 px */ --density-alpha-display-4-font-style: Bold; /* 26 px */ --density-alpha-display-4-font-weight: 700; /* 26 px */ --density-alpha-display-4-letter-spacing: 0px; /* 26 px */ --density-alpha-display-4-line-height: 123.07691955566406; /* 24 px */ --density-alpha-headline-h1: var(--density-alpha-headline-h1-font-style) var(--density-alpha-headline-h1-font-weight) var(--density-alpha-headline-h1-font-size)/var(--density-alpha-headline-h1-line-height) var(--density-alpha-headline-h1-font-family); /* 24 px */ --density-alpha-headline-h1-font-family: "Inter"; /* 24 px */ --density-alpha-headline-h1-font-size: 24px; /* 24 px */ --density-alpha-headline-h1-font-style: Bold; /* 24 px */ --density-alpha-headline-h1-font-weight: 700; /* 24 px */ --density-alpha-headline-h1-letter-spacing: 0px; /* 24 px */ --density-alpha-headline-h1-line-height: 125; /* 20 px */ --density-alpha-headline-h2: var(--density-alpha-headline-h2-font-style) var(--density-alpha-headline-h2-font-weight) var(--density-alpha-headline-h2-font-size)/var(--density-alpha-headline-h2-line-height) var(--density-alpha-headline-h2-font-family); /* 20 px */ --density-alpha-headline-h2-font-family: "Inter"; /* 20 px */ --density-alpha-headline-h2-font-size: 20px; /* 20 px */ --density-alpha-headline-h2-font-style: Bold; /* 20 px */ --density-alpha-headline-h2-font-weight: 700; /* 20 px */ --density-alpha-headline-h2-letter-spacing: 0px; /* 20 px */ --density-alpha-headline-h2-line-height: 125; /* 16 px */ --density-alpha-headline-h3: var(--density-alpha-headline-h3-font-style) var(--density-alpha-headline-h3-font-weight) var(--density-alpha-headline-h3-font-size)/var(--density-alpha-headline-h3-line-height) var(--density-alpha-headline-h3-font-family); /* 16 px */ --density-alpha-headline-h3-font-family: "Inter"; /* 16 px */ --density-alpha-headline-h3-font-size: 16px; /* 16 px */ --density-alpha-headline-h3-font-style: Bold; /* 16 px */ --density-alpha-headline-h3-font-weight: 700; /* 16 px */ --density-alpha-headline-h3-letter-spacing: 0px; /* 16 px */ --density-alpha-headline-h3-line-height: 125; /* 13 px */ --density-alpha-headline-h4: var(--density-alpha-headline-h4-font-style) var(--density-alpha-headline-h4-font-weight) var(--density-alpha-headline-h4-font-size)/var(--density-alpha-headline-h4-line-height) var(--density-alpha-headline-h4-font-family); /* 13 px */ --density-alpha-headline-h4-font-family: "Inter"; /* 13 px */ --density-alpha-headline-h4-font-size: 13px; /* 13 px */ --density-alpha-headline-h4-font-style: Semi Bold; /* 13 px */ --density-alpha-headline-h4-font-weight: 600; /* 13 px */ --density-alpha-headline-h4-letter-spacing: 0px; /* 13 px */ --density-alpha-headline-h4-line-height: 123.07691955566406; /* 11 px */ --density-alpha-headline-h5: var(--density-alpha-headline-h5-font-style) var(--density-alpha-headline-h5-font-weight) var(--density-alpha-headline-h5-font-size)/var(--density-alpha-headline-h5-line-height) var(--density-alpha-headline-h5-font-family); /* 11 px */ --density-alpha-headline-h5-font-family: "Inter"; /* 11 px */ --density-alpha-headline-h5-font-size: 11px; /* 11 px */ --density-alpha-headline-h5-font-style: Semi Bold; /* 11 px */ --density-alpha-headline-h5-font-weight: 600; /* 11 px */ --density-alpha-headline-h5-letter-spacing: 0px; /* 11 px */ --density-alpha-headline-h5-line-height: 127.2727279663086; --density-alpha-monospace-md-regular: var(--density-alpha-monospace-md-regular-font-style) var(--density-alpha-monospace-md-regular-font-weight) var(--density-alpha-monospace-md-regular-font-size)/var(--density-alpha-monospace-md-regular-line-height) var(--density-alpha-monospace-md-regular-font-family); --density-alpha-monospace-md-regular-font-family: "Roboto Mono"; --density-alpha-monospace-md-regular-font-size: 13px; --density-alpha-monospace-md-regular-font-style: Regular; --density-alpha-monospace-md-regular-font-weight: 400; --density-alpha-monospace-md-regular-letter-spacing: 0px; --density-alpha-monospace-md-regular-line-height: 123.07691955566406; --density-alpha-monospace-sm-regular: var(--density-alpha-monospace-sm-regular-font-style) var(--density-alpha-monospace-sm-regular-font-weight) var(--density-alpha-monospace-sm-regular-font-size)/var(--density-alpha-monospace-sm-regular-line-height) var(--density-alpha-monospace-sm-regular-font-family); --density-alpha-monospace-sm-regular-font-family: "Roboto Mono"; --density-alpha-monospace-sm-regular-font-size: 11px; --density-alpha-monospace-sm-regular-font-style: Regular; --density-alpha-monospace-sm-regular-font-weight: 400; --density-alpha-monospace-sm-regular-letter-spacing: 0px; --density-alpha-monospace-sm-regular-line-height: 127.2727279663086; --density-font-size-2xl: 24px; --density-font-size-2xs: 8px; --density-font-size-3xl: 26px; --density-font-size-4xl: 30px; --density-font-size-5xl: 32px; --density-font-size-6xl: 40px; --density-font-size-lg: 18px; --density-font-size-md: 16px; --density-font-size-sm: 13px; --density-font-size-xl: 20px; --density-font-size-xs: 11px; --density-line-height-body-lg: 20; --density-line-height-body-md: 16; --density-line-height-body-sm: 14; --density-line-height-caption-default: 12; --density-line-height-decorative-display-1: 50; --density-line-height-decorative-display-2: 40; --density-line-height-decorative-display-3: 30; --density-line-height-decorative-headline-h2: 25; --density-line-height-decorative-lg: 20; --density-line-height-decorative-md: 16; --density-line-height-decorative-sm: 14; --density-line-height-display-1: 50; --density-line-height-display-2: 40; --density-line-height-display-3: 38; --density-line-height-display-4: 32; --density-line-height-headline-h1: 30; --density-line-height-headline-h2: 25; --density-line-height-headline-h3: 20; --density-line-height-headline-h4: 16; --density-line-height-headline-h5: 14; --density-line-height-monospace-md: 16; --density-line-height-monospace-sm: 14; /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xl: var(--size-14); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xs: var(--size-2); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xl: var(--size-16); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xs: var(--size-1); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xl: var(--size-18); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xs: var(--size-05); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-5xl: var(--size-20); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-lg: var(--size-10); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-md: var(--size-8); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-none: var(--size-0); --density-size-sm: var(--size-6); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xl: var(--size-12); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xs: var(--size-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xl: var(--space-5); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xs: var(--space-025); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xl: var(--space-6); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xs: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-4xl: var(--space-8); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-5xl: var(--space-10); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-6xl: var(--space-12); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-lg: var(--space-3); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-md: var(--space-2); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-none: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-sm: var(--space-1); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xl: var(--space-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xs: var(--space-05); --display-1: var(--display-1-font-style) var(--display-1-font-weight) var(--display-1-font-size)/var(--display-1-line-height) var(--display-1-font-family); --display-1-font-family: "Inter"; --display-1-font-size: 40px; --display-1-font-style: Bold; --display-1-font-weight: 700; --display-1-letter-spacing: 0px; --display-1-line-height: 125; --display-2: var(--display-2-font-style) var(--display-2-font-weight) var(--display-2-font-size)/var(--display-2-line-height) var(--display-2-font-family); --display-2-font-family: "Inter"; --display-2-font-size: 32px; --display-2-font-style: Bold; --display-2-font-weight: 700; --display-2-letter-spacing: 0px; --display-2-line-height: 125; --display-3: var(--display-3-font-style) var(--display-3-font-weight) var(--display-3-font-size)/var(--display-3-line-height) var(--display-3-font-family); --display-3-font-family: "Inter"; --display-3-font-size: 30px; --display-3-font-style: Bold; --display-3-font-weight: 700; --display-3-letter-spacing: 0px; --display-3-line-height: 125; /* 26 px */ --display-4: var(--display-4-font-style) var(--display-4-font-weight) var(--display-4-font-size)/var(--display-4-line-height) var(--display-4-font-family); /* 26 px */ --display-4-font-family: "Inter"; /* 26 px */ --display-4-font-size: 26px; /* 26 px */ --display-4-font-style: Bold; /* 26 px */ --display-4-font-weight: 700; /* 26 px */ --display-4-letter-spacing: 0px; /* 26 px */ --display-4-line-height: 125; --font-family-base: "Inter"; --font-family-decorative: "Inter Variable"; --font-family-monospace: "Roboto Mono"; --font-family-serif: "Georgia"; --font-size-2xl: 24px; --font-size-2xs: 8px; --font-size-3xl: 26px; --font-size-4xl: 30px; --font-size-5xl: 32px; --font-size-6xl: 40px; --font-size-lg: 18px; --font-size-md: 16px; --font-size-sm: 13px; --font-size-xl: 20px; --font-size-xs: 11px; --font-weight-bold: 700; --font-weight-light: 300; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-semibold: 600; --gutter-margin-columns-count: 12; --gutter-margin-columns-gutter-size: -7.666666507720947px; --gutter-margin-columns-section-size: -7.666666507720947px; --gutter-no-margin-columns-count: 12; --gutter-no-margin-columns-gutter-size: -6.333333492279053px; --gutter-no-margin-columns-section-size: -6.333333492279053px; --gutterless-margin-columns-count: 12; --gutterless-margin-columns-gutter-size: 7px; --gutterless-margin-columns-section-size: 7px; --gutterless-no-margin-columns-count: 12; --gutterless-no-margin-columns-gutter-size: 8.333333015441895px; --gutterless-no-margin-columns-section-size: 8.333333015441895px; /* 24 px */ --headline-h1: var(--headline-h1-font-style) var(--headline-h1-font-weight) var(--headline-h1-font-size)/var(--headline-h1-line-height) var(--headline-h1-font-family); /* 24 px */ --headline-h1-font-family: "Inter"; /* 24 px */ --headline-h1-font-size: 24px; /* 24 px */ --headline-h1-font-style: Bold; /* 24 px */ --headline-h1-font-weight: 700; /* 24 px */ --headline-h1-letter-spacing: 0px; /* 24 px */ --headline-h1-line-height: 125; /* 20 px */ --headline-h2: var(--headline-h2-font-style) var(--headline-h2-font-weight) var(--headline-h2-font-size)/var(--headline-h2-line-height) var(--headline-h2-font-family); /* 20 px */ --headline-h2-font-family: "Inter"; /* 20 px */ --headline-h2-font-size: 20px; /* 20 px */ --headline-h2-font-style: Bold; /* 20 px */ --headline-h2-font-weight: 700; /* 20 px */ --headline-h2-letter-spacing: 0px; /* 20 px */ --headline-h2-line-height: 125; /* 16 px */ --headline-h3: var(--headline-h3-font-style) var(--headline-h3-font-weight) var(--headline-h3-font-size)/var(--headline-h3-line-height) var(--headline-h3-font-family); /* 16 px */ --headline-h3-font-family: "Inter"; /* 16 px */ --headline-h3-font-size: 16px; /* 16 px */ --headline-h3-font-style: Bold; /* 16 px */ --headline-h3-font-weight: 700; /* 16 px */ --headline-h3-letter-spacing: 0px; /* 16 px */ --headline-h3-line-height: 125; /* 13 px */ --headline-h4: var(--headline-h4-font-style) var(--headline-h4-font-weight) var(--headline-h4-font-size)/var(--headline-h4-line-height) var(--headline-h4-font-family); /* 13 px */ --headline-h4-font-family: "Inter"; /* 13 px */ --headline-h4-font-size: 13px; /* 13 px */ --headline-h4-font-style: Semi Bold; /* 13 px */ --headline-h4-font-weight: 600; /* 13 px */ --headline-h4-letter-spacing: 0px; /* 13 px */ --headline-h4-line-height: 123; /* 11 px */ --headline-h5: var(--headline-h5-font-style) var(--headline-h5-font-weight) var(--headline-h5-font-size)/var(--headline-h5-line-height) var(--headline-h5-font-family); /* 11 px */ --headline-h5-font-family: "Inter"; /* 11 px */ --headline-h5-font-size: 11px; /* 11 px */ --headline-h5-font-style: Semi Bold; /* 11 px */ --headline-h5-font-weight: 600; /* 11 px */ --headline-h5-letter-spacing: 0px; /* 11 px */ --headline-h5-line-height: 127; --indent: var(--space-0); --line-height-lg: 2; --line-height-md: 1.5; --line-height-reset: 1; --line-height-sm: 1.25; --monospace-md-regular: var(--monospace-md-regular-font-style) var(--monospace-md-regular-font-weight) var(--monospace-md-regular-font-size)/var(--monospace-md-regular-line-height) var(--monospace-md-regular-font-family); --monospace-md-regular-font-family: "Roboto Mono"; --monospace-md-regular-font-size: 13px; --monospace-md-regular-font-style: Regular; --monospace-md-regular-font-weight: 400; --monospace-md-regular-letter-spacing: 0px; --monospace-md-regular-line-height: 123; --monospace-sm-regular: var(--monospace-sm-regular-font-style) var(--monospace-sm-regular-font-weight) var(--monospace-sm-regular-font-size)/var(--monospace-sm-regular-line-height) var(--monospace-sm-regular-font-family); --monospace-sm-regular-font-family: "Roboto Mono"; --monospace-sm-regular-font-size: 11px; --monospace-sm-regular-font-style: Regular; --monospace-sm-regular-font-weight: 400; --monospace-sm-regular-letter-spacing: 0px; --monospace-sm-regular-line-height: 123; --palette-alpha-blue-20: rgb(5.098% 46.275% 100% / 0.19); --palette-alpha-blue-30: rgb(1.1765% 41.961% 98.824% / 0.33); --palette-alpha-blue-40: rgb(1.1765% 41.961% 99.216% / 0.48); --palette-alpha-grey-20: rgb(8.6275% 1.9608% 34.51% / 0.06); --palette-alpha-grey-30: rgb(4.3137% 4.3137% 25.882% / 0.18); --palette-alpha-grey-40: rgb(3.1373% 4.7059% 25.49% / 0.3); --palette-alpha-grey-70: rgb(1.2% 4.44% 22.8% / 0.63); --palette-alpha-inverted-grey-10: rgb(87.059% 83.137% 89.804% / 0.07); --palette-alpha-inverted-grey-20: rgb(74.902% 85.49% 98.824% / 0.13); --palette-alpha-inverted-grey-50: rgb(76.078% 87.059% 99.216% / 0.54); --palette-alpha-inverted-neutral-10: rgb(92.941% 82.745% 74.902% / 0.13); --palette-alpha-lightblue-20: rgb(67.451% 80.784% 99.608% / 0.2); --palette-alpha-lightblue-30: rgb(67.451% 80.784% 99.608% / 0.3); --palette-alpha-lightblue-40: rgb(67.451% 80.784% 99.608% / 0.4); --palette-alpha-neutral-10: rgb(5.8824% 5.8824% 5.8824% / 0.05); --palette-blue-5: rgb(97.255% 98.824% 100%); --palette-blue-10: rgb(96.471% 98.431% 100%); --palette-blue-20: rgb(81.961% 89.804% 100%); --palette-blue-30: rgb(67.451% 80.784% 99.608%); --palette-blue-40: rgb(52.549% 72.157% 99.608%); --palette-blue-50: rgb(37.647% 62.745% 99.608%); --palette-blue-60: rgb(21.569% 52.941% 99.216%); --palette-blue-70: rgb(14.902% 29.02% 100%); --palette-blue-80: rgb(12.941% 25.098% 85.098%); --palette-blue-90: rgb(9.8039% 20% 72.549%); --palette-blue-100: rgb(0.78431% 21.176% 51.373%); --palette-green-0: rgb(95.686% 99.608% 99.608%); --palette-green-5: rgb(94.51% 99.216% 99.216%); --palette-green-10: rgb(85.098% 97.255% 94.118%); --palette-green-20: rgb(76.471% 95.294% 90.588%); --palette-green-30: rgb(58.431% 90.98% 81.176%); --palette-green-40: rgb(38.824% 86.275% 71.373%); --palette-green-60: rgb(20% 73.333% 56.078%); --palette-green-80: rgb(14.118% 59.608% 45.098%); --palette-green-100: rgb(8.2353% 46.667% 34.118%); --palette-grey-0: rgb(98.824% 98.824% 99.608%); --palette-grey-5: rgb(98.431% 98.431% 99.216%); --palette-grey-10: rgb(98.039% 98.039% 99.216%); --palette-grey-20: rgb(94.51% 94.118% 96.078%); --palette-grey-30: rgb(82.745% 82.745% 86.667%); --palette-grey-40: rgb(70.98% 71.373% 77.647%); --palette-grey-50: rgb(59.608% 60.392% 68.627%); --palette-grey-55: rgb(1.5% 4.2% 28.5% / 0.45); --palette-grey-60: rgb(48.627% 49.804% 59.608%); --palette-grey-70: rgb(37.647% 39.608% 50.98%); --palette-grey-80: rgb(27.059% 29.804% 42.745%); --palette-grey-90: rgb(16.471% 20.784% 34.51%); --palette-grey-100: rgb(3.9216% 12.157% 26.667%); --palette-inverted-blue-30: rgb(8.2353% 15.294% 25.49%); --palette-inverted-blue-40: rgb(7.0588% 16.078% 29.412%); --palette-inverted-blue-50: rgb(6.2745% 17.255% 32.941%); --palette-inverted-green-30: rgb(10.588% 23.137% 20.392%); --palette-inverted-green-40: rgb(10.196% 26.275% 22.353%); --palette-inverted-green-50: rgb(9.8039% 29.804% 24.314%); --palette-inverted-grey-0: rgb(8.6275% 10.196% 11.373%); --palette-inverted-grey-5: rgb(11.373% 12.941% 14.51%); --palette-inverted-grey-10: rgb(14.118% 15.294% 16.863%); --palette-inverted-grey-20: rgb(17.255% 20% 22.745%); --palette-inverted-grey-30: rgb(27.059% 30.98% 34.902%); --palette-inverted-grey-40: rgb(36.078% 42.353% 47.843%); --palette-inverted-grey-80: rgb(71.373% 76.078% 81.176%); --palette-inverted-grey-90: rgb(78.039% 81.961% 85.882%); --palette-inverted-grey-100: rgb(87.059% 89.412% 91.765%); --palette-inverted-neutral-0: rgb(13.333% 13.333% 13.333%); --palette-inverted-neutral-5: rgb(14.902% 14.902% 14.902%); --palette-inverted-neutral-10: rgb(19.608% 19.608% 19.608%); --palette-inverted-neutral-20: rgb(26.275% 26.275% 26.275%); --palette-inverted-neutral-30: rgb(33.333% 33.333% 33.333%); --palette-inverted-neutral-70: rgb(63.529% 63.529% 63.529%); --palette-inverted-orange-30: rgb(34.118% 25.098% 10.98%); --palette-inverted-orange-40: rgb(41.961% 29.02% 9.8039%); --palette-inverted-orange-50: rgb(49.412% 33.333% 8.6275%); --palette-inverted-purple-30: rgb(20.392% 10.196% 32.157%); --palette-inverted-purple-40: rgb(23.137% 9.4118% 38.039%); --palette-inverted-purple-50: rgb(26.275% 8.6275% 44.314%); --palette-inverted-red-30: rgb(29.02% 9.0196% 10.196%); --palette-inverted-red-40: rgb(34.902% 7.8431% 8.6275%); --palette-inverted-red-50: rgb(40.784% 6.6667% 7.451%); --palette-inverted-teal-30: rgb(7.8431% 19.608% 21.569%); --palette-inverted-teal-40: rgb(6.6667% 21.961% 23.922%); --palette-inverted-teal-50: rgb(5.8824% 24.314% 26.275%); --palette-neutral-0: rgb(98.824% 98.824% 98.824%); --palette-neutral-5: rgb(97.255% 97.255% 97.255%); --palette-neutral-10: rgb(95.294% 95.294% 95.294%); --palette-neutral-50: rgb(85.882% 85.882% 85.882%); --palette-neutral-70: rgb(56.078% 56.078% 56.078%); --palette-neutral-90: rgb(43.529% 43.529% 43.529%); --palette-orange-0: rgb(100% 100% 90.196%); --palette-orange-5: rgb(100% 100% 88.627%); --palette-orange-10: rgb(100% 100% 85.882%); --palette-orange-20: rgb(100% 93.333% 69.412%); --palette-orange-30: rgb(100% 86.667% 52.549%); --palette-orange-40: rgb(100% 79.608% 34.902%); --palette-orange-60: rgb(97.647% 65.098% 4.7059%); --palette-orange-80: rgb(87.451% 53.333% 2.3529%); --palette-orange-100: rgb(69.804% 37.647% 0%); --palette-purple-0: rgb(100% 96.078% 100%); --palette-purple-5: rgb(100% 93.333% 100%); --palette-purple-10: rgb(100% 89.02% 100%); --palette-purple-20: rgb(94.902% 79.216% 100%); --palette-purple-40: rgb(84.706% 60% 99.608%); --palette-purple-50: rgb(79.216% 49.804% 99.608%); --palette-purple-60: rgb(73.725% 39.216% 99.608%); --palette-purple-70: rgb(67.451% 27.059% 99.608%); --palette-purple-80: rgb(59.216% 12.157% 99.216%); --palette-purple-90: rgb(49.412% 3.5294% 89.412%); --palette-purple-100: rgb(41.176% 3.9216% 73.725%); --palette-red-0: rgb(100% 96.471% 95.294%); --palette-red-5: rgb(100% 94.51% 92.549%); --palette-red-10: rgb(100% 90.98% 87.843%); --palette-red-20: rgb(99.216% 81.961% 79.216%); --palette-red-30: rgb(98.431% 72.549% 70.196%); --palette-red-40: rgb(97.647% 63.137% 61.176%); --palette-red-50: rgb(96.471% 52.941% 51.373%); --palette-red-70: rgb(94.51% 28.235% 28.235%); --palette-red-80: rgb(88.235% 18.039% 18.039%); --palette-red-90: rgb(79.608% 9.4118% 9.4118%); --palette-red-100: rgb(70.196% 0% 0%); --palette-teal-0: rgb(94.902% 100% 100%); --palette-teal-5: rgb(93.725% 100% 100%); --palette-teal-10: rgb(81.961% 97.255% 97.647%); --palette-teal-20: rgb(67.843% 95.294% 96.078%); --palette-teal-40: rgb(29.412% 81.961% 83.922%); --palette-teal-50: rgb(24.314% 74.118% 75.686%); --palette-teal-60: rgb(19.216% 65.882% 67.843%); --palette-teal-70: rgb(14.118% 58.039% 60%); --palette-teal-80: rgb(9.4118% 50.588% 52.157%); --palette-teal-90: rgb(4.7059% 42.745% 44.706%); --palette-teal-100: rgb(0% 35.686% 37.647%); --palette-white: rgb(100% 100% 100%); --paragraph-spacing-reset: 0px; --scrollbar-surface-thumb-default: var(--border-action-default); --scrollbar-surface-thumb-hover: var(--surface-action-default-active); --scrollbar-surface-track-default: var(--surface-static-accented); --size-0: 0.0010000000474974513px; --size-1: 4px; --size-2: 8px; --size-3: 12px; --size-4: 16px; --size-5: 20px; --size-05: 2px; --size-6: 24px; --size-8: 32px; --size-10: 40px; --size-11: 44px; --size-12: 48px; --size-14: 56px; --size-16: 64px; --size-18: 72px; --size-20: 80px; --size-22: 88px; --size-025: 1px; --space-0: 0px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-05: 2px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-14: 56px; --space-18: 72px; --space-24: 96px; --space-025: 1px; --static-size-2xl: var(--size-14); --static-size-2xs: var(--size-2); --static-size-3xl: var(--size-16); --static-size-3xs: var(--size-1); --static-size-4xl: var(--size-18); --static-size-4xs: var(--size-05); --static-size-5xl: var(--size-20); --static-size-5xs: var(--size-025); --static-size-lg: var(--size-10); --static-size-md: var(--size-8); --static-size-none: var(--size-0); --static-size-sm: var(--size-6); --static-size-xl: var(--size-12); --static-size-xs: var(--size-4); --static-space-2xl: var(--space-5); --static-space-2xs: var(--space-025); --static-space-3xl: var(--space-6); --static-space-4xl: var(--space-8); --static-space-5xl: var(--space-10); --static-space-6xl: var(--space-12); --static-space-lg: var(--space-3); --static-space-md: var(--space-2); --static-space-none: var(--space-0); --static-space-sm: var(--space-1); --static-space-xl: var(--space-4); --static-space-xs: var(--space-05); --surface-action-danger-active: var(--palette-red-100); --surface-action-danger-default: var(--palette-red-80); --surface-action-danger-disabled: var(--palette-red-10); --surface-action-danger-hover: var(--palette-red-90); --surface-action-default-active: var(--palette-alpha-grey-30); --surface-action-default-default: var(--palette-white); --surface-action-default-disabled: var(--palette-alpha-neutral-10); --surface-action-default-hover: var(--palette-alpha-grey-20); --surface-action-neutral-active: var(--palette-grey-80); --surface-action-neutral-default: var(--palette-grey-100); --surface-action-neutral-disabled: var(--palette-grey-10); --surface-action-neutral-hover: var(--palette-grey-90); --surface-action-primary-active: var(--palette-blue-90); --surface-action-primary-default: var(--palette-blue-70); --surface-action-primary-disabled: var(--palette-blue-20); --surface-action-primary-hover: var(--palette-blue-80); --surface-action-selected-active: var(--palette-alpha-blue-40); --surface-action-selected-default: var(--palette-alpha-blue-20); --surface-action-selected-hover: var(--palette-alpha-blue-30); --surface-decorative-purple-accented: var(--palette-purple-80); --surface-decorative-purple-active: var(--palette-purple-20); --surface-decorative-purple-default: var(--palette-purple-5); --surface-decorative-purple-disabled: var(--palette-purple-0); --surface-decorative-purple-hover: var(--palette-purple-10); --surface-decorative-teal-accented: var(--palette-teal-80); --surface-decorative-teal-active: var(--palette-teal-20); --surface-decorative-teal-default: var(--palette-teal-5); --surface-decorative-teal-disabled: var(--palette-teal-0); --surface-decorative-teal-hover: var(--palette-teal-10); --surface-static-accented: var(--palette-grey-10); /* Only use for create modal background backdrop / overlay */ --surface-static-backdrop: rgb(3.9216% 12.157% 26.667% / 0.3); --surface-static-danger-accented: var(--palette-red-80); --surface-static-danger-active: var(--palette-red-20); --surface-static-danger-default: var(--palette-red-5); --surface-static-danger-disabled: var(--palette-red-0); --surface-static-danger-hover: var(--palette-red-10); --surface-static-default: var(--palette-white); --surface-static-disabled: var(--palette-neutral-5); /* For use as a dotted background color, such as Frame backgrounds (Canvas) when you are using canvasFree-pagetype. */ --surface-static-dotted: rgb(98.039% 98.039% 99.216%); --surface-static-info-accented: var(--palette-blue-70); --surface-static-info-active: var(--palette-blue-30); --surface-static-info-default: var(--palette-blue-10); --surface-static-info-disabled: var(--palette-blue-5); --surface-static-info-hover: var(--palette-blue-20); --surface-static-neutral-accented: var(--palette-grey-100); --surface-static-neutral-active: var(--palette-grey-30); --surface-static-neutral-default: var(--palette-grey-10); --surface-static-neutral-disabled: var(--palette-neutral-10); --surface-static-neutral-hover: var(--palette-grey-20); --surface-static-sidebar: var(--palette-neutral-0); --surface-static-success-accented: var(--palette-green-100); --surface-static-success-active: var(--palette-green-20); --surface-static-success-default: var(--palette-green-5); --surface-static-success-disabled: var(--palette-green-0); --surface-static-success-hover: var(--palette-green-10); --surface-static-warning-accented: var(--palette-orange-100); --surface-static-warning-active: var(--palette-orange-20); --surface-static-warning-default: var(--palette-orange-5); --surface-static-warning-disabled: var(--palette-orange-0); --surface-static-warning-hover: var(--palette-orange-10); } [data-theme="dark"] { color-scheme: dark; /* 16 px */ --body-lg-medium: var(--body-lg-medium-font-style) var(--body-lg-medium-font-weight) var(--body-lg-medium-font-size)/var(--body-lg-medium-line-height) var(--body-lg-medium-font-family); /* 16 px */ --body-lg-medium-font-family: "Inter"; /* 16 px */ --body-lg-medium-font-size: 16px; /* 16 px */ --body-lg-medium-font-style: Medium; /* 16 px */ --body-lg-medium-font-weight: 500; /* 16 px */ --body-lg-medium-letter-spacing: 0px; /* 16 px */ --body-lg-medium-line-height: 125; /* 16 px */ --body-lg-regular: var(--body-lg-regular-font-style) var(--body-lg-regular-font-weight) var(--body-lg-regular-font-size)/var(--body-lg-regular-line-height) var(--body-lg-regular-font-family); /* 16 px */ --body-lg-regular-font-family: "Inter"; /* 16 px */ --body-lg-regular-font-size: 16px; /* 16 px */ --body-lg-regular-font-style: Regular; /* 16 px */ --body-lg-regular-font-weight: 400; /* 16 px */ --body-lg-regular-letter-spacing: 0px; /* 16 px */ --body-lg-regular-line-height: 125; /* 13 px */ --body-md-medium: var(--body-md-medium-font-style) var(--body-md-medium-font-weight) var(--body-md-medium-font-size)/var(--body-md-medium-line-height) var(--body-md-medium-font-family); /* 13 px */ --body-md-medium-font-family: "Inter"; /* 13 px */ --body-md-medium-font-size: 13px; /* 13 px */ --body-md-medium-font-style: Medium; /* 13 px */ --body-md-medium-font-weight: 500; /* 13 px */ --body-md-medium-letter-spacing: 0px; /* 13 px */ --body-md-medium-line-height: 123; /* 13 px */ --body-md-regular: var(--body-md-regular-font-style) var(--body-md-regular-font-weight) var(--body-md-regular-font-size)/var(--body-md-regular-line-height) var(--body-md-regular-font-family); /* 13 px */ --body-md-regular-font-family: "Inter"; /* 13 px */ --body-md-regular-font-size: 13px; /* 13 px */ --body-md-regular-font-style: Regular; /* 13 px */ --body-md-regular-font-weight: 400; /* 13 px */ --body-md-regular-letter-spacing: 0px; /* 13 px */ --body-md-regular-line-height: 123; /* 13 px */ --body-md-semibold: var(--body-md-semibold-font-style) var(--body-md-semibold-font-weight) var(--body-md-semibold-font-size)/var(--body-md-semibold-line-height) var(--body-md-semibold-font-family); /* 13 px */ --body-md-semibold-font-family: "Inter"; /* 13 px */ --body-md-semibold-font-size: 13px; /* 13 px */ --body-md-semibold-font-style: Semi Bold; /* 13 px */ --body-md-semibold-font-weight: 600; /* 13 px */ --body-md-semibold-letter-spacing: 0px; /* 13 px */ --body-md-semibold-line-height: 123; /* 11 px */ --body-sm-bold: var(--body-sm-bold-font-style) var(--body-sm-bold-font-weight) var(--body-sm-bold-font-size)/var(--body-sm-bold-line-height) var(--body-sm-bold-font-family); /* 11 px */ --body-sm-bold-font-family: "Inter"; /* 11 px */ --body-sm-bold-font-size: 11px; /* 11 px */ --body-sm-bold-font-style: Bold; /* 11 px */ --body-sm-bold-font-weight: 700; /* 11 px */ --body-sm-bold-letter-spacing: 0px; /* 11 px */ --body-sm-bold-line-height: 127; /* 11 px */ --body-sm-medium: var(--body-sm-medium-font-style) var(--body-sm-medium-font-weight) var(--body-sm-medium-font-size)/var(--body-sm-medium-line-height) var(--body-sm-medium-font-family); /* 11 px */ --body-sm-medium-font-family: "Inter"; /* 11 px */ --body-sm-medium-font-size: 11px; /* 11 px */ --body-sm-medium-font-style: Medium; /* 11 px */ --body-sm-medium-font-weight: 500; /* 11 px */ --body-sm-medium-letter-spacing: 0px; /* 11 px */ --body-sm-medium-line-height: 127; /* 11 px */ --body-sm-regular: var(--body-sm-regular-font-style) var(--body-sm-regular-font-weight) var(--body-sm-regular-font-size)/var(--body-sm-regular-line-height) var(--body-sm-regular-font-family); /* 11 px */ --body-sm-regular-font-family: "Inter"; /* 11 px */ --body-sm-regular-font-size: 11px; /* 11 px */ --body-sm-regular-font-style: Regular; /* 11 px */ --body-sm-regular-font-weight: 400; /* 11 px */ --body-sm-regular-letter-spacing: 0px; /* 11 px */ --body-sm-regular-line-height: 127; /* 11 px */ --body-sm-semibold: var(--body-sm-semibold-font-style) var(--body-sm-semibold-font-weight) var(--body-sm-semibold-font-size)/var(--body-sm-semibold-line-height) var(--body-sm-semibold-font-family); /* 11 px */ --body-sm-semibold-font-family: "Inter"; /* 11 px */ --body-sm-semibold-font-size: 11px; /* 11 px */ --body-sm-semibold-font-style: Semi Bold; /* 11 px */ --body-sm-semibold-font-weight: 600; /* 11 px */ --body-sm-semibold-letter-spacing: 0px; /* 11 px */ --body-sm-semibold-line-height: 127; /* For use as a darkened border on elements like radio buttons and checkboxes. */ --border-accented: var(--palette-inverted-grey-100); --border-action-default: var(--palette-alpha-inverted-grey-50); /* For use as a darkened border on danger components. */ --border-danger-accented: var(--palette-red-30); /* For use as a border on danger components such as an outline on interactive elements in an danger state like badge, notification and toast. */ --border-danger-default: var(--palette-red-70); /* For use as a disabled border on danger components. */ --border-danger-disabled: var(--palette-red-100); /* For use as a subdued border on danger components. */ --border-danger-subdued: var(--palette-red-80); /* Only use for special cases! It is not a semantic color. */ --border-decorative-purple-accented: var(--palette-purple-20); /* Only use for special cases! It is not a semantic color. */ --border-decorative-purple-default: var(--palette-purple-60); /* Only use for special cases! It is not a semantic color. */ --border-decorative-purple-disabled: var(--palette-purple-100); /* Only use for special cases! It is not a semantic color. */ --border-decorative-purple-subdued: var(--palette-purple-80); /* Only use for special cases! It is not a semantic color. */ --border-decorative-teal-accented: var(--palette-teal-20); /* Only use for special cases! It is not a semantic color. */ --border-decorative-teal-default: var(--palette-teal-60); /* Only use for special cases! It is not a semantic color. */ --border-decorative-teal-disabled: var(--palette-teal-100); /* Only use for special cases! It is not a semantic color. */ --border-decorative-teal-subdued: var(--palette-teal-80); /* For use as the default border on elements like buttons, inputs, radio buttons, checkboxes and switch. */ --border-default: var(--palette-inverted-grey-40); /* Used for disabled borders on interactive elements. */ --border-disabled: var(--palette-inverted-neutral-20); /* For use as a darkened border on info components. */ --border-info-accented: var(--palette-blue-30); /* For use as a border on info components such as an outline on interactive elements in an info state like badge, notification and toast. */ --border-info-default: var(--palette-blue-60); /* For use as a disabled border on info components. */ --border-info-disabled: var(--palette-blue-100); /* For use as a subdued border on info components. */ --border-info-subdued: var(--palette-blue-80); /* For use as a border on dark elements like in button or inversed devider. */ --border-inversed: var(--palette-inverted-grey-0); /* For use as a darkened border on primary components. */ --border-primary-accented: var(--palette-blue-30); /* For use as the primary border on elements. */ --border-primary-default: var(--palette-blue-60); /* Used for disabled borders on primary interactive elements. */ --border-primary-disabled: var(--palette-blue-100); /* For use as a subdued border on primary components. */ --border-primary-subdued: var(--palette-blue-80); --border-radius-2xl: var(--size-6); --border-radius-3xl: var(--size-8); --border-radius-full: 10000px; --border-radius-lg: var(--size-2); --border-radius-md: var(--size-1); --border-radius-none: var(--size-0); --border-radius-sm: var(--size-05); --border-radius-xl: var(--size-4); --border-radius-xs: var(--size-025); /* For use as a subdued border on elements like card-borders and dividers. */ --border-subdued: var(--palette-inverted-grey-30); /* For use as a darkened border on success components. */ --border-success-accented: var(--palette-green-20); /* For use as a border on success components such as an outline on interactive elements in an success state like badge, notification and toast. */ --border-success-default: var(--palette-green-60); /* For use as a disabled border on success components. */ --border-success-disabled: var(--palette-green-100); /* For use as a subdued border on success components. */ --border-success-subdued: var(--palette-green-80); /* For use as a darkened border on warning components. */ --border-warning-accented: var(--palette-orange-20); /* For use as a border on warning components such as an outline on interactive elements in an warning state like badge, notification and toast. */ --border-warning-default: var(--palette-orange-60); /* For use as a disabled border on warning components. */ --border-warning-disabled: var(--palette-orange-100); /* For use as a subdued border on warning components. */ --border-warning-subdued: var(--palette-orange-80); --border-width-2xl: var(--size-2); --border-width-lg: var(--size-05); --border-width-md: var(--size-025); --border-width-xl: var(--size-1); --box-shadow-color-blur-lg: 26px; --box-shadow-color-blur-md: 10px; --box-shadow-color-blur-none: 0px; --box-shadow-color-blur-sm: 4px; --box-shadow-color-blur-xs: 1px; --box-shadow-color-position-x-lg: 26px; --box-shadow-color-position-x-md: 8px; --box-shadow-color-position-x-none: 0px; --box-shadow-color-position-x-sm: 1px; --box-shadow-color-position-x-xs: 1px; --box-shadow-color-position-y-lg: 26px; --box-shadow-color-position-y-md: 8px; --box-shadow-color-position-y-none: 0px; --box-shadow-color-position-y-sm: 1px; --box-shadow-color-position-y-xs: 1px; --box-shadow-color-spread-lg: 3px; --box-shadow-color-spread-md: 2px; --box-shadow-color-spread-none: 0px; --box-shadow-color-spread-sm: 1px; --box-shadow-focus-ring-default: 0px 0px 0px 3px rgb(12.941% 25.098% 85.098% / 0.75), 0px 0px 0px 1px rgb(100% 100% 100%); --box-shadow-focus-ring-inner: inset 0px 0px 0px 2px rgb(12.941% 25.098% 85.098% / 0.75); --box-shadow-focus-ring-supplemental: 0px 0px 0px 2px rgb(12.941% 25.098% 85.098% / 0.75); --box-shadow-lg: 0px 0px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08), 0px 26px 26px 0px rgb(3.9216% 12.157% 26.667% / 0.08); --box-shadow-md: 0px 0px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08), 0px 8px 10px 0px rgb(3.9216% 12.157% 26.667% / 0.08); --box-shadow-sm: 0px 0px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08), 0px 3px 4px 0px rgb(3.9216% 12.157% 26.667% / 0.08); --box-shadow-xs: 0px 0px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08), 0px 1px 1px 0px rgb(3.9216% 12.157% 26.667% / 0.08); /* 8 px */ --caption-medium: var(--caption-medium-font-style) var(--caption-medium-font-weight) var(--caption-medium-font-size)/var(--caption-medium-line-height) var(--caption-medium-font-family); /* 8 px */ --caption-medium-font-family: "Inter"; /* 8 px */ --caption-medium-font-size: 8px; /* 8 px */ --caption-medium-font-style: Medium; /* 8 px */ --caption-medium-font-weight: 500; /* 8 px */ --caption-medium-letter-spacing: 0px; /* 8 px */ --caption-medium-line-height: 150; /* 8 px */ --caption-regular: var(--caption-regular-font-style) var(--caption-regular-font-weight) var(--caption-regular-font-size)/var(--caption-regular-line-height) var(--caption-regular-font-family); /* 8 px */ --caption-regular-font-family: "Inter"; /* 8 px */ --caption-regular-font-size: 8px; /* 8 px */ --caption-regular-font-style: Regular; /* 8 px */ --caption-regular-font-weight: 400; /* 8 px */ --caption-regular-letter-spacing: 0px; /* 8 px */ --caption-regular-line-height: 150; /* For use as a text color in inert critical elements like as text in components such as badge, notification and toast icons. */ --content-danger-default: var(--palette-red-20); /* For use as a disabled text color in inert critical elements. */ --content-danger-disabled: var(--palette-red-80); /* For use as a subdued text color in inert critical elements. */ --content-danger-subdued: var(--palette-red-40); /* Only use for special cases! It is not a semantic color. */ --content-decorative-purple-default: var(--palette-purple-20); /* Only use for special cases! It is not a semantic color. */ --content-decorative-purple-disabled: var(--palette-purple-80); /* Only use for special cases! It is not a semantic color. */ --content-decorative-purple-subdued: var(--palette-purple-40); /* Only use for special cases! It is not a semantic color. */ --content-decorative-teal-default: var(--palette-teal-20); /* Only use for special cases! It is not a semantic color. */ --content-decorative-teal-disabled: var(--palette-teal-80); /* Only use for special cases! It is not a semantic color. */ --content-decorative-teal-subdued: var(--palette-teal-40); /* For use as default text and icon color. */ --content-default: var(--palette-white); /* For use as a disabled text and icon color. */ --content-disabled: var(--palette-inverted-neutral-30); /* For use as a text color in inert info elements like as text in components such as badge, notification and toast icons. */ --content-info-default: var(--palette-blue-30); /* For use as a disabled text color in inert info elements. */ --content-info-disabled: var(--palette-blue-80); /* For use as a subdued text color in inert info elements. */ --content-info-subdued: var(--palette-blue-50); /* For use as a text color on dark elements like inversed tooltips. */ --content-inversed: var(--palette-inverted-grey-0); /* For use as a text color on interactive elements like Buttons. */ --content-on-action: var(--palette-inverted-grey-100); /* For use as a inversed text color on interactive elements like Buttons. */ --content-on-action-inversed: var(--palette-inverted-grey-0); /* For use as a placeholder text color. */ --content-placeholder: var(--palette-inverted-neutral-70); /* For use as primary text color on surface like as text in components such as links. */ --content-primary-default: var(--palette-blue-30); /* For use as a disabled primary text color on surface. */ --content-primary-disabled: var(--palette-blue-80); /* For use as a subdued primary text color on surface. */ --content-primary-subdued: var(--palette-blue-50); /* For use as a subdued text and icon color. */ --content-subdued: var(--palette-inverted-grey-80); /* For use as a text color in inert success elements like as text in components such as badge, notification and toast icons. */ --content-success-default: var(--palette-green-20); /* For use as a disabled text color in inert success elements. */ --content-success-disabled: var(--palette-green-80); /* For use as a subdued text color in inert success elements. */ --content-success-subdued: var(--palette-green-40); /* For use as a text color in inert warning elements like as text in components such as badge, notification and toast icons. */ --content-warning-default: var(--palette-orange-20); /* For use as a disabled text color in inert warning elements. */ --content-warning-disabled: var(--palette-orange-80); /* For use as a subdued text color in inert warning elements. */ --content-warning-subdued: var(--palette-orange-40); /* Use for KPIs only! */ --decorative-display-1: var(--decorative-display-1-font-style) var(--decorative-display-1-font-weight) var(--decorative-display-1-font-size)/var(--decorative-display-1-line-height) var(--decorative-display-1-font-family); /* Use for KPIs only! */ --decorative-display-1-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-display-1-font-size: 40px; /* Use for KPIs only! */ --decorative-display-1-font-style: Light; /* Use for KPIs only! */ --decorative-display-1-font-weight: 300; /* Use for KPIs only! */ --decorative-display-1-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-display-1-line-height: 100; /* Use for KPIs only! */ --decorative-display-2: var(--decorative-display-2-font-style) var(--decorative-display-2-font-weight) var(--decorative-display-2-font-size)/var(--decorative-display-2-line-height) var(--decorative-display-2-font-family); /* Use for KPIs only! */ --decorative-display-2-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-display-2-font-size: 32px; /* Use for KPIs only! */ --decorative-display-2-font-style: Light; /* Use for KPIs only! */ --decorative-display-2-font-weight: 300; /* Use for KPIs only! */ --decorative-display-2-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-display-2-line-height: 100; /* Use for KPIs only! */ --decorative-display-3: var(--decorative-display-3-font-style) var(--decorative-display-3-font-weight) var(--decorative-display-3-font-size)/var(--decorative-display-3-line-height) var(--decorative-display-3-font-family); /* Use for KPIs only! */ --decorative-display-3-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-display-3-font-size: 24px; /* Use for KPIs only! */ --decorative-display-3-font-style: Light; /* Use for KPIs only! */ --decorative-display-3-font-weight: 300; /* Use for KPIs only! */ --decorative-display-3-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-display-3-line-height: 100; /* Use for KPIs only! */ --decorative-headline-h2-light: var(--decorative-headline-h2-light-font-style) var(--decorative-headline-h2-light-font-weight) var(--decorative-headline-h2-light-font-size)/var(--decorative-headline-h2-light-line-height) var(--decorative-headline-h2-light-font-family); /* Use for KPIs only! */ --decorative-headline-h2-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-headline-h2-light-font-size: 20px; /* Use for KPIs only! */ --decorative-headline-h2-light-font-style: Light; /* Use for KPIs only! */ --decorative-headline-h2-light-font-weight: 300; /* Use for KPIs only! */ --decorative-headline-h2-light-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-headline-h2-light-line-height: 100; --decorative-headline-h2-regular: var(--decorative-headline-h2-regular-font-style) var(--decorative-headline-h2-regular-font-weight) var(--decorative-headline-h2-regular-font-size)/var(--decorative-headline-h2-regular-line-height) var(--decorative-headline-h2-regular-font-family); --decorative-headline-h2-regular-font-family: "Inter Variable"; --decorative-headline-h2-regular-font-size: 20px; --decorative-headline-h2-regular-font-style: Light; --decorative-headline-h2-regular-font-weight: 400; --decorative-headline-h2-regular-letter-spacing: 0px; --decorative-headline-h2-regular-line-height: 100; /* Use for KPIs only! */ --decorative-lg-light: var(--decorative-lg-light-font-style) var(--decorative-lg-light-font-weight) var(--decorative-lg-light-font-size)/var(--decorative-lg-light-line-height) var(--decorative-lg-light-font-family); /* Use for KPIs only! */ --decorative-lg-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-lg-light-font-size: 16px; /* Use for KPIs only! */ --decorative-lg-light-font-style: Light; /* Use for KPIs only! */ --decorative-lg-light-font-weight: 300; /* Use for KPIs only! */ --decorative-lg-light-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-lg-light-line-height: 100; /* Use for KPIs only! */ --decorative-lg-regular: var(--decorative-lg-regular-font-style) var(--decorative-lg-regular-font-weight) var(--decorative-lg-regular-font-size)/var(--decorative-lg-regular-line-height) var(--decorative-lg-regular-font-family); /* Use for KPIs only! */ --decorative-lg-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-lg-regular-font-size: 16px; /* Use for KPIs only! */ --decorative-lg-regular-font-style: Light; /* Use for KPIs only! */ --decorative-lg-regular-font-weight: 400; /* Use for KPIs only! */ --decorative-lg-regular-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-lg-regular-line-height: 100; /* Use for KPIs only! */ --decorative-md-light: var(--decorative-md-light-font-style) var(--decorative-md-light-font-weight) var(--decorative-md-light-font-size)/var(--decorative-md-light-line-height) var(--decorative-md-light-font-family); /* Use for KPIs only! */ --decorative-md-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-md-light-font-size: 13px; /* Use for KPIs only! */ --decorative-md-light-font-style: Light; /* Use for KPIs only! */ --decorative-md-light-font-weight: 300; /* Use for KPIs only! */ --decorative-md-light-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-md-light-line-height: 100; /* Use for KPIs only! */ --decorative-md-regular: var(--decorative-md-regular-font-style) var(--decorative-md-regular-font-weight) var(--decorative-md-regular-font-size)/var(--decorative-md-regular-line-height) var(--decorative-md-regular-font-family); /* Use for KPIs only! */ --decorative-md-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-md-regular-font-size: 13px; /* Use for KPIs only! */ --decorative-md-regular-font-style: Light; /* Use for KPIs only! */ --decorative-md-regular-font-weight: 400; /* Use for KPIs only! */ --decorative-md-regular-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-md-regular-line-height: 100; /* Use for KPIs only! */ --decorative-sm-light: var(--decorative-sm-light-font-style) var(--decorative-sm-light-font-weight) var(--decorative-sm-light-font-size)/var(--decorative-sm-light-line-height) var(--decorative-sm-light-font-family); /* Use for KPIs only! */ --decorative-sm-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-sm-light-font-size: 11px; /* Use for KPIs only! */ --decorative-sm-light-font-style: Light; /* Use for KPIs only! */ --decorative-sm-light-font-weight: 300; /* Use for KPIs only! */ --decorative-sm-light-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-sm-light-line-height: 100; /* Use for KPIs only! */ --decorative-sm-regular: var(--decorative-sm-regular-font-style) var(--decorative-sm-regular-font-weight) var(--decorative-sm-regular-font-size)/var(--decorative-sm-regular-line-height) var(--decorative-sm-regular-font-family); /* Use for KPIs only! */ --decorative-sm-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --decorative-sm-regular-font-size: 11px; /* Use for KPIs only! */ --decorative-sm-regular-font-style: Light; /* Use for KPIs only! */ --decorative-sm-regular-font-weight: 400; /* Use for KPIs only! */ --decorative-sm-regular-letter-spacing: 0px; /* Use for KPIs only! */ --decorative-sm-regular-line-height: 100; /* 16 px */ --density-alpha-body-lg-medium: var(--density-alpha-body-lg-medium-font-style) var(--density-alpha-body-lg-medium-font-weight) var(--density-alpha-body-lg-medium-font-size)/var(--density-alpha-body-lg-medium-line-height) var(--density-alpha-body-lg-medium-font-family); /* 16 px */ --density-alpha-body-lg-medium-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-medium-font-size: 16px; /* 16 px */ --density-alpha-body-lg-medium-font-style: Medium; /* 16 px */ --density-alpha-body-lg-medium-font-weight: 500; /* 16 px */ --density-alpha-body-lg-medium-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-medium-line-height: 125; /* 16 px */ --density-alpha-body-lg-regular: var(--density-alpha-body-lg-regular-font-style) var(--density-alpha-body-lg-regular-font-weight) var(--density-alpha-body-lg-regular-font-size)/var(--density-alpha-body-lg-regular-line-height) var(--density-alpha-body-lg-regular-font-family); /* 16 px */ --density-alpha-body-lg-regular-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-regular-font-size: 16px; /* 16 px */ --density-alpha-body-lg-regular-font-style: Regular; /* 16 px */ --density-alpha-body-lg-regular-font-weight: 400; /* 16 px */ --density-alpha-body-lg-regular-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-regular-line-height: 125; /* 13 px */ --density-alpha-body-md-medium: var(--density-alpha-body-md-medium-font-style) var(--density-alpha-body-md-medium-font-weight) var(--density-alpha-body-md-medium-font-size)/var(--density-alpha-body-md-medium-line-height) var(--density-alpha-body-md-medium-font-family); /* 13 px */ --density-alpha-body-md-medium-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-medium-font-size: 13px; /* 13 px */ --density-alpha-body-md-medium-font-style: Medium; /* 13 px */ --density-alpha-body-md-medium-font-weight: 500; /* 13 px */ --density-alpha-body-md-medium-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-medium-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-regular: var(--density-alpha-body-md-regular-font-style) var(--density-alpha-body-md-regular-font-weight) var(--density-alpha-body-md-regular-font-size)/var(--density-alpha-body-md-regular-line-height) var(--density-alpha-body-md-regular-font-family); /* 13 px */ --density-alpha-body-md-regular-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-regular-font-size: 13px; /* 13 px */ --density-alpha-body-md-regular-font-style: Regular; /* 13 px */ --density-alpha-body-md-regular-font-weight: 400; /* 13 px */ --density-alpha-body-md-regular-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-regular-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-semibold: var(--density-alpha-body-md-semibold-font-style) var(--density-alpha-body-md-semibold-font-weight) var(--density-alpha-body-md-semibold-font-size)/var(--density-alpha-body-md-semibold-line-height) var(--density-alpha-body-md-semibold-font-family); /* 13 px */ --density-alpha-body-md-semibold-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-semibold-font-size: 13px; /* 13 px */ --density-alpha-body-md-semibold-font-style: Semi Bold; /* 13 px */ --density-alpha-body-md-semibold-font-weight: 600; /* 13 px */ --density-alpha-body-md-semibold-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-semibold-line-height: 123.07691955566406; /* 11 px */ --density-alpha-body-sm-bold: var(--density-alpha-body-sm-bold-font-style) var(--density-alpha-body-sm-bold-font-weight) var(--density-alpha-body-sm-bold-font-size)/var(--density-alpha-body-sm-bold-line-height) var(--density-alpha-body-sm-bold-font-family); /* 11 px */ --density-alpha-body-sm-bold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-bold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-bold-font-style: Bold; /* 11 px */ --density-alpha-body-sm-bold-font-weight: 700; /* 11 px */ --density-alpha-body-sm-bold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-bold-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-medium: var(--density-alpha-body-sm-medium-font-style) var(--density-alpha-body-sm-medium-font-weight) var(--density-alpha-body-sm-medium-font-size)/var(--density-alpha-body-sm-medium-line-height) var(--density-alpha-body-sm-medium-font-family); /* 11 px */ --density-alpha-body-sm-medium-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-medium-font-size: 11px; /* 11 px */ --density-alpha-body-sm-medium-font-style: Medium; /* 11 px */ --density-alpha-body-sm-medium-font-weight: 500; /* 11 px */ --density-alpha-body-sm-medium-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-medium-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-regular: var(--density-alpha-body-sm-regular-font-style) var(--density-alpha-body-sm-regular-font-weight) var(--density-alpha-body-sm-regular-font-size)/var(--density-alpha-body-sm-regular-line-height) var(--density-alpha-body-sm-regular-font-family); /* 11 px */ --density-alpha-body-sm-regular-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-regular-font-size: 11px; /* 11 px */ --density-alpha-body-sm-regular-font-style: Regular; /* 11 px */ --density-alpha-body-sm-regular-font-weight: 400; /* 11 px */ --density-alpha-body-sm-regular-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-regular-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-semibold: var(--density-alpha-body-sm-semibold-font-style) var(--density-alpha-body-sm-semibold-font-weight) var(--density-alpha-body-sm-semibold-font-size)/var(--density-alpha-body-sm-semibold-line-height) var(--density-alpha-body-sm-semibold-font-family); /* 11 px */ --density-alpha-body-sm-semibold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-semibold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-semibold-font-style: Semi Bold; /* 11 px */ --density-alpha-body-sm-semibold-font-weight: 600; /* 11 px */ --density-alpha-body-sm-semibold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-semibold-line-height: 127.2727279663086; /* 8 px */ --density-alpha-caption-medium: var(--density-alpha-caption-medium-font-style) var(--density-alpha-caption-medium-font-weight) var(--density-alpha-caption-medium-font-size)/var(--density-alpha-caption-medium-line-height) var(--density-alpha-caption-medium-font-family); /* 8 px */ --density-alpha-caption-medium-font-family: "Inter"; /* 8 px */ --density-alpha-caption-medium-font-size: 8px; /* 8 px */ --density-alpha-caption-medium-font-style: Medium; /* 8 px */ --density-alpha-caption-medium-font-weight: 500; /* 8 px */ --density-alpha-caption-medium-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-medium-line-height: 150; /* 8 px */ --density-alpha-caption-regular: var(--density-alpha-caption-regular-font-style) var(--density-alpha-caption-regular-font-weight) var(--density-alpha-caption-regular-font-size)/var(--density-alpha-caption-regular-line-height) var(--density-alpha-caption-regular-font-family); /* 8 px */ --density-alpha-caption-regular-font-family: "Inter"; /* 8 px */ --density-alpha-caption-regular-font-size: 8px; /* 8 px */ --density-alpha-caption-regular-font-style: Regular; /* 8 px */ --density-alpha-caption-regular-font-weight: 400; /* 8 px */ --density-alpha-caption-regular-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-regular-line-height: 150; /* Use for KPIs only! */ --density-alpha-decorative-display-1: var(--density-alpha-decorative-display-1-font-style) var(--density-alpha-decorative-display-1-font-weight) var(--density-alpha-decorative-display-1-font-size)/var(--density-alpha-decorative-display-1-line-height) var(--density-alpha-decorative-display-1-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-size: 40px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-1-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-2: var(--density-alpha-decorative-display-2-font-style) var(--density-alpha-decorative-display-2-font-weight) var(--density-alpha-decorative-display-2-font-size)/var(--density-alpha-decorative-display-2-line-height) var(--density-alpha-decorative-display-2-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-size: 32px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-2-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-3: var(--density-alpha-decorative-display-3-font-style) var(--density-alpha-decorative-display-3-font-weight) var(--density-alpha-decorative-display-3-font-size)/var(--density-alpha-decorative-display-3-line-height) var(--density-alpha-decorative-display-3-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-size: 24px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-3-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light: var(--density-alpha-decorative-headline-h2-light-font-style) var(--density-alpha-decorative-headline-h2-light-font-weight) var(--density-alpha-decorative-headline-h2-light-font-size)/var(--density-alpha-decorative-headline-h2-light-line-height) var(--density-alpha-decorative-headline-h2-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-size: 20px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-line-height: 125; --density-alpha-decorative-headline-h2-regular: var(--density-alpha-decorative-headline-h2-regular-font-style) var(--density-alpha-decorative-headline-h2-regular-font-weight) var(--density-alpha-decorative-headline-h2-regular-font-size)/var(--density-alpha-decorative-headline-h2-regular-line-height) var(--density-alpha-decorative-headline-h2-regular-font-family); --density-alpha-decorative-headline-h2-regular-font-family: "Inter Variable"; --density-alpha-decorative-headline-h2-regular-font-size: 20px; --density-alpha-decorative-headline-h2-regular-font-style: Regular; --density-alpha-decorative-headline-h2-regular-font-weight: 400; --density-alpha-decorative-headline-h2-regular-letter-spacing: 0px; --density-alpha-decorative-headline-h2-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-light: var(--density-alpha-decorative-lg-light-font-style) var(--density-alpha-decorative-lg-light-font-weight) var(--density-alpha-decorative-lg-light-font-size)/var(--density-alpha-decorative-lg-light-line-height) var(--density-alpha-decorative-lg-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular: var(--density-alpha-decorative-lg-regular-font-style) var(--density-alpha-decorative-lg-regular-font-weight) var(--density-alpha-decorative-lg-regular-font-size)/var(--density-alpha-decorative-lg-regular-line-height) var(--density-alpha-decorative-lg-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-md-light: var(--density-alpha-decorative-md-light-font-style) var(--density-alpha-decorative-md-light-font-weight) var(--density-alpha-decorative-md-light-font-size)/var(--density-alpha-decorative-md-light-line-height) var(--density-alpha-decorative-md-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-md-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-md-regular: var(--density-alpha-decorative-md-regular-font-style) var(--density-alpha-decorative-md-regular-font-weight) var(--density-alpha-decorative-md-regular-font-size)/var(--density-alpha-decorative-md-regular-line-height) var(--density-alpha-decorative-md-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-sm-light: var(--density-alpha-decorative-sm-light-font-style) var(--density-alpha-decorative-sm-light-font-weight) var(--density-alpha-decorative-sm-light-font-size)/var(--density-alpha-decorative-sm-light-line-height) var(--density-alpha-decorative-sm-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-line-height: 127.2727279663086; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular: var(--density-alpha-decorative-sm-regular-font-style) var(--density-alpha-decorative-sm-regular-font-weight) var(--density-alpha-decorative-sm-regular-font-size)/var(--density-alpha-decorative-sm-regular-line-height) var(--density-alpha-decorative-sm-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-line-height: 127.2727279663086; --density-alpha-display-1: var(--density-alpha-display-1-font-style) var(--density-alpha-display-1-font-weight) var(--density-alpha-display-1-font-size)/var(--density-alpha-display-1-line-height) var(--density-alpha-display-1-font-family); --density-alpha-display-1-font-family: "Inter"; --density-alpha-display-1-font-size: 40px; --density-alpha-display-1-font-style: Bold; --density-alpha-display-1-font-weight: 700; --density-alpha-display-1-letter-spacing: 0px; --density-alpha-display-1-line-height: 125; --density-alpha-display-2: var(--density-alpha-display-2-font-style) var(--density-alpha-display-2-font-weight) var(--density-alpha-display-2-font-size)/var(--density-alpha-display-2-line-height) var(--density-alpha-display-2-font-family); --density-alpha-display-2-font-family: "Inter"; --density-alpha-display-2-font-size: 32px; --density-alpha-display-2-font-style: Bold; --density-alpha-display-2-font-weight: 700; --density-alpha-display-2-letter-spacing: 0px; --density-alpha-display-2-line-height: 125; --density-alpha-display-3: var(--density-alpha-display-3-font-style) var(--density-alpha-display-3-font-weight) var(--density-alpha-display-3-font-size)/var(--density-alpha-display-3-line-height) var(--density-alpha-display-3-font-family); --density-alpha-display-3-font-family: "Inter"; --density-alpha-display-3-font-size: 30px; --density-alpha-display-3-font-style: Bold; --density-alpha-display-3-font-weight: 700; --density-alpha-display-3-letter-spacing: 0px; --density-alpha-display-3-line-height: 126.66666412353516; /* 26 px */ --density-alpha-display-4: var(--density-alpha-display-4-font-style) var(--density-alpha-display-4-font-weight) var(--density-alpha-display-4-font-size)/var(--density-alpha-display-4-line-height) var(--density-alpha-display-4-font-family); /* 26 px */ --density-alpha-display-4-font-family: "Inter"; /* 26 px */ --density-alpha-display-4-font-size: 26px; /* 26 px */ --density-alpha-display-4-font-style: Bold; /* 26 px */ --density-alpha-display-4-font-weight: 700; /* 26 px */ --density-alpha-display-4-letter-spacing: 0px; /* 26 px */ --density-alpha-display-4-line-height: 123.07691955566406; /* 24 px */ --density-alpha-headline-h1: var(--density-alpha-headline-h1-font-style) var(--density-alpha-headline-h1-font-weight) var(--density-alpha-headline-h1-font-size)/var(--density-alpha-headline-h1-line-height) var(--density-alpha-headline-h1-font-family); /* 24 px */ --density-alpha-headline-h1-font-family: "Inter"; /* 24 px */ --density-alpha-headline-h1-font-size: 24px; /* 24 px */ --density-alpha-headline-h1-font-style: Bold; /* 24 px */ --density-alpha-headline-h1-font-weight: 700; /* 24 px */ --density-alpha-headline-h1-letter-spacing: 0px; /* 24 px */ --density-alpha-headline-h1-line-height: 125; /* 20 px */ --density-alpha-headline-h2: var(--density-alpha-headline-h2-font-style) var(--density-alpha-headline-h2-font-weight) var(--density-alpha-headline-h2-font-size)/var(--density-alpha-headline-h2-line-height) var(--density-alpha-headline-h2-font-family); /* 20 px */ --density-alpha-headline-h2-font-family: "Inter"; /* 20 px */ --density-alpha-headline-h2-font-size: 20px; /* 20 px */ --density-alpha-headline-h2-font-style: Bold; /* 20 px */ --density-alpha-headline-h2-font-weight: 700; /* 20 px */ --density-alpha-headline-h2-letter-spacing: 0px; /* 20 px */ --density-alpha-headline-h2-line-height: 125; /* 16 px */ --density-alpha-headline-h3: var(--density-alpha-headline-h3-font-style) var(--density-alpha-headline-h3-font-weight) var(--density-alpha-headline-h3-font-size)/var(--density-alpha-headline-h3-line-height) var(--density-alpha-headline-h3-font-family); /* 16 px */ --density-alpha-headline-h3-font-family: "Inter"; /* 16 px */ --density-alpha-headline-h3-font-size: 16px; /* 16 px */ --density-alpha-headline-h3-font-style: Bold; /* 16 px */ --density-alpha-headline-h3-font-weight: 700; /* 16 px */ --density-alpha-headline-h3-letter-spacing: 0px; /* 16 px */ --density-alpha-headline-h3-line-height: 125; /* 13 px */ --density-alpha-headline-h4: var(--density-alpha-headline-h4-font-style) var(--density-alpha-headline-h4-font-weight) var(--density-alpha-headline-h4-font-size)/var(--density-alpha-headline-h4-line-height) var(--density-alpha-headline-h4-font-family); /* 13 px */ --density-alpha-headline-h4-font-family: "Inter"; /* 13 px */ --density-alpha-headline-h4-font-size: 13px; /* 13 px */ --density-alpha-headline-h4-font-style: Semi Bold; /* 13 px */ --density-alpha-headline-h4-font-weight: 600; /* 13 px */ --density-alpha-headline-h4-letter-spacing: 0px; /* 13 px */ --density-alpha-headline-h4-line-height: 123.07691955566406; /* 11 px */ --density-alpha-headline-h5: var(--density-alpha-headline-h5-font-style) var(--density-alpha-headline-h5-font-weight) var(--density-alpha-headline-h5-font-size)/var(--density-alpha-headline-h5-line-height) var(--density-alpha-headline-h5-font-family); /* 11 px */ --density-alpha-headline-h5-font-family: "Inter"; /* 11 px */ --density-alpha-headline-h5-font-size: 11px; /* 11 px */ --density-alpha-headline-h5-font-style: Semi Bold; /* 11 px */ --density-alpha-headline-h5-font-weight: 600; /* 11 px */ --density-alpha-headline-h5-letter-spacing: 0px; /* 11 px */ --density-alpha-headline-h5-line-height: 127.2727279663086; --density-alpha-monospace-md-regular: var(--density-alpha-monospace-md-regular-font-style) var(--density-alpha-monospace-md-regular-font-weight) var(--density-alpha-monospace-md-regular-font-size)/var(--density-alpha-monospace-md-regular-line-height) var(--density-alpha-monospace-md-regular-font-family); --density-alpha-monospace-md-regular-font-family: "Roboto Mono"; --density-alpha-monospace-md-regular-font-size: 13px; --density-alpha-monospace-md-regular-font-style: Regular; --density-alpha-monospace-md-regular-font-weight: 400; --density-alpha-monospace-md-regular-letter-spacing: 0px; --density-alpha-monospace-md-regular-line-height: 123.07691955566406; --density-alpha-monospace-sm-regular: var(--density-alpha-monospace-sm-regular-font-style) var(--density-alpha-monospace-sm-regular-font-weight) var(--density-alpha-monospace-sm-regular-font-size)/var(--density-alpha-monospace-sm-regular-line-height) var(--density-alpha-monospace-sm-regular-font-family); --density-alpha-monospace-sm-regular-font-family: "Roboto Mono"; --density-alpha-monospace-sm-regular-font-size: 11px; --density-alpha-monospace-sm-regular-font-style: Regular; --density-alpha-monospace-sm-regular-font-weight: 400; --density-alpha-monospace-sm-regular-letter-spacing: 0px; --density-alpha-monospace-sm-regular-line-height: 127.2727279663086; --density-font-size-2xl: 24px; --density-font-size-2xs: 8px; --density-font-size-3xl: 26px; --density-font-size-4xl: 30px; --density-font-size-5xl: 32px; --density-font-size-6xl: 40px; --density-font-size-lg: 18px; --density-font-size-md: 16px; --density-font-size-sm: 13px; --density-font-size-xl: 20px; --density-font-size-xs: 11px; --density-line-height-body-lg: 20; --density-line-height-body-md: 16; --density-line-height-body-sm: 14; --density-line-height-caption-default: 12; --density-line-height-decorative-display-1: 50; --density-line-height-decorative-display-2: 40; --density-line-height-decorative-display-3: 30; --density-line-height-decorative-headline-h2: 25; --density-line-height-decorative-lg: 20; --density-line-height-decorative-md: 16; --density-line-height-decorative-sm: 14; --density-line-height-display-1: 50; --density-line-height-display-2: 40; --density-line-height-display-3: 38; --density-line-height-display-4: 32; --density-line-height-headline-h1: 30; --density-line-height-headline-h2: 25; --density-line-height-headline-h3: 20; --density-line-height-headline-h4: 16; --density-line-height-headline-h5: 14; --density-line-height-monospace-md: 16; --density-line-height-monospace-sm: 14; /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xl: var(--size-14); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xs: var(--size-2); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xl: var(--size-16); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xs: var(--size-1); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xl: var(--size-18); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xs: var(--size-05); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-5xl: var(--size-20); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-lg: var(--size-10); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-md: var(--size-8); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-none: var(--size-0); --density-size-sm: var(--size-6); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xl: var(--size-12); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xs: var(--size-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xl: var(--space-5); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xs: var(--space-025); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xl: var(--space-6); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xs: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-4xl: var(--space-8); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-5xl: var(--space-10); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-6xl: var(--space-12); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-lg: var(--space-3); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-md: var(--space-2); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-none: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-sm: var(--space-1); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xl: var(--space-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xs: var(--space-05); --display-1: var(--display-1-font-style) var(--display-1-font-weight) var(--display-1-font-size)/var(--display-1-line-height) var(--display-1-font-family); --display-1-font-family: "Inter"; --display-1-font-size: 40px; --display-1-font-style: Bold; --display-1-font-weight: 700; --display-1-letter-spacing: 0px; --display-1-line-height: 125; --display-2: var(--display-2-font-style) var(--display-2-font-weight) var(--display-2-font-size)/var(--display-2-line-height) var(--display-2-font-family); --display-2-font-family: "Inter"; --display-2-font-size: 32px; --display-2-font-style: Bold; --display-2-font-weight: 700; --display-2-letter-spacing: 0px; --display-2-line-height: 125; --display-3: var(--display-3-font-style) var(--display-3-font-weight) var(--display-3-font-size)/var(--display-3-line-height) var(--display-3-font-family); --display-3-font-family: "Inter"; --display-3-font-size: 30px; --display-3-font-style: Bold; --display-3-font-weight: 700; --display-3-letter-spacing: 0px; --display-3-line-height: 125; /* 26 px */ --display-4: var(--display-4-font-style) var(--display-4-font-weight) var(--display-4-font-size)/var(--display-4-line-height) var(--display-4-font-family); /* 26 px */ --display-4-font-family: "Inter"; /* 26 px */ --display-4-font-size: 26px; /* 26 px */ --display-4-font-style: Bold; /* 26 px */ --display-4-font-weight: 700; /* 26 px */ --display-4-letter-spacing: 0px; /* 26 px */ --display-4-line-height: 125; --font-family-base: "Inter"; --font-family-decorative: "Inter Variable"; --font-family-monospace: "Roboto Mono"; --font-family-serif: "Georgia"; --font-size-2xl: 24px; --font-size-2xs: 8px; --font-size-3xl: 26px; --font-size-4xl: 30px; --font-size-5xl: 32px; --font-size-6xl: 40px; --font-size-lg: 18px; --font-size-md: 16px; --font-size-sm: 13px; --font-size-xl: 20px; --font-size-xs: 11px; --font-weight-bold: 700; --font-weight-light: 300; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-semibold: 600; --gutter-margin-columns-count: 12; --gutter-margin-columns-gutter-size: -7.666666507720947px; --gutter-margin-columns-section-size: -7.666666507720947px; --gutter-no-margin-columns-count: 12; --gutter-no-margin-columns-gutter-size: -6.333333492279053px; --gutter-no-margin-columns-section-size: -6.333333492279053px; --gutterless-margin-columns-count: 12; --gutterless-margin-columns-gutter-size: 7px; --gutterless-margin-columns-section-size: 7px; --gutterless-no-margin-columns-count: 12; --gutterless-no-margin-columns-gutter-size: 8.333333015441895px; --gutterless-no-margin-columns-section-size: 8.333333015441895px; /* 24 px */ --headline-h1: var(--headline-h1-font-style) var(--headline-h1-font-weight) var(--headline-h1-font-size)/var(--headline-h1-line-height) var(--headline-h1-font-family); /* 24 px */ --headline-h1-font-family: "Inter"; /* 24 px */ --headline-h1-font-size: 24px; /* 24 px */ --headline-h1-font-style: Bold; /* 24 px */ --headline-h1-font-weight: 700; /* 24 px */ --headline-h1-letter-spacing: 0px; /* 24 px */ --headline-h1-line-height: 125; /* 20 px */ --headline-h2: var(--headline-h2-font-style) var(--headline-h2-font-weight) var(--headline-h2-font-size)/var(--headline-h2-line-height) var(--headline-h2-font-family); /* 20 px */ --headline-h2-font-family: "Inter"; /* 20 px */ --headline-h2-font-size: 20px; /* 20 px */ --headline-h2-font-style: Bold; /* 20 px */ --headline-h2-font-weight: 700; /* 20 px */ --headline-h2-letter-spacing: 0px; /* 20 px */ --headline-h2-line-height: 125; /* 16 px */ --headline-h3: var(--headline-h3-font-style) var(--headline-h3-font-weight) var(--headline-h3-font-size)/var(--headline-h3-line-height) var(--headline-h3-font-family); /* 16 px */ --headline-h3-font-family: "Inter"; /* 16 px */ --headline-h3-font-size: 16px; /* 16 px */ --headline-h3-font-style: Bold; /* 16 px */ --headline-h3-font-weight: 700; /* 16 px */ --headline-h3-letter-spacing: 0px; /* 16 px */ --headline-h3-line-height: 125; /* 13 px */ --headline-h4: var(--headline-h4-font-style) var(--headline-h4-font-weight) var(--headline-h4-font-size)/var(--headline-h4-line-height) var(--headline-h4-font-family); /* 13 px */ --headline-h4-font-family: "Inter"; /* 13 px */ --headline-h4-font-size: 13px; /* 13 px */ --headline-h4-font-style: Semi Bold; /* 13 px */ --headline-h4-font-weight: 600; /* 13 px */ --headline-h4-letter-spacing: 0px; /* 13 px */ --headline-h4-line-height: 123; /* 11 px */ --headline-h5: var(--headline-h5-font-style) var(--headline-h5-font-weight) var(--headline-h5-font-size)/var(--headline-h5-line-height) var(--headline-h5-font-family); /* 11 px */ --headline-h5-font-family: "Inter"; /* 11 px */ --headline-h5-font-size: 11px; /* 11 px */ --headline-h5-font-style: Semi Bold; /* 11 px */ --headline-h5-font-weight: 600; /* 11 px */ --headline-h5-letter-spacing: 0px; /* 11 px */ --headline-h5-line-height: 127; --indent: var(--space-0); --line-height-lg: 2; --line-height-md: 1.5; --line-height-reset: 1; --line-height-sm: 1.25; --monospace-md-regular: var(--monospace-md-regular-font-style) var(--monospace-md-regular-font-weight) var(--monospace-md-regular-font-size)/var(--monospace-md-regular-line-height) var(--monospace-md-regular-font-family); --monospace-md-regular-font-family: "Roboto Mono"; --monospace-md-regular-font-size: 13px; --monospace-md-regular-font-style: Regular; --monospace-md-regular-font-weight: 400; --monospace-md-regular-letter-spacing: 0px; --monospace-md-regular-line-height: 123; --monospace-sm-regular: var(--monospace-sm-regular-font-style) var(--monospace-sm-regular-font-weight) var(--monospace-sm-regular-font-size)/var(--monospace-sm-regular-line-height) var(--monospace-sm-regular-font-family); --monospace-sm-regular-font-family: "Roboto Mono"; --monospace-sm-regular-font-size: 11px; --monospace-sm-regular-font-style: Regular; --monospace-sm-regular-font-weight: 400; --monospace-sm-regular-letter-spacing: 0px; --monospace-sm-regular-line-height: 123; --palette-alpha-blue-20: rgb(5.098% 46.275% 100% / 0.19); --palette-alpha-blue-30: rgb(1.1765% 41.961% 98.824% / 0.33); --palette-alpha-blue-40: rgb(1.1765% 41.961% 99.216% / 0.48); --palette-alpha-grey-20: rgb(8.6275% 1.9608% 34.51% / 0.06); --palette-alpha-grey-30: rgb(4.3137% 4.3137% 25.882% / 0.18); --palette-alpha-grey-40: rgb(3.1373% 4.7059% 25.49% / 0.3); --palette-alpha-grey-70: rgb(1.2% 4.44% 22.8% / 0.63); --palette-alpha-inverted-grey-10: rgb(87.059% 83.137% 89.804% / 0.07); --palette-alpha-inverted-grey-20: rgb(74.902% 85.49% 98.824% / 0.13); --palette-alpha-inverted-grey-50: rgb(76.078% 87.059% 99.216% / 0.54); --palette-alpha-inverted-neutral-10: rgb(92.941% 82.745% 74.902% / 0.13); --palette-alpha-lightblue-20: rgb(67.451% 80.784% 99.608% / 0.2); --palette-alpha-lightblue-30: rgb(67.451% 80.784% 99.608% / 0.3); --palette-alpha-lightblue-40: rgb(67.451% 80.784% 99.608% / 0.4); --palette-alpha-neutral-10: rgb(5.8824% 5.8824% 5.8824% / 0.05); --palette-blue-5: rgb(97.255% 98.824% 100%); --palette-blue-10: rgb(96.471% 98.431% 100%); --palette-blue-20: rgb(81.961% 89.804% 100%); --palette-blue-30: rgb(67.451% 80.784% 99.608%); --palette-blue-40: rgb(52.549% 72.157% 99.608%); --palette-blue-50: rgb(37.647% 62.745% 99.608%); --palette-blue-60: rgb(21.569% 52.941% 99.216%); --palette-blue-70: rgb(14.902% 29.02% 100%); --palette-blue-80: rgb(12.941% 25.098% 85.098%); --palette-blue-90: rgb(9.8039% 20% 72.549%); --palette-blue-100: rgb(0.78431% 21.176% 51.373%); --palette-green-0: rgb(95.686% 99.608% 99.608%); --palette-green-5: rgb(94.51% 99.216% 99.216%); --palette-green-10: rgb(85.098% 97.255% 94.118%); --palette-green-20: rgb(76.471% 95.294% 90.588%); --palette-green-30: rgb(58.431% 90.98% 81.176%); --palette-green-40: rgb(38.824% 86.275% 71.373%); --palette-green-60: rgb(20% 73.333% 56.078%); --palette-green-80: rgb(14.118% 59.608% 45.098%); --palette-green-100: rgb(8.2353% 46.667% 34.118%); --palette-grey-0: rgb(98.824% 98.824% 99.608%); --palette-grey-5: rgb(98.431% 98.431% 99.216%); --palette-grey-10: rgb(98.039% 98.039% 99.216%); --palette-grey-20: rgb(94.51% 94.118% 96.078%); --palette-grey-30: rgb(82.745% 82.745% 86.667%); --palette-grey-40: rgb(70.98% 71.373% 77.647%); --palette-grey-50: rgb(59.608% 60.392% 68.627%); --palette-grey-55: rgb(1.5% 4.2% 28.5% / 0.45); --palette-grey-60: rgb(48.627% 49.804% 59.608%); --palette-grey-70: rgb(37.647% 39.608% 50.98%); --palette-grey-80: rgb(27.059% 29.804% 42.745%); --palette-grey-90: rgb(16.471% 20.784% 34.51%); --palette-grey-100: rgb(3.9216% 12.157% 26.667%); --palette-inverted-blue-30: rgb(8.2353% 15.294% 25.49%); --palette-inverted-blue-40: rgb(7.0588% 16.078% 29.412%); --palette-inverted-blue-50: rgb(6.2745% 17.255% 32.941%); --palette-inverted-green-30: rgb(10.588% 23.137% 20.392%); --palette-inverted-green-40: rgb(10.196% 26.275% 22.353%); --palette-inverted-green-50: rgb(9.8039% 29.804% 24.314%); --palette-inverted-grey-0: rgb(8.6275% 10.196% 11.373%); --palette-inverted-grey-5: rgb(11.373% 12.941% 14.51%); --palette-inverted-grey-10: rgb(14.118% 15.294% 16.863%); --palette-inverted-grey-20: rgb(17.255% 20% 22.745%); --palette-inverted-grey-30: rgb(27.059% 30.98% 34.902%); --palette-inverted-grey-40: rgb(36.078% 42.353% 47.843%); --palette-inverted-grey-80: rgb(71.373% 76.078% 81.176%); --palette-inverted-grey-90: rgb(78.039% 81.961% 85.882%); --palette-inverted-grey-100: rgb(87.059% 89.412% 91.765%); --palette-inverted-neutral-0: rgb(13.333% 13.333% 13.333%); --palette-inverted-neutral-5: rgb(14.902% 14.902% 14.902%); --palette-inverted-neutral-10: rgb(19.608% 19.608% 19.608%); --palette-inverted-neutral-20: rgb(26.275% 26.275% 26.275%); --palette-inverted-neutral-30: rgb(33.333% 33.333% 33.333%); --palette-inverted-neutral-70: rgb(63.529% 63.529% 63.529%); --palette-inverted-orange-30: rgb(34.118% 25.098% 10.98%); --palette-inverted-orange-40: rgb(41.961% 29.02% 9.8039%); --palette-inverted-orange-50: rgb(49.412% 33.333% 8.6275%); --palette-inverted-purple-30: rgb(20.392% 10.196% 32.157%); --palette-inverted-purple-40: rgb(23.137% 9.4118% 38.039%); --palette-inverted-purple-50: rgb(26.275% 8.6275% 44.314%); --palette-inverted-red-30: rgb(29.02% 9.0196% 10.196%); --palette-inverted-red-40: rgb(34.902% 7.8431% 8.6275%); --palette-inverted-red-50: rgb(40.784% 6.6667% 7.451%); --palette-inverted-teal-30: rgb(7.8431% 19.608% 21.569%); --palette-inverted-teal-40: rgb(6.6667% 21.961% 23.922%); --palette-inverted-teal-50: rgb(5.8824% 24.314% 26.275%); --palette-neutral-0: rgb(98.824% 98.824% 98.824%); --palette-neutral-5: rgb(97.255% 97.255% 97.255%); --palette-neutral-10: rgb(95.294% 95.294% 95.294%); --palette-neutral-50: rgb(85.882% 85.882% 85.882%); --palette-neutral-70: rgb(56.078% 56.078% 56.078%); --palette-neutral-90: rgb(43.529% 43.529% 43.529%); --palette-orange-0: rgb(100% 100% 90.196%); --palette-orange-5: rgb(100% 100% 88.627%); --palette-orange-10: rgb(100% 100% 85.882%); --palette-orange-20: rgb(100% 93.333% 69.412%); --palette-orange-30: rgb(100% 86.667% 52.549%); --palette-orange-40: rgb(100% 79.608% 34.902%); --palette-orange-60: rgb(97.647% 65.098% 4.7059%); --palette-orange-80: rgb(87.451% 53.333% 2.3529%); --palette-orange-100: rgb(69.804% 37.647% 0%); --palette-purple-0: rgb(100% 96.078% 100%); --palette-purple-5: rgb(100% 93.333% 100%); --palette-purple-10: rgb(100% 89.02% 100%); --palette-purple-20: rgb(94.902% 79.216% 100%); --palette-purple-40: rgb(84.706% 60% 99.608%); --palette-purple-50: rgb(79.216% 49.804% 99.608%); --palette-purple-60: rgb(73.725% 39.216% 99.608%); --palette-purple-70: rgb(67.451% 27.059% 99.608%); --palette-purple-80: rgb(59.216% 12.157% 99.216%); --palette-purple-90: rgb(49.412% 3.5294% 89.412%); --palette-purple-100: rgb(41.176% 3.9216% 73.725%); --palette-red-0: rgb(100% 96.471% 95.294%); --palette-red-5: rgb(100% 94.51% 92.549%); --palette-red-10: rgb(100% 90.98% 87.843%); --palette-red-20: rgb(99.216% 81.961% 79.216%); --palette-red-30: rgb(98.431% 72.549% 70.196%); --palette-red-40: rgb(97.647% 63.137% 61.176%); --palette-red-50: rgb(96.471% 52.941% 51.373%); --palette-red-70: rgb(94.51% 28.235% 28.235%); --palette-red-80: rgb(88.235% 18.039% 18.039%); --palette-red-90: rgb(79.608% 9.4118% 9.4118%); --palette-red-100: rgb(70.196% 0% 0%); --palette-teal-0: rgb(94.902% 100% 100%); --palette-teal-5: rgb(93.725% 100% 100%); --palette-teal-10: rgb(81.961% 97.255% 97.647%); --palette-teal-20: rgb(67.843% 95.294% 96.078%); --palette-teal-40: rgb(29.412% 81.961% 83.922%); --palette-teal-50: rgb(24.314% 74.118% 75.686%); --palette-teal-60: rgb(19.216% 65.882% 67.843%); --palette-teal-70: rgb(14.118% 58.039% 60%); --palette-teal-80: rgb(9.4118% 50.588% 52.157%); --palette-teal-90: rgb(4.7059% 42.745% 44.706%); --palette-teal-100: rgb(0% 35.686% 37.647%); --palette-white: rgb(100% 100% 100%); --paragraph-spacing-reset: 0px; --scrollbar-surface-thumb-default: var(--border-action-default); --scrollbar-surface-thumb-hover: var(--surface-action-default-active); --scrollbar-surface-track-default: var(--surface-static-accented); --size-0: 0.0010000000474974513px; --size-1: 4px; --size-2: 8px; --size-3: 12px; --size-4: 16px; --size-5: 20px; --size-05: 2px; --size-6: 24px; --size-8: 32px; --size-10: 40px; --size-11: 44px; --size-12: 48px; --size-14: 56px; --size-16: 64px; --size-18: 72px; --size-20: 80px; --size-22: 88px; --size-025: 1px; --space-0: 0px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-05: 2px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-14: 56px; --space-18: 72px; --space-24: 96px; --space-025: 1px; --static-size-2xl: var(--size-14); --static-size-2xs: var(--size-2); --static-size-3xl: var(--size-16); --static-size-3xs: var(--size-1); --static-size-4xl: var(--size-18); --static-size-4xs: var(--size-05); --static-size-5xl: var(--size-20); --static-size-5xs: var(--size-025); --static-size-lg: var(--size-10); --static-size-md: var(--size-8); --static-size-none: var(--size-0); --static-size-sm: var(--size-6); --static-size-xl: var(--size-12); --static-size-xs: var(--size-4); --static-space-2xl: var(--space-5); --static-space-2xs: var(--space-025); --static-space-3xl: var(--space-6); --static-space-4xl: var(--space-8); --static-space-5xl: var(--space-10); --static-space-6xl: var(--space-12); --static-space-lg: var(--space-3); --static-space-md: var(--space-2); --static-space-none: var(--space-0); --static-space-sm: var(--space-1); --static-space-xl: var(--space-4); --static-space-xs: var(--space-05); --surface-action-danger-active: var(--palette-red-20); --surface-action-danger-default: var(--palette-red-40); --surface-action-danger-disabled: var(--palette-inverted-grey-10); --surface-action-danger-hover: var(--palette-red-30); --surface-action-default-active: var(--palette-alpha-inverted-grey-20); --surface-action-default-default: var(--palette-inverted-grey-0); --surface-action-default-disabled: var(--palette-alpha-inverted-neutral-10); --surface-action-default-hover: var(--palette-alpha-inverted-grey-10); --surface-action-neutral-active: var(--palette-inverted-grey-80); --surface-action-neutral-default: var(--palette-inverted-grey-100); --surface-action-neutral-disabled: var(--palette-inverted-grey-10); --surface-action-neutral-hover: var(--palette-inverted-grey-90); --surface-action-primary-active: var(--palette-blue-10); --surface-action-primary-default: var(--palette-blue-30); --surface-action-primary-disabled: var(--palette-inverted-grey-20); --surface-action-primary-hover: var(--palette-blue-20); --surface-action-selected-active: var(--palette-alpha-lightblue-40); --surface-action-selected-default: var(--palette-alpha-lightblue-20); --surface-action-selected-hover: var(--palette-alpha-lightblue-30); --surface-decorative-purple-accented: var(--palette-purple-20); --surface-decorative-purple-active: var(--palette-inverted-purple-50); --surface-decorative-purple-default: var(--palette-inverted-purple-30); --surface-decorative-purple-disabled: var(--palette-inverted-neutral-0); --surface-decorative-purple-hover: var(--palette-inverted-purple-40); --surface-decorative-teal-accented: var(--palette-teal-10); --surface-decorative-teal-active: var(--palette-inverted-teal-50); --surface-decorative-teal-default: var(--palette-inverted-teal-30); --surface-decorative-teal-disabled: var(--palette-inverted-neutral-0); --surface-decorative-teal-hover: var(--palette-inverted-teal-40); --surface-static-accented: var(--palette-inverted-grey-5); /* Only use for create modal background backdrop / overlay */ --surface-static-backdrop: rgb(52.115% 52.115% 52.115% / 0.3); --surface-static-danger-accented: var(--palette-red-20); --surface-static-danger-active: var(--palette-inverted-red-50); --surface-static-danger-default: var(--palette-inverted-red-30); --surface-static-danger-disabled: var(--palette-inverted-neutral-10); --surface-static-danger-hover: var(--palette-inverted-red-40); --surface-static-default: var(--palette-inverted-grey-0); --surface-static-disabled: var(--palette-inverted-neutral-5); /* For use as a dotted background color, such as Frame backgrounds (Canvas) when you are using canvasFree-pagetype. */ --surface-static-dotted: rgb(98.039% 98.039% 99.216%); --surface-static-info-accented: var(--palette-blue-30); --surface-static-info-active: var(--palette-inverted-blue-50); --surface-static-info-default: var(--palette-inverted-blue-30); --surface-static-info-disabled: var(--palette-inverted-neutral-10); --surface-static-info-hover: var(--palette-inverted-blue-40); --surface-static-neutral-accented: var(--palette-inverted-grey-100); --surface-static-neutral-active: var(--palette-inverted-grey-20); --surface-static-neutral-default: var(--palette-inverted-grey-5); --surface-static-neutral-disabled: var(--palette-inverted-neutral-10); --surface-static-neutral-hover: var(--palette-inverted-grey-10); --surface-static-sidebar: var(--palette-inverted-grey-5); --surface-static-success-accented: var(--palette-green-20); --surface-static-success-active: var(--palette-inverted-green-50); --surface-static-success-default: var(--palette-inverted-green-30); --surface-static-success-disabled: var(--palette-inverted-neutral-10); --surface-static-success-hover: var(--palette-inverted-green-40); --surface-static-warning-accented: var(--palette-orange-10); --surface-static-warning-active: var(--palette-inverted-orange-50); --surface-static-warning-default: var(--palette-inverted-orange-30); --surface-static-warning-disabled: var(--palette-inverted-neutral-10); --surface-static-warning-hover: var(--palette-inverted-orange-40); } [data-density], [data-density="default"] { /* 16 px */ --density-alpha-body-lg-medium: var(--density-alpha-body-lg-medium-font-style) var(--density-alpha-body-lg-medium-font-weight) var(--density-alpha-body-lg-medium-font-size)/var(--density-alpha-body-lg-medium-line-height) var(--density-alpha-body-lg-medium-font-family); /* 16 px */ --density-alpha-body-lg-medium-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-medium-font-size: 16px; /* 16 px */ --density-alpha-body-lg-medium-font-style: Medium; /* 16 px */ --density-alpha-body-lg-medium-font-weight: 500; /* 16 px */ --density-alpha-body-lg-medium-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-medium-line-height: 125; /* 16 px */ --density-alpha-body-lg-regular: var(--density-alpha-body-lg-regular-font-style) var(--density-alpha-body-lg-regular-font-weight) var(--density-alpha-body-lg-regular-font-size)/var(--density-alpha-body-lg-regular-line-height) var(--density-alpha-body-lg-regular-font-family); /* 16 px */ --density-alpha-body-lg-regular-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-regular-font-size: 16px; /* 16 px */ --density-alpha-body-lg-regular-font-style: Regular; /* 16 px */ --density-alpha-body-lg-regular-font-weight: 400; /* 16 px */ --density-alpha-body-lg-regular-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-regular-line-height: 125; /* 13 px */ --density-alpha-body-md-medium: var(--density-alpha-body-md-medium-font-style) var(--density-alpha-body-md-medium-font-weight) var(--density-alpha-body-md-medium-font-size)/var(--density-alpha-body-md-medium-line-height) var(--density-alpha-body-md-medium-font-family); /* 13 px */ --density-alpha-body-md-medium-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-medium-font-size: 13px; /* 13 px */ --density-alpha-body-md-medium-font-style: Medium; /* 13 px */ --density-alpha-body-md-medium-font-weight: 500; /* 13 px */ --density-alpha-body-md-medium-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-medium-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-regular: var(--density-alpha-body-md-regular-font-style) var(--density-alpha-body-md-regular-font-weight) var(--density-alpha-body-md-regular-font-size)/var(--density-alpha-body-md-regular-line-height) var(--density-alpha-body-md-regular-font-family); /* 13 px */ --density-alpha-body-md-regular-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-regular-font-size: 13px; /* 13 px */ --density-alpha-body-md-regular-font-style: Regular; /* 13 px */ --density-alpha-body-md-regular-font-weight: 400; /* 13 px */ --density-alpha-body-md-regular-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-regular-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-semibold: var(--density-alpha-body-md-semibold-font-style) var(--density-alpha-body-md-semibold-font-weight) var(--density-alpha-body-md-semibold-font-size)/var(--density-alpha-body-md-semibold-line-height) var(--density-alpha-body-md-semibold-font-family); /* 13 px */ --density-alpha-body-md-semibold-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-semibold-font-size: 13px; /* 13 px */ --density-alpha-body-md-semibold-font-style: Semi Bold; /* 13 px */ --density-alpha-body-md-semibold-font-weight: 600; /* 13 px */ --density-alpha-body-md-semibold-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-semibold-line-height: 123.07691955566406; /* 11 px */ --density-alpha-body-sm-bold: var(--density-alpha-body-sm-bold-font-style) var(--density-alpha-body-sm-bold-font-weight) var(--density-alpha-body-sm-bold-font-size)/var(--density-alpha-body-sm-bold-line-height) var(--density-alpha-body-sm-bold-font-family); /* 11 px */ --density-alpha-body-sm-bold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-bold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-bold-font-style: Bold; /* 11 px */ --density-alpha-body-sm-bold-font-weight: 700; /* 11 px */ --density-alpha-body-sm-bold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-bold-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-medium: var(--density-alpha-body-sm-medium-font-style) var(--density-alpha-body-sm-medium-font-weight) var(--density-alpha-body-sm-medium-font-size)/var(--density-alpha-body-sm-medium-line-height) var(--density-alpha-body-sm-medium-font-family); /* 11 px */ --density-alpha-body-sm-medium-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-medium-font-size: 11px; /* 11 px */ --density-alpha-body-sm-medium-font-style: Medium; /* 11 px */ --density-alpha-body-sm-medium-font-weight: 500; /* 11 px */ --density-alpha-body-sm-medium-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-medium-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-regular: var(--density-alpha-body-sm-regular-font-style) var(--density-alpha-body-sm-regular-font-weight) var(--density-alpha-body-sm-regular-font-size)/var(--density-alpha-body-sm-regular-line-height) var(--density-alpha-body-sm-regular-font-family); /* 11 px */ --density-alpha-body-sm-regular-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-regular-font-size: 11px; /* 11 px */ --density-alpha-body-sm-regular-font-style: Regular; /* 11 px */ --density-alpha-body-sm-regular-font-weight: 400; /* 11 px */ --density-alpha-body-sm-regular-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-regular-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-semibold: var(--density-alpha-body-sm-semibold-font-style) var(--density-alpha-body-sm-semibold-font-weight) var(--density-alpha-body-sm-semibold-font-size)/var(--density-alpha-body-sm-semibold-line-height) var(--density-alpha-body-sm-semibold-font-family); /* 11 px */ --density-alpha-body-sm-semibold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-semibold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-semibold-font-style: Semi Bold; /* 11 px */ --density-alpha-body-sm-semibold-font-weight: 600; /* 11 px */ --density-alpha-body-sm-semibold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-semibold-line-height: 127.2727279663086; /* 8 px */ --density-alpha-caption-medium: var(--density-alpha-caption-medium-font-style) var(--density-alpha-caption-medium-font-weight) var(--density-alpha-caption-medium-font-size)/var(--density-alpha-caption-medium-line-height) var(--density-alpha-caption-medium-font-family); /* 8 px */ --density-alpha-caption-medium-font-family: "Inter"; /* 8 px */ --density-alpha-caption-medium-font-size: 8px; /* 8 px */ --density-alpha-caption-medium-font-style: Medium; /* 8 px */ --density-alpha-caption-medium-font-weight: 500; /* 8 px */ --density-alpha-caption-medium-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-medium-line-height: 150; /* 8 px */ --density-alpha-caption-regular: var(--density-alpha-caption-regular-font-style) var(--density-alpha-caption-regular-font-weight) var(--density-alpha-caption-regular-font-size)/var(--density-alpha-caption-regular-line-height) var(--density-alpha-caption-regular-font-family); /* 8 px */ --density-alpha-caption-regular-font-family: "Inter"; /* 8 px */ --density-alpha-caption-regular-font-size: 8px; /* 8 px */ --density-alpha-caption-regular-font-style: Regular; /* 8 px */ --density-alpha-caption-regular-font-weight: 400; /* 8 px */ --density-alpha-caption-regular-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-regular-line-height: 150; /* Use for KPIs only! */ --density-alpha-decorative-display-1: var(--density-alpha-decorative-display-1-font-style) var(--density-alpha-decorative-display-1-font-weight) var(--density-alpha-decorative-display-1-font-size)/var(--density-alpha-decorative-display-1-line-height) var(--density-alpha-decorative-display-1-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-size: 40px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-1-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-2: var(--density-alpha-decorative-display-2-font-style) var(--density-alpha-decorative-display-2-font-weight) var(--density-alpha-decorative-display-2-font-size)/var(--density-alpha-decorative-display-2-line-height) var(--density-alpha-decorative-display-2-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-size: 32px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-2-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-3: var(--density-alpha-decorative-display-3-font-style) var(--density-alpha-decorative-display-3-font-weight) var(--density-alpha-decorative-display-3-font-size)/var(--density-alpha-decorative-display-3-line-height) var(--density-alpha-decorative-display-3-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-size: 24px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-3-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light: var(--density-alpha-decorative-headline-h2-light-font-style) var(--density-alpha-decorative-headline-h2-light-font-weight) var(--density-alpha-decorative-headline-h2-light-font-size)/var(--density-alpha-decorative-headline-h2-light-line-height) var(--density-alpha-decorative-headline-h2-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-size: 20px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-line-height: 125; --density-alpha-decorative-headline-h2-regular: var(--density-alpha-decorative-headline-h2-regular-font-style) var(--density-alpha-decorative-headline-h2-regular-font-weight) var(--density-alpha-decorative-headline-h2-regular-font-size)/var(--density-alpha-decorative-headline-h2-regular-line-height) var(--density-alpha-decorative-headline-h2-regular-font-family); --density-alpha-decorative-headline-h2-regular-font-family: "Inter Variable"; --density-alpha-decorative-headline-h2-regular-font-size: 20px; --density-alpha-decorative-headline-h2-regular-font-style: Regular; --density-alpha-decorative-headline-h2-regular-font-weight: 400; --density-alpha-decorative-headline-h2-regular-letter-spacing: 0px; --density-alpha-decorative-headline-h2-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-light: var(--density-alpha-decorative-lg-light-font-style) var(--density-alpha-decorative-lg-light-font-weight) var(--density-alpha-decorative-lg-light-font-size)/var(--density-alpha-decorative-lg-light-line-height) var(--density-alpha-decorative-lg-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular: var(--density-alpha-decorative-lg-regular-font-style) var(--density-alpha-decorative-lg-regular-font-weight) var(--density-alpha-decorative-lg-regular-font-size)/var(--density-alpha-decorative-lg-regular-line-height) var(--density-alpha-decorative-lg-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-md-light: var(--density-alpha-decorative-md-light-font-style) var(--density-alpha-decorative-md-light-font-weight) var(--density-alpha-decorative-md-light-font-size)/var(--density-alpha-decorative-md-light-line-height) var(--density-alpha-decorative-md-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-md-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-md-regular: var(--density-alpha-decorative-md-regular-font-style) var(--density-alpha-decorative-md-regular-font-weight) var(--density-alpha-decorative-md-regular-font-size)/var(--density-alpha-decorative-md-regular-line-height) var(--density-alpha-decorative-md-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-sm-light: var(--density-alpha-decorative-sm-light-font-style) var(--density-alpha-decorative-sm-light-font-weight) var(--density-alpha-decorative-sm-light-font-size)/var(--density-alpha-decorative-sm-light-line-height) var(--density-alpha-decorative-sm-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-line-height: 127.2727279663086; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular: var(--density-alpha-decorative-sm-regular-font-style) var(--density-alpha-decorative-sm-regular-font-weight) var(--density-alpha-decorative-sm-regular-font-size)/var(--density-alpha-decorative-sm-regular-line-height) var(--density-alpha-decorative-sm-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-line-height: 127.2727279663086; --density-alpha-display-1: var(--density-alpha-display-1-font-style) var(--density-alpha-display-1-font-weight) var(--density-alpha-display-1-font-size)/var(--density-alpha-display-1-line-height) var(--density-alpha-display-1-font-family); --density-alpha-display-1-font-family: "Inter"; --density-alpha-display-1-font-size: 40px; --density-alpha-display-1-font-style: Bold; --density-alpha-display-1-font-weight: 700; --density-alpha-display-1-letter-spacing: 0px; --density-alpha-display-1-line-height: 125; --density-alpha-display-2: var(--density-alpha-display-2-font-style) var(--density-alpha-display-2-font-weight) var(--density-alpha-display-2-font-size)/var(--density-alpha-display-2-line-height) var(--density-alpha-display-2-font-family); --density-alpha-display-2-font-family: "Inter"; --density-alpha-display-2-font-size: 32px; --density-alpha-display-2-font-style: Bold; --density-alpha-display-2-font-weight: 700; --density-alpha-display-2-letter-spacing: 0px; --density-alpha-display-2-line-height: 125; --density-alpha-display-3: var(--density-alpha-display-3-font-style) var(--density-alpha-display-3-font-weight) var(--density-alpha-display-3-font-size)/var(--density-alpha-display-3-line-height) var(--density-alpha-display-3-font-family); --density-alpha-display-3-font-family: "Inter"; --density-alpha-display-3-font-size: 30px; --density-alpha-display-3-font-style: Bold; --density-alpha-display-3-font-weight: 700; --density-alpha-display-3-letter-spacing: 0px; --density-alpha-display-3-line-height: 126.66666412353516; /* 26 px */ --density-alpha-display-4: var(--density-alpha-display-4-font-style) var(--density-alpha-display-4-font-weight) var(--density-alpha-display-4-font-size)/var(--density-alpha-display-4-line-height) var(--density-alpha-display-4-font-family); /* 26 px */ --density-alpha-display-4-font-family: "Inter"; /* 26 px */ --density-alpha-display-4-font-size: 26px; /* 26 px */ --density-alpha-display-4-font-style: Bold; /* 26 px */ --density-alpha-display-4-font-weight: 700; /* 26 px */ --density-alpha-display-4-letter-spacing: 0px; /* 26 px */ --density-alpha-display-4-line-height: 123.07691955566406; /* 24 px */ --density-alpha-headline-h1: var(--density-alpha-headline-h1-font-style) var(--density-alpha-headline-h1-font-weight) var(--density-alpha-headline-h1-font-size)/var(--density-alpha-headline-h1-line-height) var(--density-alpha-headline-h1-font-family); /* 24 px */ --density-alpha-headline-h1-font-family: "Inter"; /* 24 px */ --density-alpha-headline-h1-font-size: 24px; /* 24 px */ --density-alpha-headline-h1-font-style: Bold; /* 24 px */ --density-alpha-headline-h1-font-weight: 700; /* 24 px */ --density-alpha-headline-h1-letter-spacing: 0px; /* 24 px */ --density-alpha-headline-h1-line-height: 125; /* 20 px */ --density-alpha-headline-h2: var(--density-alpha-headline-h2-font-style) var(--density-alpha-headline-h2-font-weight) var(--density-alpha-headline-h2-font-size)/var(--density-alpha-headline-h2-line-height) var(--density-alpha-headline-h2-font-family); /* 20 px */ --density-alpha-headline-h2-font-family: "Inter"; /* 20 px */ --density-alpha-headline-h2-font-size: 20px; /* 20 px */ --density-alpha-headline-h2-font-style: Bold; /* 20 px */ --density-alpha-headline-h2-font-weight: 700; /* 20 px */ --density-alpha-headline-h2-letter-spacing: 0px; /* 20 px */ --density-alpha-headline-h2-line-height: 125; /* 16 px */ --density-alpha-headline-h3: var(--density-alpha-headline-h3-font-style) var(--density-alpha-headline-h3-font-weight) var(--density-alpha-headline-h3-font-size)/var(--density-alpha-headline-h3-line-height) var(--density-alpha-headline-h3-font-family); /* 16 px */ --density-alpha-headline-h3-font-family: "Inter"; /* 16 px */ --density-alpha-headline-h3-font-size: 16px; /* 16 px */ --density-alpha-headline-h3-font-style: Bold; /* 16 px */ --density-alpha-headline-h3-font-weight: 700; /* 16 px */ --density-alpha-headline-h3-letter-spacing: 0px; /* 16 px */ --density-alpha-headline-h3-line-height: 125; /* 13 px */ --density-alpha-headline-h4: var(--density-alpha-headline-h4-font-style) var(--density-alpha-headline-h4-font-weight) var(--density-alpha-headline-h4-font-size)/var(--density-alpha-headline-h4-line-height) var(--density-alpha-headline-h4-font-family); /* 13 px */ --density-alpha-headline-h4-font-family: "Inter"; /* 13 px */ --density-alpha-headline-h4-font-size: 13px; /* 13 px */ --density-alpha-headline-h4-font-style: Semi Bold; /* 13 px */ --density-alpha-headline-h4-font-weight: 600; /* 13 px */ --density-alpha-headline-h4-letter-spacing: 0px; /* 13 px */ --density-alpha-headline-h4-line-height: 123.07691955566406; /* 11 px */ --density-alpha-headline-h5: var(--density-alpha-headline-h5-font-style) var(--density-alpha-headline-h5-font-weight) var(--density-alpha-headline-h5-font-size)/var(--density-alpha-headline-h5-line-height) var(--density-alpha-headline-h5-font-family); /* 11 px */ --density-alpha-headline-h5-font-family: "Inter"; /* 11 px */ --density-alpha-headline-h5-font-size: 11px; /* 11 px */ --density-alpha-headline-h5-font-style: Semi Bold; /* 11 px */ --density-alpha-headline-h5-font-weight: 600; /* 11 px */ --density-alpha-headline-h5-letter-spacing: 0px; /* 11 px */ --density-alpha-headline-h5-line-height: 127.2727279663086; --density-alpha-monospace-md-regular: var(--density-alpha-monospace-md-regular-font-style) var(--density-alpha-monospace-md-regular-font-weight) var(--density-alpha-monospace-md-regular-font-size)/var(--density-alpha-monospace-md-regular-line-height) var(--density-alpha-monospace-md-regular-font-family); --density-alpha-monospace-md-regular-font-family: "Roboto Mono"; --density-alpha-monospace-md-regular-font-size: 13px; --density-alpha-monospace-md-regular-font-style: Regular; --density-alpha-monospace-md-regular-font-weight: 400; --density-alpha-monospace-md-regular-letter-spacing: 0px; --density-alpha-monospace-md-regular-line-height: 123.07691955566406; --density-alpha-monospace-sm-regular: var(--density-alpha-monospace-sm-regular-font-style) var(--density-alpha-monospace-sm-regular-font-weight) var(--density-alpha-monospace-sm-regular-font-size)/var(--density-alpha-monospace-sm-regular-line-height) var(--density-alpha-monospace-sm-regular-font-family); --density-alpha-monospace-sm-regular-font-family: "Roboto Mono"; --density-alpha-monospace-sm-regular-font-size: 11px; --density-alpha-monospace-sm-regular-font-style: Regular; --density-alpha-monospace-sm-regular-font-weight: 400; --density-alpha-monospace-sm-regular-letter-spacing: 0px; --density-alpha-monospace-sm-regular-line-height: 127.2727279663086; --density-font-size-2xl: 24px; --density-font-size-2xs: 8px; --density-font-size-3xl: 26px; --density-font-size-4xl: 30px; --density-font-size-5xl: 32px; --density-font-size-6xl: 40px; --density-font-size-lg: 18px; --density-font-size-md: 16px; --density-font-size-sm: 13px; --density-font-size-xl: 20px; --density-font-size-xs: 11px; --density-line-height-body-lg: 20; --density-line-height-body-md: 16; --density-line-height-body-sm: 14; --density-line-height-caption-default: 12; --density-line-height-decorative-display-1: 50; --density-line-height-decorative-display-2: 40; --density-line-height-decorative-display-3: 30; --density-line-height-decorative-headline-h2: 25; --density-line-height-decorative-lg: 20; --density-line-height-decorative-md: 16; --density-line-height-decorative-sm: 14; --density-line-height-display-1: 50; --density-line-height-display-2: 40; --density-line-height-display-3: 38; --density-line-height-display-4: 32; --density-line-height-headline-h1: 30; --density-line-height-headline-h2: 25; --density-line-height-headline-h3: 20; --density-line-height-headline-h4: 16; --density-line-height-headline-h5: 14; --density-line-height-monospace-md: 16; --density-line-height-monospace-sm: 14; /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xl: var(--size-14); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xs: var(--size-2); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xl: var(--size-16); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xs: var(--size-1); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xl: var(--size-18); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xs: var(--size-05); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-5xl: var(--size-20); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-lg: var(--size-10); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-md: var(--size-8); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-none: var(--size-0); --density-size-sm: var(--size-6); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xl: var(--size-12); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xs: var(--size-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xl: var(--space-5); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xs: var(--space-025); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xl: var(--space-6); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xs: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-4xl: var(--space-8); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-5xl: var(--space-10); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-6xl: var(--space-12); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-lg: var(--space-3); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-md: var(--space-2); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-none: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-sm: var(--space-1); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xl: var(--space-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xs: var(--space-05); } [data-density="compact"] { /* 16 px */ --density-alpha-body-lg-medium: var(--density-alpha-body-lg-medium-font-style) var(--density-alpha-body-lg-medium-font-weight) var(--density-alpha-body-lg-medium-font-size)/var(--density-alpha-body-lg-medium-line-height) var(--density-alpha-body-lg-medium-font-family); /* 16 px */ --density-alpha-body-lg-medium-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-medium-font-size: 16px; /* 16 px */ --density-alpha-body-lg-medium-font-style: Medium; /* 16 px */ --density-alpha-body-lg-medium-font-weight: 500; /* 16 px */ --density-alpha-body-lg-medium-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-medium-line-height: 125; /* 16 px */ --density-alpha-body-lg-regular: var(--density-alpha-body-lg-regular-font-style) var(--density-alpha-body-lg-regular-font-weight) var(--density-alpha-body-lg-regular-font-size)/var(--density-alpha-body-lg-regular-line-height) var(--density-alpha-body-lg-regular-font-family); /* 16 px */ --density-alpha-body-lg-regular-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-regular-font-size: 16px; /* 16 px */ --density-alpha-body-lg-regular-font-style: Regular; /* 16 px */ --density-alpha-body-lg-regular-font-weight: 400; /* 16 px */ --density-alpha-body-lg-regular-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-regular-line-height: 125; /* 13 px */ --density-alpha-body-md-medium: var(--density-alpha-body-md-medium-font-style) var(--density-alpha-body-md-medium-font-weight) var(--density-alpha-body-md-medium-font-size)/var(--density-alpha-body-md-medium-line-height) var(--density-alpha-body-md-medium-font-family); /* 13 px */ --density-alpha-body-md-medium-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-medium-font-size: 13px; /* 13 px */ --density-alpha-body-md-medium-font-style: Medium; /* 13 px */ --density-alpha-body-md-medium-font-weight: 500; /* 13 px */ --density-alpha-body-md-medium-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-medium-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-regular: var(--density-alpha-body-md-regular-font-style) var(--density-alpha-body-md-regular-font-weight) var(--density-alpha-body-md-regular-font-size)/var(--density-alpha-body-md-regular-line-height) var(--density-alpha-body-md-regular-font-family); /* 13 px */ --density-alpha-body-md-regular-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-regular-font-size: 13px; /* 13 px */ --density-alpha-body-md-regular-font-style: Regular; /* 13 px */ --density-alpha-body-md-regular-font-weight: 400; /* 13 px */ --density-alpha-body-md-regular-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-regular-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-semibold: var(--density-alpha-body-md-semibold-font-style) var(--density-alpha-body-md-semibold-font-weight) var(--density-alpha-body-md-semibold-font-size)/var(--density-alpha-body-md-semibold-line-height) var(--density-alpha-body-md-semibold-font-family); /* 13 px */ --density-alpha-body-md-semibold-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-semibold-font-size: 13px; /* 13 px */ --density-alpha-body-md-semibold-font-style: Semi Bold; /* 13 px */ --density-alpha-body-md-semibold-font-weight: 600; /* 13 px */ --density-alpha-body-md-semibold-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-semibold-line-height: 123.07691955566406; /* 11 px */ --density-alpha-body-sm-bold: var(--density-alpha-body-sm-bold-font-style) var(--density-alpha-body-sm-bold-font-weight) var(--density-alpha-body-sm-bold-font-size)/var(--density-alpha-body-sm-bold-line-height) var(--density-alpha-body-sm-bold-font-family); /* 11 px */ --density-alpha-body-sm-bold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-bold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-bold-font-style: Bold; /* 11 px */ --density-alpha-body-sm-bold-font-weight: 700; /* 11 px */ --density-alpha-body-sm-bold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-bold-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-medium: var(--density-alpha-body-sm-medium-font-style) var(--density-alpha-body-sm-medium-font-weight) var(--density-alpha-body-sm-medium-font-size)/var(--density-alpha-body-sm-medium-line-height) var(--density-alpha-body-sm-medium-font-family); /* 11 px */ --density-alpha-body-sm-medium-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-medium-font-size: 11px; /* 11 px */ --density-alpha-body-sm-medium-font-style: Medium; /* 11 px */ --density-alpha-body-sm-medium-font-weight: 500; /* 11 px */ --density-alpha-body-sm-medium-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-medium-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-regular: var(--density-alpha-body-sm-regular-font-style) var(--density-alpha-body-sm-regular-font-weight) var(--density-alpha-body-sm-regular-font-size)/var(--density-alpha-body-sm-regular-line-height) var(--density-alpha-body-sm-regular-font-family); /* 11 px */ --density-alpha-body-sm-regular-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-regular-font-size: 11px; /* 11 px */ --density-alpha-body-sm-regular-font-style: Regular; /* 11 px */ --density-alpha-body-sm-regular-font-weight: 400; /* 11 px */ --density-alpha-body-sm-regular-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-regular-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-semibold: var(--density-alpha-body-sm-semibold-font-style) var(--density-alpha-body-sm-semibold-font-weight) var(--density-alpha-body-sm-semibold-font-size)/var(--density-alpha-body-sm-semibold-line-height) var(--density-alpha-body-sm-semibold-font-family); /* 11 px */ --density-alpha-body-sm-semibold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-semibold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-semibold-font-style: Semi Bold; /* 11 px */ --density-alpha-body-sm-semibold-font-weight: 600; /* 11 px */ --density-alpha-body-sm-semibold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-semibold-line-height: 127.2727279663086; /* 8 px */ --density-alpha-caption-medium: var(--density-alpha-caption-medium-font-style) var(--density-alpha-caption-medium-font-weight) var(--density-alpha-caption-medium-font-size)/var(--density-alpha-caption-medium-line-height) var(--density-alpha-caption-medium-font-family); /* 8 px */ --density-alpha-caption-medium-font-family: "Inter"; /* 8 px */ --density-alpha-caption-medium-font-size: 8px; /* 8 px */ --density-alpha-caption-medium-font-style: Medium; /* 8 px */ --density-alpha-caption-medium-font-weight: 500; /* 8 px */ --density-alpha-caption-medium-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-medium-line-height: 150; /* 8 px */ --density-alpha-caption-regular: var(--density-alpha-caption-regular-font-style) var(--density-alpha-caption-regular-font-weight) var(--density-alpha-caption-regular-font-size)/var(--density-alpha-caption-regular-line-height) var(--density-alpha-caption-regular-font-family); /* 8 px */ --density-alpha-caption-regular-font-family: "Inter"; /* 8 px */ --density-alpha-caption-regular-font-size: 8px; /* 8 px */ --density-alpha-caption-regular-font-style: Regular; /* 8 px */ --density-alpha-caption-regular-font-weight: 400; /* 8 px */ --density-alpha-caption-regular-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-regular-line-height: 150; /* Use for KPIs only! */ --density-alpha-decorative-display-1: var(--density-alpha-decorative-display-1-font-style) var(--density-alpha-decorative-display-1-font-weight) var(--density-alpha-decorative-display-1-font-size)/var(--density-alpha-decorative-display-1-line-height) var(--density-alpha-decorative-display-1-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-size: 40px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-1-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-2: var(--density-alpha-decorative-display-2-font-style) var(--density-alpha-decorative-display-2-font-weight) var(--density-alpha-decorative-display-2-font-size)/var(--density-alpha-decorative-display-2-line-height) var(--density-alpha-decorative-display-2-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-size: 32px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-2-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-3: var(--density-alpha-decorative-display-3-font-style) var(--density-alpha-decorative-display-3-font-weight) var(--density-alpha-decorative-display-3-font-size)/var(--density-alpha-decorative-display-3-line-height) var(--density-alpha-decorative-display-3-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-size: 24px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-3-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light: var(--density-alpha-decorative-headline-h2-light-font-style) var(--density-alpha-decorative-headline-h2-light-font-weight) var(--density-alpha-decorative-headline-h2-light-font-size)/var(--density-alpha-decorative-headline-h2-light-line-height) var(--density-alpha-decorative-headline-h2-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-size: 20px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-line-height: 125; --density-alpha-decorative-headline-h2-regular: var(--density-alpha-decorative-headline-h2-regular-font-style) var(--density-alpha-decorative-headline-h2-regular-font-weight) var(--density-alpha-decorative-headline-h2-regular-font-size)/var(--density-alpha-decorative-headline-h2-regular-line-height) var(--density-alpha-decorative-headline-h2-regular-font-family); --density-alpha-decorative-headline-h2-regular-font-family: "Inter Variable"; --density-alpha-decorative-headline-h2-regular-font-size: 20px; --density-alpha-decorative-headline-h2-regular-font-style: Regular; --density-alpha-decorative-headline-h2-regular-font-weight: 400; --density-alpha-decorative-headline-h2-regular-letter-spacing: 0px; --density-alpha-decorative-headline-h2-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-light: var(--density-alpha-decorative-lg-light-font-style) var(--density-alpha-decorative-lg-light-font-weight) var(--density-alpha-decorative-lg-light-font-size)/var(--density-alpha-decorative-lg-light-line-height) var(--density-alpha-decorative-lg-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular: var(--density-alpha-decorative-lg-regular-font-style) var(--density-alpha-decorative-lg-regular-font-weight) var(--density-alpha-decorative-lg-regular-font-size)/var(--density-alpha-decorative-lg-regular-line-height) var(--density-alpha-decorative-lg-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-md-light: var(--density-alpha-decorative-md-light-font-style) var(--density-alpha-decorative-md-light-font-weight) var(--density-alpha-decorative-md-light-font-size)/var(--density-alpha-decorative-md-light-line-height) var(--density-alpha-decorative-md-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-md-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-md-regular: var(--density-alpha-decorative-md-regular-font-style) var(--density-alpha-decorative-md-regular-font-weight) var(--density-alpha-decorative-md-regular-font-size)/var(--density-alpha-decorative-md-regular-line-height) var(--density-alpha-decorative-md-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-sm-light: var(--density-alpha-decorative-sm-light-font-style) var(--density-alpha-decorative-sm-light-font-weight) var(--density-alpha-decorative-sm-light-font-size)/var(--density-alpha-decorative-sm-light-line-height) var(--density-alpha-decorative-sm-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-line-height: 127.2727279663086; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular: var(--density-alpha-decorative-sm-regular-font-style) var(--density-alpha-decorative-sm-regular-font-weight) var(--density-alpha-decorative-sm-regular-font-size)/var(--density-alpha-decorative-sm-regular-line-height) var(--density-alpha-decorative-sm-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-line-height: 127.2727279663086; --density-alpha-display-1: var(--density-alpha-display-1-font-style) var(--density-alpha-display-1-font-weight) var(--density-alpha-display-1-font-size)/var(--density-alpha-display-1-line-height) var(--density-alpha-display-1-font-family); --density-alpha-display-1-font-family: "Inter"; --density-alpha-display-1-font-size: 40px; --density-alpha-display-1-font-style: Bold; --density-alpha-display-1-font-weight: 700; --density-alpha-display-1-letter-spacing: 0px; --density-alpha-display-1-line-height: 125; --density-alpha-display-2: var(--density-alpha-display-2-font-style) var(--density-alpha-display-2-font-weight) var(--density-alpha-display-2-font-size)/var(--density-alpha-display-2-line-height) var(--density-alpha-display-2-font-family); --density-alpha-display-2-font-family: "Inter"; --density-alpha-display-2-font-size: 32px; --density-alpha-display-2-font-style: Bold; --density-alpha-display-2-font-weight: 700; --density-alpha-display-2-letter-spacing: 0px; --density-alpha-display-2-line-height: 125; --density-alpha-display-3: var(--density-alpha-display-3-font-style) var(--density-alpha-display-3-font-weight) var(--density-alpha-display-3-font-size)/var(--density-alpha-display-3-line-height) var(--density-alpha-display-3-font-family); --density-alpha-display-3-font-family: "Inter"; --density-alpha-display-3-font-size: 30px; --density-alpha-display-3-font-style: Bold; --density-alpha-display-3-font-weight: 700; --density-alpha-display-3-letter-spacing: 0px; --density-alpha-display-3-line-height: 126.66666412353516; /* 26 px */ --density-alpha-display-4: var(--density-alpha-display-4-font-style) var(--density-alpha-display-4-font-weight) var(--density-alpha-display-4-font-size)/var(--density-alpha-display-4-line-height) var(--density-alpha-display-4-font-family); /* 26 px */ --density-alpha-display-4-font-family: "Inter"; /* 26 px */ --density-alpha-display-4-font-size: 26px; /* 26 px */ --density-alpha-display-4-font-style: Bold; /* 26 px */ --density-alpha-display-4-font-weight: 700; /* 26 px */ --density-alpha-display-4-letter-spacing: 0px; /* 26 px */ --density-alpha-display-4-line-height: 123.07691955566406; /* 24 px */ --density-alpha-headline-h1: var(--density-alpha-headline-h1-font-style) var(--density-alpha-headline-h1-font-weight) var(--density-alpha-headline-h1-font-size)/var(--density-alpha-headline-h1-line-height) var(--density-alpha-headline-h1-font-family); /* 24 px */ --density-alpha-headline-h1-font-family: "Inter"; /* 24 px */ --density-alpha-headline-h1-font-size: 24px; /* 24 px */ --density-alpha-headline-h1-font-style: Bold; /* 24 px */ --density-alpha-headline-h1-font-weight: 700; /* 24 px */ --density-alpha-headline-h1-letter-spacing: 0px; /* 24 px */ --density-alpha-headline-h1-line-height: 125; /* 20 px */ --density-alpha-headline-h2: var(--density-alpha-headline-h2-font-style) var(--density-alpha-headline-h2-font-weight) var(--density-alpha-headline-h2-font-size)/var(--density-alpha-headline-h2-line-height) var(--density-alpha-headline-h2-font-family); /* 20 px */ --density-alpha-headline-h2-font-family: "Inter"; /* 20 px */ --density-alpha-headline-h2-font-size: 20px; /* 20 px */ --density-alpha-headline-h2-font-style: Bold; /* 20 px */ --density-alpha-headline-h2-font-weight: 700; /* 20 px */ --density-alpha-headline-h2-letter-spacing: 0px; /* 20 px */ --density-alpha-headline-h2-line-height: 125; /* 16 px */ --density-alpha-headline-h3: var(--density-alpha-headline-h3-font-style) var(--density-alpha-headline-h3-font-weight) var(--density-alpha-headline-h3-font-size)/var(--density-alpha-headline-h3-line-height) var(--density-alpha-headline-h3-font-family); /* 16 px */ --density-alpha-headline-h3-font-family: "Inter"; /* 16 px */ --density-alpha-headline-h3-font-size: 16px; /* 16 px */ --density-alpha-headline-h3-font-style: Bold; /* 16 px */ --density-alpha-headline-h3-font-weight: 700; /* 16 px */ --density-alpha-headline-h3-letter-spacing: 0px; /* 16 px */ --density-alpha-headline-h3-line-height: 125; /* 13 px */ --density-alpha-headline-h4: var(--density-alpha-headline-h4-font-style) var(--density-alpha-headline-h4-font-weight) var(--density-alpha-headline-h4-font-size)/var(--density-alpha-headline-h4-line-height) var(--density-alpha-headline-h4-font-family); /* 13 px */ --density-alpha-headline-h4-font-family: "Inter"; /* 13 px */ --density-alpha-headline-h4-font-size: 13px; /* 13 px */ --density-alpha-headline-h4-font-style: Semi Bold; /* 13 px */ --density-alpha-headline-h4-font-weight: 600; /* 13 px */ --density-alpha-headline-h4-letter-spacing: 0px; /* 13 px */ --density-alpha-headline-h4-line-height: 123.07691955566406; /* 11 px */ --density-alpha-headline-h5: var(--density-alpha-headline-h5-font-style) var(--density-alpha-headline-h5-font-weight) var(--density-alpha-headline-h5-font-size)/var(--density-alpha-headline-h5-line-height) var(--density-alpha-headline-h5-font-family); /* 11 px */ --density-alpha-headline-h5-font-family: "Inter"; /* 11 px */ --density-alpha-headline-h5-font-size: 11px; /* 11 px */ --density-alpha-headline-h5-font-style: Semi Bold; /* 11 px */ --density-alpha-headline-h5-font-weight: 600; /* 11 px */ --density-alpha-headline-h5-letter-spacing: 0px; /* 11 px */ --density-alpha-headline-h5-line-height: 127.2727279663086; --density-alpha-monospace-md-regular: var(--density-alpha-monospace-md-regular-font-style) var(--density-alpha-monospace-md-regular-font-weight) var(--density-alpha-monospace-md-regular-font-size)/var(--density-alpha-monospace-md-regular-line-height) var(--density-alpha-monospace-md-regular-font-family); --density-alpha-monospace-md-regular-font-family: "Roboto Mono"; --density-alpha-monospace-md-regular-font-size: 13px; --density-alpha-monospace-md-regular-font-style: Regular; --density-alpha-monospace-md-regular-font-weight: 400; --density-alpha-monospace-md-regular-letter-spacing: 0px; --density-alpha-monospace-md-regular-line-height: 123.07691955566406; --density-alpha-monospace-sm-regular: var(--density-alpha-monospace-sm-regular-font-style) var(--density-alpha-monospace-sm-regular-font-weight) var(--density-alpha-monospace-sm-regular-font-size)/var(--density-alpha-monospace-sm-regular-line-height) var(--density-alpha-monospace-sm-regular-font-family); --density-alpha-monospace-sm-regular-font-family: "Roboto Mono"; --density-alpha-monospace-sm-regular-font-size: 11px; --density-alpha-monospace-sm-regular-font-style: Regular; --density-alpha-monospace-sm-regular-font-weight: 400; --density-alpha-monospace-sm-regular-letter-spacing: 0px; --density-alpha-monospace-sm-regular-line-height: 127.2727279663086; --density-font-size-2xl: 22px; --density-font-size-2xs: 7px; --density-font-size-3xl: 24px; --density-font-size-4xl: 28px; --density-font-size-5xl: 30px; --density-font-size-6xl: 38px; --density-font-size-lg: 16px; --density-font-size-md: 13px; --density-font-size-sm: 11px; --density-font-size-xl: 18px; --density-font-size-xs: 10px; --density-line-height-body-lg: 18; --density-line-height-body-md: 15; --density-line-height-body-sm: 13; --density-line-height-caption-default: 9; --density-line-height-decorative-display-1: 44; --density-line-height-decorative-display-2: 35; --density-line-height-decorative-display-3: 26; --density-line-height-decorative-headline-h2: 22; --density-line-height-decorative-lg: 18; --density-line-height-decorative-md: 14; --density-line-height-decorative-sm: 12; --density-line-height-display-1: 44; --density-line-height-display-2: 35; --density-line-height-display-3: 33; --density-line-height-display-4: 29; --density-line-height-headline-h1: 26; --density-line-height-headline-h2: 22; --density-line-height-headline-h3: 18; --density-line-height-headline-h4: 14; --density-line-height-headline-h5: 12; --density-line-height-monospace-md: 14; --density-line-height-monospace-sm: 12; /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xl: var(--size-12); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xs: var(--size-05); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xl: var(--size-14); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xs: var(--size-025); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xl: var(--size-16); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xs: var(--size-0); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-5xl: var(--size-18); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-lg: var(--size-8); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-md: var(--size-6); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-none: var(--size-0); --density-size-sm: var(--size-4); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xl: var(--size-10); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xs: var(--size-3); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xl: var(--space-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xs: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xl: var(--space-5); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xs: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-4xl: var(--space-6); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-5xl: var(--space-8); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-6xl: var(--space-10); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-lg: var(--space-2); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-md: var(--space-1); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-none: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-sm: var(--space-05); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xl: var(--space-3); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xs: var(--space-025); } [data-density="relaxed"] { /* 16 px */ --density-alpha-body-lg-medium: var(--density-alpha-body-lg-medium-font-style) var(--density-alpha-body-lg-medium-font-weight) var(--density-alpha-body-lg-medium-font-size)/var(--density-alpha-body-lg-medium-line-height) var(--density-alpha-body-lg-medium-font-family); /* 16 px */ --density-alpha-body-lg-medium-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-medium-font-size: 16px; /* 16 px */ --density-alpha-body-lg-medium-font-style: Medium; /* 16 px */ --density-alpha-body-lg-medium-font-weight: 500; /* 16 px */ --density-alpha-body-lg-medium-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-medium-line-height: 125; /* 16 px */ --density-alpha-body-lg-regular: var(--density-alpha-body-lg-regular-font-style) var(--density-alpha-body-lg-regular-font-weight) var(--density-alpha-body-lg-regular-font-size)/var(--density-alpha-body-lg-regular-line-height) var(--density-alpha-body-lg-regular-font-family); /* 16 px */ --density-alpha-body-lg-regular-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-regular-font-size: 16px; /* 16 px */ --density-alpha-body-lg-regular-font-style: Regular; /* 16 px */ --density-alpha-body-lg-regular-font-weight: 400; /* 16 px */ --density-alpha-body-lg-regular-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-regular-line-height: 125; /* 13 px */ --density-alpha-body-md-medium: var(--density-alpha-body-md-medium-font-style) var(--density-alpha-body-md-medium-font-weight) var(--density-alpha-body-md-medium-font-size)/var(--density-alpha-body-md-medium-line-height) var(--density-alpha-body-md-medium-font-family); /* 13 px */ --density-alpha-body-md-medium-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-medium-font-size: 13px; /* 13 px */ --density-alpha-body-md-medium-font-style: Medium; /* 13 px */ --density-alpha-body-md-medium-font-weight: 500; /* 13 px */ --density-alpha-body-md-medium-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-medium-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-regular: var(--density-alpha-body-md-regular-font-style) var(--density-alpha-body-md-regular-font-weight) var(--density-alpha-body-md-regular-font-size)/var(--density-alpha-body-md-regular-line-height) var(--density-alpha-body-md-regular-font-family); /* 13 px */ --density-alpha-body-md-regular-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-regular-font-size: 13px; /* 13 px */ --density-alpha-body-md-regular-font-style: Regular; /* 13 px */ --density-alpha-body-md-regular-font-weight: 400; /* 13 px */ --density-alpha-body-md-regular-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-regular-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-semibold: var(--density-alpha-body-md-semibold-font-style) var(--density-alpha-body-md-semibold-font-weight) var(--density-alpha-body-md-semibold-font-size)/var(--density-alpha-body-md-semibold-line-height) var(--density-alpha-body-md-semibold-font-family); /* 13 px */ --density-alpha-body-md-semibold-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-semibold-font-size: 13px; /* 13 px */ --density-alpha-body-md-semibold-font-style: Semi Bold; /* 13 px */ --density-alpha-body-md-semibold-font-weight: 600; /* 13 px */ --density-alpha-body-md-semibold-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-semibold-line-height: 123.07691955566406; /* 11 px */ --density-alpha-body-sm-bold: var(--density-alpha-body-sm-bold-font-style) var(--density-alpha-body-sm-bold-font-weight) var(--density-alpha-body-sm-bold-font-size)/var(--density-alpha-body-sm-bold-line-height) var(--density-alpha-body-sm-bold-font-family); /* 11 px */ --density-alpha-body-sm-bold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-bold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-bold-font-style: Bold; /* 11 px */ --density-alpha-body-sm-bold-font-weight: 700; /* 11 px */ --density-alpha-body-sm-bold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-bold-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-medium: var(--density-alpha-body-sm-medium-font-style) var(--density-alpha-body-sm-medium-font-weight) var(--density-alpha-body-sm-medium-font-size)/var(--density-alpha-body-sm-medium-line-height) var(--density-alpha-body-sm-medium-font-family); /* 11 px */ --density-alpha-body-sm-medium-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-medium-font-size: 11px; /* 11 px */ --density-alpha-body-sm-medium-font-style: Medium; /* 11 px */ --density-alpha-body-sm-medium-font-weight: 500; /* 11 px */ --density-alpha-body-sm-medium-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-medium-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-regular: var(--density-alpha-body-sm-regular-font-style) var(--density-alpha-body-sm-regular-font-weight) var(--density-alpha-body-sm-regular-font-size)/var(--density-alpha-body-sm-regular-line-height) var(--density-alpha-body-sm-regular-font-family); /* 11 px */ --density-alpha-body-sm-regular-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-regular-font-size: 11px; /* 11 px */ --density-alpha-body-sm-regular-font-style: Regular; /* 11 px */ --density-alpha-body-sm-regular-font-weight: 400; /* 11 px */ --density-alpha-body-sm-regular-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-regular-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-semibold: var(--density-alpha-body-sm-semibold-font-style) var(--density-alpha-body-sm-semibold-font-weight) var(--density-alpha-body-sm-semibold-font-size)/var(--density-alpha-body-sm-semibold-line-height) var(--density-alpha-body-sm-semibold-font-family); /* 11 px */ --density-alpha-body-sm-semibold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-semibold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-semibold-font-style: Semi Bold; /* 11 px */ --density-alpha-body-sm-semibold-font-weight: 600; /* 11 px */ --density-alpha-body-sm-semibold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-semibold-line-height: 127.2727279663086; /* 8 px */ --density-alpha-caption-medium: var(--density-alpha-caption-medium-font-style) var(--density-alpha-caption-medium-font-weight) var(--density-alpha-caption-medium-font-size)/var(--density-alpha-caption-medium-line-height) var(--density-alpha-caption-medium-font-family); /* 8 px */ --density-alpha-caption-medium-font-family: "Inter"; /* 8 px */ --density-alpha-caption-medium-font-size: 8px; /* 8 px */ --density-alpha-caption-medium-font-style: Medium; /* 8 px */ --density-alpha-caption-medium-font-weight: 500; /* 8 px */ --density-alpha-caption-medium-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-medium-line-height: 150; /* 8 px */ --density-alpha-caption-regular: var(--density-alpha-caption-regular-font-style) var(--density-alpha-caption-regular-font-weight) var(--density-alpha-caption-regular-font-size)/var(--density-alpha-caption-regular-line-height) var(--density-alpha-caption-regular-font-family); /* 8 px */ --density-alpha-caption-regular-font-family: "Inter"; /* 8 px */ --density-alpha-caption-regular-font-size: 8px; /* 8 px */ --density-alpha-caption-regular-font-style: Regular; /* 8 px */ --density-alpha-caption-regular-font-weight: 400; /* 8 px */ --density-alpha-caption-regular-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-regular-line-height: 150; /* Use for KPIs only! */ --density-alpha-decorative-display-1: var(--density-alpha-decorative-display-1-font-style) var(--density-alpha-decorative-display-1-font-weight) var(--density-alpha-decorative-display-1-font-size)/var(--density-alpha-decorative-display-1-line-height) var(--density-alpha-decorative-display-1-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-size: 40px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-1-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-2: var(--density-alpha-decorative-display-2-font-style) var(--density-alpha-decorative-display-2-font-weight) var(--density-alpha-decorative-display-2-font-size)/var(--density-alpha-decorative-display-2-line-height) var(--density-alpha-decorative-display-2-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-size: 32px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-2-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-3: var(--density-alpha-decorative-display-3-font-style) var(--density-alpha-decorative-display-3-font-weight) var(--density-alpha-decorative-display-3-font-size)/var(--density-alpha-decorative-display-3-line-height) var(--density-alpha-decorative-display-3-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-size: 24px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-3-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light: var(--density-alpha-decorative-headline-h2-light-font-style) var(--density-alpha-decorative-headline-h2-light-font-weight) var(--density-alpha-decorative-headline-h2-light-font-size)/var(--density-alpha-decorative-headline-h2-light-line-height) var(--density-alpha-decorative-headline-h2-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-size: 20px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-line-height: 125; --density-alpha-decorative-headline-h2-regular: var(--density-alpha-decorative-headline-h2-regular-font-style) var(--density-alpha-decorative-headline-h2-regular-font-weight) var(--density-alpha-decorative-headline-h2-regular-font-size)/var(--density-alpha-decorative-headline-h2-regular-line-height) var(--density-alpha-decorative-headline-h2-regular-font-family); --density-alpha-decorative-headline-h2-regular-font-family: "Inter Variable"; --density-alpha-decorative-headline-h2-regular-font-size: 20px; --density-alpha-decorative-headline-h2-regular-font-style: Regular; --density-alpha-decorative-headline-h2-regular-font-weight: 400; --density-alpha-decorative-headline-h2-regular-letter-spacing: 0px; --density-alpha-decorative-headline-h2-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-light: var(--density-alpha-decorative-lg-light-font-style) var(--density-alpha-decorative-lg-light-font-weight) var(--density-alpha-decorative-lg-light-font-size)/var(--density-alpha-decorative-lg-light-line-height) var(--density-alpha-decorative-lg-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular: var(--density-alpha-decorative-lg-regular-font-style) var(--density-alpha-decorative-lg-regular-font-weight) var(--density-alpha-decorative-lg-regular-font-size)/var(--density-alpha-decorative-lg-regular-line-height) var(--density-alpha-decorative-lg-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-md-light: var(--density-alpha-decorative-md-light-font-style) var(--density-alpha-decorative-md-light-font-weight) var(--density-alpha-decorative-md-light-font-size)/var(--density-alpha-decorative-md-light-line-height) var(--density-alpha-decorative-md-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-md-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-md-regular: var(--density-alpha-decorative-md-regular-font-style) var(--density-alpha-decorative-md-regular-font-weight) var(--density-alpha-decorative-md-regular-font-size)/var(--density-alpha-decorative-md-regular-line-height) var(--density-alpha-decorative-md-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-sm-light: var(--density-alpha-decorative-sm-light-font-style) var(--density-alpha-decorative-sm-light-font-weight) var(--density-alpha-decorative-sm-light-font-size)/var(--density-alpha-decorative-sm-light-line-height) var(--density-alpha-decorative-sm-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-line-height: 127.2727279663086; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular: var(--density-alpha-decorative-sm-regular-font-style) var(--density-alpha-decorative-sm-regular-font-weight) var(--density-alpha-decorative-sm-regular-font-size)/var(--density-alpha-decorative-sm-regular-line-height) var(--density-alpha-decorative-sm-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-line-height: 127.2727279663086; --density-alpha-display-1: var(--density-alpha-display-1-font-style) var(--density-alpha-display-1-font-weight) var(--density-alpha-display-1-font-size)/var(--density-alpha-display-1-line-height) var(--density-alpha-display-1-font-family); --density-alpha-display-1-font-family: "Inter"; --density-alpha-display-1-font-size: 40px; --density-alpha-display-1-font-style: Bold; --density-alpha-display-1-font-weight: 700; --density-alpha-display-1-letter-spacing: 0px; --density-alpha-display-1-line-height: 125; --density-alpha-display-2: var(--density-alpha-display-2-font-style) var(--density-alpha-display-2-font-weight) var(--density-alpha-display-2-font-size)/var(--density-alpha-display-2-line-height) var(--density-alpha-display-2-font-family); --density-alpha-display-2-font-family: "Inter"; --density-alpha-display-2-font-size: 32px; --density-alpha-display-2-font-style: Bold; --density-alpha-display-2-font-weight: 700; --density-alpha-display-2-letter-spacing: 0px; --density-alpha-display-2-line-height: 125; --density-alpha-display-3: var(--density-alpha-display-3-font-style) var(--density-alpha-display-3-font-weight) var(--density-alpha-display-3-font-size)/var(--density-alpha-display-3-line-height) var(--density-alpha-display-3-font-family); --density-alpha-display-3-font-family: "Inter"; --density-alpha-display-3-font-size: 30px; --density-alpha-display-3-font-style: Bold; --density-alpha-display-3-font-weight: 700; --density-alpha-display-3-letter-spacing: 0px; --density-alpha-display-3-line-height: 126.66666412353516; /* 26 px */ --density-alpha-display-4: var(--density-alpha-display-4-font-style) var(--density-alpha-display-4-font-weight) var(--density-alpha-display-4-font-size)/var(--density-alpha-display-4-line-height) var(--density-alpha-display-4-font-family); /* 26 px */ --density-alpha-display-4-font-family: "Inter"; /* 26 px */ --density-alpha-display-4-font-size: 26px; /* 26 px */ --density-alpha-display-4-font-style: Bold; /* 26 px */ --density-alpha-display-4-font-weight: 700; /* 26 px */ --density-alpha-display-4-letter-spacing: 0px; /* 26 px */ --density-alpha-display-4-line-height: 123.07691955566406; /* 24 px */ --density-alpha-headline-h1: var(--density-alpha-headline-h1-font-style) var(--density-alpha-headline-h1-font-weight) var(--density-alpha-headline-h1-font-size)/var(--density-alpha-headline-h1-line-height) var(--density-alpha-headline-h1-font-family); /* 24 px */ --density-alpha-headline-h1-font-family: "Inter"; /* 24 px */ --density-alpha-headline-h1-font-size: 24px; /* 24 px */ --density-alpha-headline-h1-font-style: Bold; /* 24 px */ --density-alpha-headline-h1-font-weight: 700; /* 24 px */ --density-alpha-headline-h1-letter-spacing: 0px; /* 24 px */ --density-alpha-headline-h1-line-height: 125; /* 20 px */ --density-alpha-headline-h2: var(--density-alpha-headline-h2-font-style) var(--density-alpha-headline-h2-font-weight) var(--density-alpha-headline-h2-font-size)/var(--density-alpha-headline-h2-line-height) var(--density-alpha-headline-h2-font-family); /* 20 px */ --density-alpha-headline-h2-font-family: "Inter"; /* 20 px */ --density-alpha-headline-h2-font-size: 20px; /* 20 px */ --density-alpha-headline-h2-font-style: Bold; /* 20 px */ --density-alpha-headline-h2-font-weight: 700; /* 20 px */ --density-alpha-headline-h2-letter-spacing: 0px; /* 20 px */ --density-alpha-headline-h2-line-height: 125; /* 16 px */ --density-alpha-headline-h3: var(--density-alpha-headline-h3-font-style) var(--density-alpha-headline-h3-font-weight) var(--density-alpha-headline-h3-font-size)/var(--density-alpha-headline-h3-line-height) var(--density-alpha-headline-h3-font-family); /* 16 px */ --density-alpha-headline-h3-font-family: "Inter"; /* 16 px */ --density-alpha-headline-h3-font-size: 16px; /* 16 px */ --density-alpha-headline-h3-font-style: Bold; /* 16 px */ --density-alpha-headline-h3-font-weight: 700; /* 16 px */ --density-alpha-headline-h3-letter-spacing: 0px; /* 16 px */ --density-alpha-headline-h3-line-height: 125; /* 13 px */ --density-alpha-headline-h4: var(--density-alpha-headline-h4-font-style) var(--density-alpha-headline-h4-font-weight) var(--density-alpha-headline-h4-font-size)/var(--density-alpha-headline-h4-line-height) var(--density-alpha-headline-h4-font-family); /* 13 px */ --density-alpha-headline-h4-font-family: "Inter"; /* 13 px */ --density-alpha-headline-h4-font-size: 13px; /* 13 px */ --density-alpha-headline-h4-font-style: Semi Bold; /* 13 px */ --density-alpha-headline-h4-font-weight: 600; /* 13 px */ --density-alpha-headline-h4-letter-spacing: 0px; /* 13 px */ --density-alpha-headline-h4-line-height: 123.07691955566406; /* 11 px */ --density-alpha-headline-h5: var(--density-alpha-headline-h5-font-style) var(--density-alpha-headline-h5-font-weight) var(--density-alpha-headline-h5-font-size)/var(--density-alpha-headline-h5-line-height) var(--density-alpha-headline-h5-font-family); /* 11 px */ --density-alpha-headline-h5-font-family: "Inter"; /* 11 px */ --density-alpha-headline-h5-font-size: 11px; /* 11 px */ --density-alpha-headline-h5-font-style: Semi Bold; /* 11 px */ --density-alpha-headline-h5-font-weight: 600; /* 11 px */ --density-alpha-headline-h5-letter-spacing: 0px; /* 11 px */ --density-alpha-headline-h5-line-height: 127.2727279663086; --density-alpha-monospace-md-regular: var(--density-alpha-monospace-md-regular-font-style) var(--density-alpha-monospace-md-regular-font-weight) var(--density-alpha-monospace-md-regular-font-size)/var(--density-alpha-monospace-md-regular-line-height) var(--density-alpha-monospace-md-regular-font-family); --density-alpha-monospace-md-regular-font-family: "Roboto Mono"; --density-alpha-monospace-md-regular-font-size: 13px; --density-alpha-monospace-md-regular-font-style: Regular; --density-alpha-monospace-md-regular-font-weight: 400; --density-alpha-monospace-md-regular-letter-spacing: 0px; --density-alpha-monospace-md-regular-line-height: 123.07691955566406; --density-alpha-monospace-sm-regular: var(--density-alpha-monospace-sm-regular-font-style) var(--density-alpha-monospace-sm-regular-font-weight) var(--density-alpha-monospace-sm-regular-font-size)/var(--density-alpha-monospace-sm-regular-line-height) var(--density-alpha-monospace-sm-regular-font-family); --density-alpha-monospace-sm-regular-font-family: "Roboto Mono"; --density-alpha-monospace-sm-regular-font-size: 11px; --density-alpha-monospace-sm-regular-font-style: Regular; --density-alpha-monospace-sm-regular-font-weight: 400; --density-alpha-monospace-sm-regular-letter-spacing: 0px; --density-alpha-monospace-sm-regular-line-height: 127.2727279663086; --density-font-size-2xl: 26px; --density-font-size-2xs: 9px; --density-font-size-3xl: 28px; --density-font-size-4xl: 32px; --density-font-size-5xl: 34px; --density-font-size-6xl: 42px; --density-font-size-lg: 20px; --density-font-size-md: 18px; --density-font-size-sm: 16px; --density-font-size-xl: 22px; --density-font-size-xs: 12px; --density-line-height-body-lg: 22; --density-line-height-body-md: 18; --density-line-height-body-sm: 16; --density-line-height-caption-default: 12; --density-line-height-decorative-display-1: 60; --density-line-height-decorative-display-2: 48; --density-line-height-decorative-display-3: 36; --density-line-height-decorative-headline-h2: 30; --density-line-height-decorative-lg: 24; --density-line-height-decorative-md: 20; --density-line-height-decorative-sm: 16; --density-line-height-display-1: 60; --density-line-height-display-2: 48; --density-line-height-display-3: 45; --density-line-height-display-4: 39; --density-line-height-headline-h1: 36; --density-line-height-headline-h2: 30; --density-line-height-headline-h3: 24; --density-line-height-headline-h4: 20; --density-line-height-headline-h5: 16; --density-line-height-monospace-md: 20; --density-line-height-monospace-sm: 16; /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xl: var(--size-16); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xs: var(--size-6); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xl: var(--size-18); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xs: var(--size-2); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xl: var(--size-20); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xs: var(--size-1); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-5xl: var(--size-22); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-lg: var(--size-12); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-md: var(--size-10); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-none: var(--size-0); --density-size-sm: var(--size-8); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xl: var(--size-14); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xs: var(--size-6); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xl: var(--space-6); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xs: var(--space-05); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xl: var(--space-8); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xs: var(--space-05); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-4xl: var(--space-10); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-5xl: var(--space-12); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-6xl: var(--space-14); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-lg: var(--space-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-md: var(--space-3); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-none: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-sm: var(--space-2); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xl: var(--space-5); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xs: var(--space-1); } [data-density="superCompact"], [data-density="super-compact"] { /* 16 px */ --density-alpha-body-lg-medium: var(--density-alpha-body-lg-medium-font-style) var(--density-alpha-body-lg-medium-font-weight) var(--density-alpha-body-lg-medium-font-size)/var(--density-alpha-body-lg-medium-line-height) var(--density-alpha-body-lg-medium-font-family); /* 16 px */ --density-alpha-body-lg-medium-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-medium-font-size: 16px; /* 16 px */ --density-alpha-body-lg-medium-font-style: Medium; /* 16 px */ --density-alpha-body-lg-medium-font-weight: 500; /* 16 px */ --density-alpha-body-lg-medium-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-medium-line-height: 125; /* 16 px */ --density-alpha-body-lg-regular: var(--density-alpha-body-lg-regular-font-style) var(--density-alpha-body-lg-regular-font-weight) var(--density-alpha-body-lg-regular-font-size)/var(--density-alpha-body-lg-regular-line-height) var(--density-alpha-body-lg-regular-font-family); /* 16 px */ --density-alpha-body-lg-regular-font-family: "Inter"; /* 16 px */ --density-alpha-body-lg-regular-font-size: 16px; /* 16 px */ --density-alpha-body-lg-regular-font-style: Regular; /* 16 px */ --density-alpha-body-lg-regular-font-weight: 400; /* 16 px */ --density-alpha-body-lg-regular-letter-spacing: 0px; /* 16 px */ --density-alpha-body-lg-regular-line-height: 125; /* 13 px */ --density-alpha-body-md-medium: var(--density-alpha-body-md-medium-font-style) var(--density-alpha-body-md-medium-font-weight) var(--density-alpha-body-md-medium-font-size)/var(--density-alpha-body-md-medium-line-height) var(--density-alpha-body-md-medium-font-family); /* 13 px */ --density-alpha-body-md-medium-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-medium-font-size: 13px; /* 13 px */ --density-alpha-body-md-medium-font-style: Medium; /* 13 px */ --density-alpha-body-md-medium-font-weight: 500; /* 13 px */ --density-alpha-body-md-medium-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-medium-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-regular: var(--density-alpha-body-md-regular-font-style) var(--density-alpha-body-md-regular-font-weight) var(--density-alpha-body-md-regular-font-size)/var(--density-alpha-body-md-regular-line-height) var(--density-alpha-body-md-regular-font-family); /* 13 px */ --density-alpha-body-md-regular-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-regular-font-size: 13px; /* 13 px */ --density-alpha-body-md-regular-font-style: Regular; /* 13 px */ --density-alpha-body-md-regular-font-weight: 400; /* 13 px */ --density-alpha-body-md-regular-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-regular-line-height: 123.07691955566406; /* 13 px */ --density-alpha-body-md-semibold: var(--density-alpha-body-md-semibold-font-style) var(--density-alpha-body-md-semibold-font-weight) var(--density-alpha-body-md-semibold-font-size)/var(--density-alpha-body-md-semibold-line-height) var(--density-alpha-body-md-semibold-font-family); /* 13 px */ --density-alpha-body-md-semibold-font-family: "Inter"; /* 13 px */ --density-alpha-body-md-semibold-font-size: 13px; /* 13 px */ --density-alpha-body-md-semibold-font-style: Semi Bold; /* 13 px */ --density-alpha-body-md-semibold-font-weight: 600; /* 13 px */ --density-alpha-body-md-semibold-letter-spacing: 0px; /* 13 px */ --density-alpha-body-md-semibold-line-height: 123.07691955566406; /* 11 px */ --density-alpha-body-sm-bold: var(--density-alpha-body-sm-bold-font-style) var(--density-alpha-body-sm-bold-font-weight) var(--density-alpha-body-sm-bold-font-size)/var(--density-alpha-body-sm-bold-line-height) var(--density-alpha-body-sm-bold-font-family); /* 11 px */ --density-alpha-body-sm-bold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-bold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-bold-font-style: Bold; /* 11 px */ --density-alpha-body-sm-bold-font-weight: 700; /* 11 px */ --density-alpha-body-sm-bold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-bold-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-medium: var(--density-alpha-body-sm-medium-font-style) var(--density-alpha-body-sm-medium-font-weight) var(--density-alpha-body-sm-medium-font-size)/var(--density-alpha-body-sm-medium-line-height) var(--density-alpha-body-sm-medium-font-family); /* 11 px */ --density-alpha-body-sm-medium-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-medium-font-size: 11px; /* 11 px */ --density-alpha-body-sm-medium-font-style: Medium; /* 11 px */ --density-alpha-body-sm-medium-font-weight: 500; /* 11 px */ --density-alpha-body-sm-medium-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-medium-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-regular: var(--density-alpha-body-sm-regular-font-style) var(--density-alpha-body-sm-regular-font-weight) var(--density-alpha-body-sm-regular-font-size)/var(--density-alpha-body-sm-regular-line-height) var(--density-alpha-body-sm-regular-font-family); /* 11 px */ --density-alpha-body-sm-regular-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-regular-font-size: 11px; /* 11 px */ --density-alpha-body-sm-regular-font-style: Regular; /* 11 px */ --density-alpha-body-sm-regular-font-weight: 400; /* 11 px */ --density-alpha-body-sm-regular-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-regular-line-height: 127.2727279663086; /* 11 px */ --density-alpha-body-sm-semibold: var(--density-alpha-body-sm-semibold-font-style) var(--density-alpha-body-sm-semibold-font-weight) var(--density-alpha-body-sm-semibold-font-size)/var(--density-alpha-body-sm-semibold-line-height) var(--density-alpha-body-sm-semibold-font-family); /* 11 px */ --density-alpha-body-sm-semibold-font-family: "Inter"; /* 11 px */ --density-alpha-body-sm-semibold-font-size: 11px; /* 11 px */ --density-alpha-body-sm-semibold-font-style: Semi Bold; /* 11 px */ --density-alpha-body-sm-semibold-font-weight: 600; /* 11 px */ --density-alpha-body-sm-semibold-letter-spacing: 0px; /* 11 px */ --density-alpha-body-sm-semibold-line-height: 127.2727279663086; /* 8 px */ --density-alpha-caption-medium: var(--density-alpha-caption-medium-font-style) var(--density-alpha-caption-medium-font-weight) var(--density-alpha-caption-medium-font-size)/var(--density-alpha-caption-medium-line-height) var(--density-alpha-caption-medium-font-family); /* 8 px */ --density-alpha-caption-medium-font-family: "Inter"; /* 8 px */ --density-alpha-caption-medium-font-size: 8px; /* 8 px */ --density-alpha-caption-medium-font-style: Medium; /* 8 px */ --density-alpha-caption-medium-font-weight: 500; /* 8 px */ --density-alpha-caption-medium-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-medium-line-height: 150; /* 8 px */ --density-alpha-caption-regular: var(--density-alpha-caption-regular-font-style) var(--density-alpha-caption-regular-font-weight) var(--density-alpha-caption-regular-font-size)/var(--density-alpha-caption-regular-line-height) var(--density-alpha-caption-regular-font-family); /* 8 px */ --density-alpha-caption-regular-font-family: "Inter"; /* 8 px */ --density-alpha-caption-regular-font-size: 8px; /* 8 px */ --density-alpha-caption-regular-font-style: Regular; /* 8 px */ --density-alpha-caption-regular-font-weight: 400; /* 8 px */ --density-alpha-caption-regular-letter-spacing: 0px; /* 8 px */ --density-alpha-caption-regular-line-height: 150; /* Use for KPIs only! */ --density-alpha-decorative-display-1: var(--density-alpha-decorative-display-1-font-style) var(--density-alpha-decorative-display-1-font-weight) var(--density-alpha-decorative-display-1-font-size)/var(--density-alpha-decorative-display-1-line-height) var(--density-alpha-decorative-display-1-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-size: 40px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-1-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-1-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-1-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-2: var(--density-alpha-decorative-display-2-font-style) var(--density-alpha-decorative-display-2-font-weight) var(--density-alpha-decorative-display-2-font-size)/var(--density-alpha-decorative-display-2-line-height) var(--density-alpha-decorative-display-2-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-size: 32px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-2-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-2-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-2-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-display-3: var(--density-alpha-decorative-display-3-font-style) var(--density-alpha-decorative-display-3-font-weight) var(--density-alpha-decorative-display-3-font-size)/var(--density-alpha-decorative-display-3-line-height) var(--density-alpha-decorative-display-3-font-family); /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-size: 24px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-display-3-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-display-3-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-display-3-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light: var(--density-alpha-decorative-headline-h2-light-font-style) var(--density-alpha-decorative-headline-h2-light-font-weight) var(--density-alpha-decorative-headline-h2-light-font-size)/var(--density-alpha-decorative-headline-h2-light-line-height) var(--density-alpha-decorative-headline-h2-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-size: 20px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-headline-h2-light-line-height: 125; --density-alpha-decorative-headline-h2-regular: var(--density-alpha-decorative-headline-h2-regular-font-style) var(--density-alpha-decorative-headline-h2-regular-font-weight) var(--density-alpha-decorative-headline-h2-regular-font-size)/var(--density-alpha-decorative-headline-h2-regular-line-height) var(--density-alpha-decorative-headline-h2-regular-font-family); --density-alpha-decorative-headline-h2-regular-font-family: "Inter Variable"; --density-alpha-decorative-headline-h2-regular-font-size: 20px; --density-alpha-decorative-headline-h2-regular-font-style: Regular; --density-alpha-decorative-headline-h2-regular-font-weight: 400; --density-alpha-decorative-headline-h2-regular-letter-spacing: 0px; --density-alpha-decorative-headline-h2-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-light: var(--density-alpha-decorative-lg-light-font-style) var(--density-alpha-decorative-lg-light-font-weight) var(--density-alpha-decorative-lg-light-font-size)/var(--density-alpha-decorative-lg-light-line-height) var(--density-alpha-decorative-lg-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-light-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular: var(--density-alpha-decorative-lg-regular-font-style) var(--density-alpha-decorative-lg-regular-font-weight) var(--density-alpha-decorative-lg-regular-font-size)/var(--density-alpha-decorative-lg-regular-line-height) var(--density-alpha-decorative-lg-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-size: 16px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-lg-regular-line-height: 125; /* Use for KPIs only! */ --density-alpha-decorative-md-light: var(--density-alpha-decorative-md-light-font-style) var(--density-alpha-decorative-md-light-font-weight) var(--density-alpha-decorative-md-light-font-size)/var(--density-alpha-decorative-md-light-line-height) var(--density-alpha-decorative-md-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-md-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-md-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-light-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-md-regular: var(--density-alpha-decorative-md-regular-font-style) var(--density-alpha-decorative-md-regular-font-weight) var(--density-alpha-decorative-md-regular-font-size)/var(--density-alpha-decorative-md-regular-line-height) var(--density-alpha-decorative-md-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-size: 13px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-md-regular-line-height: 123.07691955566406; /* Use for KPIs only! */ --density-alpha-decorative-sm-light: var(--density-alpha-decorative-sm-light-font-style) var(--density-alpha-decorative-sm-light-font-weight) var(--density-alpha-decorative-sm-light-font-size)/var(--density-alpha-decorative-sm-light-line-height) var(--density-alpha-decorative-sm-light-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-style: Light; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-font-weight: 300; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-light-line-height: 127.2727279663086; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular: var(--density-alpha-decorative-sm-regular-font-style) var(--density-alpha-decorative-sm-regular-font-weight) var(--density-alpha-decorative-sm-regular-font-size)/var(--density-alpha-decorative-sm-regular-line-height) var(--density-alpha-decorative-sm-regular-font-family); /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-family: "Inter Variable"; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-size: 11px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-style: Regular; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-font-weight: 400; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-letter-spacing: 0px; /* Use for KPIs only! */ --density-alpha-decorative-sm-regular-line-height: 127.2727279663086; --density-alpha-display-1: var(--density-alpha-display-1-font-style) var(--density-alpha-display-1-font-weight) var(--density-alpha-display-1-font-size)/var(--density-alpha-display-1-line-height) var(--density-alpha-display-1-font-family); --density-alpha-display-1-font-family: "Inter"; --density-alpha-display-1-font-size: 40px; --density-alpha-display-1-font-style: Bold; --density-alpha-display-1-font-weight: 700; --density-alpha-display-1-letter-spacing: 0px; --density-alpha-display-1-line-height: 125; --density-alpha-display-2: var(--density-alpha-display-2-font-style) var(--density-alpha-display-2-font-weight) var(--density-alpha-display-2-font-size)/var(--density-alpha-display-2-line-height) var(--density-alpha-display-2-font-family); --density-alpha-display-2-font-family: "Inter"; --density-alpha-display-2-font-size: 32px; --density-alpha-display-2-font-style: Bold; --density-alpha-display-2-font-weight: 700; --density-alpha-display-2-letter-spacing: 0px; --density-alpha-display-2-line-height: 125; --density-alpha-display-3: var(--density-alpha-display-3-font-style) var(--density-alpha-display-3-font-weight) var(--density-alpha-display-3-font-size)/var(--density-alpha-display-3-line-height) var(--density-alpha-display-3-font-family); --density-alpha-display-3-font-family: "Inter"; --density-alpha-display-3-font-size: 30px; --density-alpha-display-3-font-style: Bold; --density-alpha-display-3-font-weight: 700; --density-alpha-display-3-letter-spacing: 0px; --density-alpha-display-3-line-height: 126.66666412353516; /* 26 px */ --density-alpha-display-4: var(--density-alpha-display-4-font-style) var(--density-alpha-display-4-font-weight) var(--density-alpha-display-4-font-size)/var(--density-alpha-display-4-line-height) var(--density-alpha-display-4-font-family); /* 26 px */ --density-alpha-display-4-font-family: "Inter"; /* 26 px */ --density-alpha-display-4-font-size: 26px; /* 26 px */ --density-alpha-display-4-font-style: Bold; /* 26 px */ --density-alpha-display-4-font-weight: 700; /* 26 px */ --density-alpha-display-4-letter-spacing: 0px; /* 26 px */ --density-alpha-display-4-line-height: 123.07691955566406; /* 24 px */ --density-alpha-headline-h1: var(--density-alpha-headline-h1-font-style) var(--density-alpha-headline-h1-font-weight) var(--density-alpha-headline-h1-font-size)/var(--density-alpha-headline-h1-line-height) var(--density-alpha-headline-h1-font-family); /* 24 px */ --density-alpha-headline-h1-font-family: "Inter"; /* 24 px */ --density-alpha-headline-h1-font-size: 24px; /* 24 px */ --density-alpha-headline-h1-font-style: Bold; /* 24 px */ --density-alpha-headline-h1-font-weight: 700; /* 24 px */ --density-alpha-headline-h1-letter-spacing: 0px; /* 24 px */ --density-alpha-headline-h1-line-height: 125; /* 20 px */ --density-alpha-headline-h2: var(--density-alpha-headline-h2-font-style) var(--density-alpha-headline-h2-font-weight) var(--density-alpha-headline-h2-font-size)/var(--density-alpha-headline-h2-line-height) var(--density-alpha-headline-h2-font-family); /* 20 px */ --density-alpha-headline-h2-font-family: "Inter"; /* 20 px */ --density-alpha-headline-h2-font-size: 20px; /* 20 px */ --density-alpha-headline-h2-font-style: Bold; /* 20 px */ --density-alpha-headline-h2-font-weight: 700; /* 20 px */ --density-alpha-headline-h2-letter-spacing: 0px; /* 20 px */ --density-alpha-headline-h2-line-height: 125; /* 16 px */ --density-alpha-headline-h3: var(--density-alpha-headline-h3-font-style) var(--density-alpha-headline-h3-font-weight) var(--density-alpha-headline-h3-font-size)/var(--density-alpha-headline-h3-line-height) var(--density-alpha-headline-h3-font-family); /* 16 px */ --density-alpha-headline-h3-font-family: "Inter"; /* 16 px */ --density-alpha-headline-h3-font-size: 16px; /* 16 px */ --density-alpha-headline-h3-font-style: Bold; /* 16 px */ --density-alpha-headline-h3-font-weight: 700; /* 16 px */ --density-alpha-headline-h3-letter-spacing: 0px; /* 16 px */ --density-alpha-headline-h3-line-height: 125; /* 13 px */ --density-alpha-headline-h4: var(--density-alpha-headline-h4-font-style) var(--density-alpha-headline-h4-font-weight) var(--density-alpha-headline-h4-font-size)/var(--density-alpha-headline-h4-line-height) var(--density-alpha-headline-h4-font-family); /* 13 px */ --density-alpha-headline-h4-font-family: "Inter"; /* 13 px */ --density-alpha-headline-h4-font-size: 13px; /* 13 px */ --density-alpha-headline-h4-font-style: Semi Bold; /* 13 px */ --density-alpha-headline-h4-font-weight: 600; /* 13 px */ --density-alpha-headline-h4-letter-spacing: 0px; /* 13 px */ --density-alpha-headline-h4-line-height: 123.07691955566406; /* 11 px */ --density-alpha-headline-h5: var(--density-alpha-headline-h5-font-style) var(--density-alpha-headline-h5-font-weight) var(--density-alpha-headline-h5-font-size)/var(--density-alpha-headline-h5-line-height) var(--density-alpha-headline-h5-font-family); /* 11 px */ --density-alpha-headline-h5-font-family: "Inter"; /* 11 px */ --density-alpha-headline-h5-font-size: 11px; /* 11 px */ --density-alpha-headline-h5-font-style: Semi Bold; /* 11 px */ --density-alpha-headline-h5-font-weight: 600; /* 11 px */ --density-alpha-headline-h5-letter-spacing: 0px; /* 11 px */ --density-alpha-headline-h5-line-height: 127.2727279663086; --density-alpha-monospace-md-regular: var(--density-alpha-monospace-md-regular-font-style) var(--density-alpha-monospace-md-regular-font-weight) var(--density-alpha-monospace-md-regular-font-size)/var(--density-alpha-monospace-md-regular-line-height) var(--density-alpha-monospace-md-regular-font-family); --density-alpha-monospace-md-regular-font-family: "Roboto Mono"; --density-alpha-monospace-md-regular-font-size: 13px; --density-alpha-monospace-md-regular-font-style: Regular; --density-alpha-monospace-md-regular-font-weight: 400; --density-alpha-monospace-md-regular-letter-spacing: 0px; --density-alpha-monospace-md-regular-line-height: 123.07691955566406; --density-alpha-monospace-sm-regular: var(--density-alpha-monospace-sm-regular-font-style) var(--density-alpha-monospace-sm-regular-font-weight) var(--density-alpha-monospace-sm-regular-font-size)/var(--density-alpha-monospace-sm-regular-line-height) var(--density-alpha-monospace-sm-regular-font-family); --density-alpha-monospace-sm-regular-font-family: "Roboto Mono"; --density-alpha-monospace-sm-regular-font-size: 11px; --density-alpha-monospace-sm-regular-font-style: Regular; --density-alpha-monospace-sm-regular-font-weight: 400; --density-alpha-monospace-sm-regular-letter-spacing: 0px; --density-alpha-monospace-sm-regular-line-height: 127.2727279663086; --density-font-size-2xl: 22px; --density-font-size-2xs: 7px; --density-font-size-3xl: 24px; --density-font-size-4xl: 28px; --density-font-size-5xl: 30px; --density-font-size-6xl: 38px; --density-font-size-lg: 16px; --density-font-size-md: 13px; --density-font-size-sm: 11px; --density-font-size-xl: 18px; --density-font-size-xs: 10px; --density-line-height-body-lg: 18; --density-line-height-body-md: 15; --density-line-height-body-sm: 13; --density-line-height-caption-default: 9; --density-line-height-decorative-display-1: 44; --density-line-height-decorative-display-2: 35; --density-line-height-decorative-display-3: 26; --density-line-height-decorative-headline-h2: 22; --density-line-height-decorative-lg: 18; --density-line-height-decorative-md: 16; --density-line-height-decorative-sm: 14; --density-line-height-display-1: 44; --density-line-height-display-2: 35; --density-line-height-display-3: 33; --density-line-height-display-4: 29; --density-line-height-headline-h1: 26; --density-line-height-headline-h2: 22; --density-line-height-headline-h3: 18; --density-line-height-headline-h4: 14; --density-line-height-headline-h5: 12; --density-line-height-monospace-md: 14; --density-line-height-monospace-sm: 12; /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xl: var(--size-11); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-2xs: var(--size-025); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xl: var(--size-12); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-3xs: var(--space-0); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xl: var(--size-14); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-4xs: var(--size-0); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-5xl: var(--size-16); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-lg: var(--size-6); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-md: var(--size-5); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-none: var(--size-0); --density-size-sm: var(--size-3); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xl: var(--size-8); /* Size values that adapt based on density settings to control the vertical dimension of components, enabling flexible, compact or spacious layouts beyond regular fixed sizes. */ --density-size-xs: var(--size-2); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xl: var(--space-3); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-2xs: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xl: var(--space-4); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-3xs: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-4xl: var(--space-5); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-5xl: var(--space-6); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-6xl: var(--space-8); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-lg: var(--space-1); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-md: var(--space-05); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-none: var(--space-0); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-sm: var(--space-025); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xl: var(--space-2); /* Spacing values that adjust dynamically with density preferences to manage gaps between elements, supporting scalable layout density and user-tailored spacing. */ --density-space-xs: var(--space-0); }