/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --25: rgba(150,102,255,0.25); /* @kind color */
  --50: rgba(150,102,255,0.5); /* @kind color */
  --accent-2-2: rgb(38,38,38); /* @kind color */
  --accent-2-3: rgb(38,38,38); /* @kind color */
  --accent-2: rgb(245,245,245); /* @kind color */
  --accent-5-2: rgb(240,240,240); /* @kind color */
  --accent-5: rgb(162,163,168); /* @kind color */
  --accent-8-2: rgb(28,27,34); /* @kind color */
  --accent-8-3: rgb(136,140,148); /* @kind color */
  --accent-8-4: rgb(222,222,222); /* @kind color */
  --accent-8-5: rgb(136,140,148); /* @kind color */
  --accent-8: rgb(222,222,222); /* @kind color */
  --accent-9: rgb(247,247,247); /* @kind color */
  --accent1-main: var(--palette-light-accent1-main); /* @kind color */
  --accent2-contrast: var(--palette-light-accent2-contrast); /* @kind color */
  --accent4-contrast: var(--palette-light-accent4-contrast); /* @kind color */
  --accent4-main: var(--palette-light-accent4-main); /* @kind color */
  --action-android-indicatoractive: var(--light-grey-light-grey-50); /* @kind color */
  --action-android-indicatorinactive: var(--light-grey-light-grey-30); /* @kind color */
  --action-android-tertiary: var(--light-grey-light-grey-40); /* @kind color */
  --action-info: var(--blue-blue-50); /* @kind color */
  --action-ios-formknob: var(--black-white-white); /* @kind color */
  --action-ios-formsurfaceoff: var(--light-grey-light-grey-30); /* @kind color */
  --action-ios-primary: var(--blue-blue-50); /* @kind color */
  --action-ios-primarydisabled: var(--blue-blue-50-50); /* @kind color */
  --action-ios-primaryhover: var(--blue-blue-60); /* @kind color */
  --action-ios-secondaryhover: var(--light-grey-light-grey-40); /* @kind color */
  --action-secondary: var(--light-grey-light-grey-30); /* @kind color */
  --action-secondarydisabled: var(--light-grey-light-grey-30-50); /* @kind color */
  --alert-contrast: var(--palette-light-error-contrast); /* @kind color */
  --alert-main: var(--palette-light-error-main); /* @kind color */
  --android-space-static-50: 4;
  --annotation: rgb(151,71,255); /* @kind color */
  --auto-selection-auto-brand-2: "Mozilla";
  --auto-selection-auto-brand: "Mozilla";
  --auto-selection-string-browser-tab: "Mozilla Accounts";
  --auto-selection-string-browser-url: "https://www.mozilla.org/en-US/account/";
  --auto-viewport: "Desktop";
  --auxscreens-servicing-2: "servicing";
  --auxscreens-servicing: "servicing";
  --auxscreens-targetscreen: var(--auxscreens-servicing);
  --background-alt: var(--palette-light-background-alt); /* @kind color */
  --background-color-box: var(--color-white); /* @kind color */
  --background-color-canvas: var(--color-white); /* @kind color */
  --background-color-critical: var(--color-red-05); /* @kind color */
  --background-color-information: var(--color-blue-05); /* @kind color */
  --background-color-success: var(--color-green-05); /* @kind color */
  --background-color-toolbar: rgb(249,249,251); /* @kind color */
  --background-contrast-high: var(--palette-light-background-high-contrast); /* @kind color */
  --background-contrast-medium: var(--palette-light-background-medium-contrast); /* @kind color */
  --background-high-contrast-2: var(--palette-light-background-high-contrast); /* @kind color */
  --background-high-contrast: var(--palette-light-background-high-contrast); /* @kind color */
  --background-main-2: var(--palette-light-background-main); /* @kind color */
  --background-main-3: var(--palette-light-background-main); /* @kind color */
  --background-main-4: var(--palette-light-background-main); /* @kind color */
  --background-main: var(--palette-light-background-main); /* @kind color */
  --background-surface: var(--palette-light-background-surface); /* @kind color */
  --backgrounds-primary-2: rgb(255,255,255); /* @kind color */
  --backgrounds-primary: rgb(255,255,255); /* @kind color */
  --black-white-white: rgb(255,255,255); /* @kind color */
  --blue-400: rgb(30,142,245); /* @kind color */
  --blue-500-2: rgb(0,112,224); /* @kind color */
  --blue-500: rgb(0,112,224); /* @kind color */
  --blue-blue-20: rgb(0,221,255); /* @kind color */
  --blue-blue-30-50: rgba(0,179,244,0.5); /* @kind color */
  --blue-blue-30: rgb(0,179,244); /* @kind color */
  --blue-blue-40: rgb(0,144,237); /* @kind color */
  --blue-blue-50-50: rgba(0,96,223,0.5); /* @kind color */
  --blue-blue-50: rgb(0,96,223); /* @kind color */
  --blue-blue-60: rgb(2,80,187); /* @kind color */
  --border-border-radius-lg: 16;
  --border-border-radius-md: 8;
  --border-border-radius-sm: 6;
  --border-border-radius-xs: 4;
  --border-ios-borderradiobuttondefault: var(--light-grey-light-grey-80); /* @kind color */
  --border-primary: var(--light-grey-light-grey-30); /* @kind color */
  --border-secondary: var(--light-grey-light-grey-20); /* @kind color */
  --border-stroke-color-divider: var(--colors-light-grey-light-grey-30); /* @kind color */
  --border-stroke-color-primary: var(--colors-light-grey-light-grey-50); /* @kind color */
  --border-stroke-color-secondary: var(--colors-light-grey-light-grey-60); /* @kind color */
  --border-stroke-xs: 2;
  --border-stroke-xxs-2: 1;
  --border-stroke-xxs: 1;
  --brand-brandblue: rgb(0,48,135); /* @kind color */
  --brand-branddarkblue: rgb(0,28,100); /* @kind color */
  --brand-brandlightblue: rgb(0,112,224); /* @kind color */
  --button-active: var(--grays-gray-100); /* @kind color */
  --button-text-color-primary: var(--color-white); /* @kind color */
  --buttonface: rgb(0,0,0); /* @kind color */
  --canvas: rgb(0,0,0); /* @kind color */
  --canvastext: rgb(255,255,255); /* @kind color */
  --color-1-10: rgb(255,255,255); /* @kind color */
  --color-1-2: rgb(255,255,255); /* @kind color */
  --color-1-3: rgb(255,255,255); /* @kind color */
  --color-1-4: rgb(255,255,255); /* @kind color */
  --color-1-5: rgb(255,255,255); /* @kind color */
  --color-1-6: rgb(255,255,255); /* @kind color */
  --color-1-7: rgb(255,255,255); /* @kind color */
  --color-1-8: rgb(255,255,255); /* @kind color */
  --color-1-9: rgb(255,255,255); /* @kind color */
  --color-10-2: rgb(47,48,51); /* @kind color */
  --color-10: rgb(47,48,51); /* @kind color */
  --color-1: rgb(255,255,255); /* @kind color */
  --color-2-10: rgb(0,0,0); /* @kind color */
  --color-2-11: rgb(0,0,0); /* @kind color */
  --color-2-2: rgb(0,0,0); /* @kind color */
  --color-2-3: rgb(0,0,0); /* @kind color */
  --color-2-4: rgb(0,0,0); /* @kind color */
  --color-2-5: rgb(0,0,0); /* @kind color */
  --color-2-6: rgb(0,0,0); /* @kind color */
  --color-2-7: rgb(0,0,0); /* @kind color */
  --color-2-8: rgb(0,0,0); /* @kind color */
  --color-2-9: rgb(0,0,0); /* @kind color */
  --color-2: rgb(0,0,0); /* @kind color */
  --color-4: rgb(136,140,148); /* @kind color */
  --color-5: rgb(248,248,249); /* @kind color */
  --color-7: rgb(0,116,222); /* @kind color */
  --color-8: rgb(28,27,34); /* @kind color */
  --color-9-2: rgb(93,65,186); /* @kind color */
  --color-9-3: rgb(93,65,186); /* @kind color */
  --color-9: rgb(93,65,186); /* @kind color */
  --color-accent-mzp-color-accent-mkt-gray-80: var(--colors-marketing-marketing-gray-80); /* @kind color */
  --color-blue-05: rgb(222,234,252); /* @kind color */
  --color-blue-80: rgb(0,48,112); /* @kind color */
  --color-brand-mzp-color-brand-warm-red: var(--colors-mozilla-brand-mozilla-warm-red); /* @kind color */
  --color-gray-05: rgb(251,251,254); /* @kind color */
  --color-gray-100: rgb(21,20,26); /* @kind color */
  --color-gray-80: rgb(35,34,43); /* @kind color */
  --color-gray-90: rgb(28,27,34); /* @kind color */
  --color-green-05: rgb(216,238,220); /* @kind color */
  --color-green-80: rgb(0,71,37); /* @kind color */
  --color-primary-theme-mzp-color-theme-primary-inverse: var(--colors-utility-white); /* @kind color */
  --color-primary-theme-mzp-color-theme-primary: var(--colors-utility-black); /* @kind color */
  --color-red-05: rgb(255,232,232); /* @kind color */
  --color-red-30: rgb(255,126,142); /* @kind color */
  --color-red-60: rgb(207,23,72); /* @kind color */
  --color-red-80: rgb(105,15,34); /* @kind color */
  --color-white: rgb(255,255,255); /* @kind color */
  --colornames-blueopal: "Blue Opal";
  --colornames-numblueopal: 1;
  --colors-blue-2: rgb(0,122,255); /* @kind color */
  --colors-blue-blue-10: rgb(128,235,255); /* @kind color */
  --colors-blue-blue-30: rgb(0,179,244); /* @kind color */
  --colors-blue-blue-40: rgb(0,144,237); /* @kind color */
  --colors-blue-blue-50-2: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-50: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-60-2: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-60: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-70: rgb(5,64,150); /* @kind color */
  --colors-blue-blue-80: rgb(7,48,114); /* @kind color */
  --colors-blue: rgb(0,122,255); /* @kind color */
  --colors-dark-grey-dark-grey-05-2: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-05: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-10-2: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-10: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-30: rgb(66,65,77); /* @kind color */
  --colors-dark-grey-dark-grey-40: rgb(58,57,68); /* @kind color */
  --colors-dark-grey-dark-grey-50: rgb(50,49,60); /* @kind color */
  --colors-dark-grey-dark-grey-70: rgb(35,34,43); /* @kind color */
  --colors-dark-grey-dark-grey-80: rgb(28,27,34); /* @kind color */
  --colors-dark-grey-dark-grey-90: rgb(21,20,26); /* @kind color */
  --colors-light-grey-light-grey-05-2: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-05: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-10: rgb(249,249,251); /* @kind color */
  --colors-light-grey-light-grey-20-2: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-20: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-30-2: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-30: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-40-2: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-40: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-50-2: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-50: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-60-2: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-60: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-70: rgb(159,159,173); /* @kind color */
  --colors-light-grey-light-grey-80: rgb(143,143,157); /* @kind color */
  --colors-light-grey-light-grey-90: rgb(128,128,142); /* @kind color */
  --colors-marketing-marketing-gray-30: rgb(205,205,212); /* @kind color */
  --colors-marketing-marketing-gray-80: rgb(66,66,90); /* @kind color */
  --colors-mozilla-brand-mozilla-warm-red: rgb(255,79,94); /* @kind color */
  --colors-orange-orange-50: rgb(255,113,57); /* @kind color */
  --colors-red-red-10: rgb(255,189,197); /* @kind color */
  --colors-red-red-20: rgb(255,154,162); /* @kind color */
  --colors-red-red-30: rgb(255,132,139); /* @kind color */
  --colors-red-red-40: rgb(255,106,117); /* @kind color */
  --colors-red-red-60: rgb(226,40,80); /* @kind color */
  --colors-red-red-70: rgb(197,0,66); /* @kind color */
  --colors-red-red-80: rgb(129,2,32); /* @kind color */
  --colors-utility-black: rgb(0,0,0); /* @kind color */
  --colors-utility-white: rgb(255,255,255); /* @kind color */
  --colors-violet-violet-40: rgb(171,113,255); /* @kind color */
  --colors-violet-violet-50: rgb(144,89,255); /* @kind color */
  --colors-violet-violet-60-2: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-60: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-70-2: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-70: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-80: rgb(69,39,141); /* @kind color */
  --content-content-bg: var(--themes-uni-primary-white); /* @kind color */
  --content-content-border-color: var(--colors-light-grey-light-grey-30); /* @kind color */
  --content-content-border-radius: 16;
  --content-content-border-weight: 2;
  --content-content-max-height: 5000;
  --content-content-max-width: 2560;
  --content-content-min-height: 48;
  --content-content-min-width: 200;
  --content-content-padding-bottom: 20;
  --content-content-padding-left: 24;
  --content-content-padding-right: 24;
  --content-content-padding-top: 20;
  --content-content-shadow-blur: 0;
  --content-content-shadow-rgb: rgba(0,0,0,0.2); /* @kind color */
  --content-content-shadow-spread: 0;
  --content-content-shadow-x: 0;
  --content-content-shadow-y: 0;
  --contrast-2: var(--error-contrast); /* @kind color */
  --contrast-3: var(--error-contrast); /* @kind color */
  --contrast: var(--error-contrast); /* @kind color */
  --dark-grey-dark-grey-05-50: rgba(91,91,102,0.5); /* @kind color */
  --dark-grey-dark-grey-05-73: rgba(91,91,102,0.73); /* @kind color */
  --dark-grey-dark-grey-05: rgb(91,91,102); /* @kind color */
  --dark-grey-dark-grey-10: rgb(82,82,94); /* @kind color */
  --dark-grey-dark-grey-20-70: rgba(74,74,85,0.7); /* @kind color */
  --dark-grey-dark-grey-30-95: rgba(66,65,77,0.95); /* @kind color */
  --dark-grey-dark-grey-30: rgb(66,65,77); /* @kind color */
  --dark-grey-dark-grey-40-0: rgba(58,57,68,0); /* @kind color */
  --dark-grey-dark-grey-40-10: rgba(58,57,68,0.1); /* @kind color */
  --dark-grey-dark-grey-40-12: rgba(58,57,68,0.12); /* @kind color */
  --dark-grey-dark-grey-40-16: rgba(58,57,68,0.16); /* @kind color */
  --dark-grey-dark-grey-40: rgb(58,57,68); /* @kind color */
  --dark-grey-dark-grey-60: rgb(43,42,51); /* @kind color */
  --dark-grey-dark-grey-80-0: rgba(28,27,34,0); /* @kind color */
  --dark-grey-dark-grey-80-10: rgba(28,27,34,0.1); /* @kind color */
  --dark-grey-dark-grey-80-12: rgba(28,27,34,0.12); /* @kind color */
  --dark-grey-dark-grey-80-16: rgba(28,27,34,0.16); /* @kind color */
  --dark-grey-dark-grey-80: rgb(28,27,34); /* @kind color */
  --dark-grey-dark-grey-90-40: rgba(21,20,26,0.4); /* @kind color */
  --dark-grey-dark-grey-90-70: rgba(21,20,26,0.7); /* @kind color */
  --dark-grey-dark-grey-90-95: rgba(21,20,26,0.95); /* @kind color */
  --dark-grey-dark-grey-90: rgb(21,20,26); /* @kind color */
  --entrypoint-cta: "Go Anywhere";
  --entrypoint-heading: "Send, spend, earn, flex.";
  --error-contrast-2: var(--palette-light-error-contrast); /* @kind color */
  --error-contrast-3: var(--palette-light-error-contrast); /* @kind color */
  --error-contrast: var(--palette-light-error-contrast); /* @kind color */
  --error-main-2: var(--palette-light-error-main); /* @kind color */
  --error-main-3: var(--palette-light-error-main); /* @kind color */
  --error-main: var(--palette-light-error-main); /* @kind color */
  --featured-contrast-2: var(--palette-light-featured-contrast); /* @kind color */
  --featured-contrast: var(--palette-light-featured-contrast); /* @kind color */
  --featured-main-active: var(--palette-light-featured-main-active); /* @kind color */
  --featured-main-hover: var(--palette-light-featured-main-hover); /* @kind color */
  --featured-main: var(--palette-light-featured-main); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.12); /* @kind color */
  --foreground-foreground100: rgb(0,0,0); /* @kind color */
  --foreground-foreground10: rgb(242,242,242); /* @kind color */
  --gray-0-2: rgb(245,245,245); /* @kind color */
  --gray-0: rgb(255,255,255); /* @kind color */
  --gray-700: rgb(22,22,29); /* @kind color */
  --gray-900: rgb(30,30,30); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-gray-100: rgb(12,12,12); /* @kind color */
  --grays-gray-20: rgb(216,218,218); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --highlight: rgb(5,68,181); /* @kind color */
  --icon-accentblue: var(--blue-blue-60); /* @kind color */
  --icon-critical: var(--red-red-70); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
  --icon-disabled: var(--dark-grey-dark-grey-90-40); /* @kind color */
  --icon-ios-accent: var(--blue-blue-50); /* @kind color */
  --icon-oncolor: var(--light-grey-light-grey-05); /* @kind color */
  --icon-primary: var(--dark-grey-dark-grey-90); /* @kind color */
  --icon-secondary: var(--dark-grey-dark-grey-05); /* @kind color */
  --info-main-active: var(--palette-light-info-main-active); /* @kind color */
  --ink-ink-05: rgb(57,52,115); /* @kind color */
  --ink-ink-10: rgb(52,47,109); /* @kind color */
  --ink-ink-20: rgb(49,42,100); /* @kind color */
  --ink-ink-90-0: rgba(29,17,51,0); /* @kind color */
  --ink-ink-90: rgb(29,17,51); /* @kind color */
  --ios-system-systemactionsheetitemback: rgba(179,179,179,0.82); /* @kind color */
  --ios-system-systemactionsheetseparator: rgba(60,60,67,0.36); /* @kind color */
  --ios-system-systemblack: rgb(0,0,0); /* @kind color */
  --ios-system-systemblue: rgb(0,122,255); /* @kind color */
  --ios-system-systemhomeindicator: rgb(0,0,0); /* @kind color */
  --ios-system-systemkeyboardbg: rgb(208,213,220); /* @kind color */
  --ios-system-systemkeyboardkeyprimary: rgb(255,255,255); /* @kind color */
  --ios-system-systemkeyboardkeysecondary: rgb(171,180,193); /* @kind color */
  --ios-system-systemmodallayerback: rgb(255,255,255); /* @kind color */
  --ios-system-systemmodallayerfront: rgba(0,0,0,0.35); /* @kind color */
  --ios-system-systemred: rgb(255,59,48); /* @kind color */
  --ios-system-systemwhite: rgb(255,255,255); /* @kind color */
  --labels-primary-2: rgb(0,0,0); /* @kind color */
  --labels-primary-3: rgb(0,0,0); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --labels-secondary: rgba(60,60,67,0.6); /* @kind color */
  --labels-tertiary: rgba(60,60,67,0.3); /* @kind color */
  --layer-1: var(--light-grey-light-grey-10); /* @kind color */
  --layer-2: var(--black-white-white); /* @kind color */
  --layer-3: var(--light-grey-light-grey-20); /* @kind color */
  --layer-autofilltext: var(--dark-grey-dark-grey-05-73); /* @kind color */
  --layer-gradienturlstop1: var(--light-grey-light-grey-30); /* @kind color */
  --layer-gradienturlstop2: var(--light-grey-light-grey-30-0); /* @kind color */
  --layer-ios-4: var(--light-grey-light-grey-30-60); /* @kind color */
  --layer-ios-5: var(--black-white-white); /* @kind color */
  --layer-ios-gradientoverlaystop1: var(--dark-grey-dark-grey-40); /* @kind color */
  --layer-ios-gradientoverlaystop2: var(--dark-grey-dark-grey-40-0); /* @kind color */
  --layer-ios-selectedtext: var(--blue-blue-50); /* @kind color */
  --layer-ratingd: var(--orange-orange-20); /* @kind color */
  --layer-scrim: var(--dark-grey-dark-grey-30-95); /* @kind color */
  --layer-search: var(--light-grey-light-grey-30); /* @kind color */
  --light-grey-light-grey-05-34: rgba(251,251,254,0.34); /* @kind color */
  --light-grey-light-grey-05-40: rgba(251,251,254,0.4); /* @kind color */
  --light-grey-light-grey-05-80: rgba(251,251,254,0.8); /* @kind color */
  --light-grey-light-grey-05: rgb(251,251,254); /* @kind color */
  --light-grey-light-grey-10: rgb(249,249,251); /* @kind color */
  --light-grey-light-grey-20: rgb(240,240,244); /* @kind color */
  --light-grey-light-grey-30-0: rgba(224,224,230,0); /* @kind color */
  --light-grey-light-grey-30-50: rgba(224,224,230,0.5); /* @kind color */
  --light-grey-light-grey-30-60: rgba(224,224,230,0.6); /* @kind color */
  --light-grey-light-grey-30: rgb(224,224,230); /* @kind color */
  --light-grey-light-grey-40-0: rgba(207,207,216,0); /* @kind color */
  --light-grey-light-grey-40: rgb(207,207,216); /* @kind color */
  --light-grey-light-grey-50: rgb(191,191,201); /* @kind color */
  --light-grey-light-grey-80: rgb(143,143,157); /* @kind color */
  --light-grey-light-grey-90: rgb(128,128,142); /* @kind color */
  --link-main: var(--palette-light-link-main); /* @kind color */
  --linktext: rgb(128,128,255); /* @kind color */
  --main-2: var(--error-main); /* @kind color */
  --main-3: var(--error-main); /* @kind color */
  --main-purple: rgb(150,102,255); /* @kind color */
  --main: var(--error-main); /* @kind color */
  --miscellaneous-kit-section-fill-2: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --mode-2: "Light";
  --mode-3: "Light";
  --mode: "Light";
  --nav-general-nav-border-radius: 8;
  --nav-general-nav-border-weight: 0;
  --orange-orange-20: rgb(255,181,135); /* @kind color */
  --overlay-contrast: var(--palette-light-overlay-contrast); /* @kind color */
  --overlay-main: var(--palette-light-overlay-main); /* @kind color */
  --page-page-bg-opacity: 100;
  --page-page-border-color: var(--colors-light-grey-light-grey-40); /* @kind color */
  --page-page-shadow-blur: 20;
  --page-page-shadow-rgb: rgba(0,0,0,0); /* @kind color */
  --page-page-shadow-spread: 0;
  --page-page-shadow-x: 2;
  --page-page-shadow-y: 2;
  --palette-dark-accent1-main: rgb(31,39,63); /* @kind color */
  --palette-dark-accent2-contrast: var(--primary-contrast); /* @kind color */
  --palette-dark-accent4-contrast: var(--primary-contrast); /* @kind color */
  --palette-dark-accent4-main: rgb(40,50,140); /* @kind color */
  --palette-dark-alert-contrast: rgb(255,255,255); /* @kind color */
  --palette-dark-alert-main: rgb(199,40,48); /* @kind color */
  --palette-dark-background-alt: rgb(85,88,94); /* @kind color */
  --palette-dark-background-high-contrast: rgb(241,242,244); /* @kind color */
  --palette-dark-background-main: rgb(47,48,51); /* @kind color */
  --palette-dark-background-medium-contrast: rgb(248,248,249); /* @kind color */
  --palette-dark-background-surface: rgb(62,63,66); /* @kind color */
  --palette-dark-error-contrast: rgb(255,255,255); /* @kind color */
  --palette-dark-error-main: rgb(199,40,48); /* @kind color */
  --palette-dark-featured-contrast: rgb(255,255,255); /* @kind color */
  --palette-dark-featured-main-active: rgb(153,209,255); /* @kind color */
  --palette-dark-featured-main-hover: rgb(153,209,255); /* @kind color */
  --palette-dark-featured-main: rgb(0,140,255); /* @kind color */
  --palette-dark-info-main-active: rgb(180,184,191); /* @kind color */
  --palette-dark-link-main: rgb(0,140,255); /* @kind color */
  --palette-dark-overlay-contrast: rgb(255,255,255); /* @kind color */
  --palette-dark-overlay-main: rgba(0,0,0,0.7); /* @kind color */
  --palette-dark-primary-contrast-active: rgb(255,255,255); /* @kind color */
  --palette-dark-primary-contrast-hover: rgb(255,255,255); /* @kind color */
  --palette-dark-primary-contrast: rgb(255,255,255); /* @kind color */
  --palette-dark-primary-main-active: rgb(153,209,255); /* @kind color */
  --palette-dark-primary-main-hover: rgb(0,116,222); /* @kind color */
  --palette-dark-primary-main: rgb(0,140,255); /* @kind color */
  --palette-dark-secondary-contrast: rgb(0,140,255); /* @kind color */
  --palette-dark-secondary-main-active: rgb(153,209,255); /* @kind color */
  --palette-dark-secondary-main-hover: rgb(0,116,222); /* @kind color */
  --palette-dark-secondary-main: var(--palette-dark-background-main); /* @kind color */
  --palette-dark-structure-border-high-contrast: rgb(180,184,191); /* @kind color */
  --palette-dark-structure-border-low-contrast: rgb(85,88,94); /* @kind color */
  --palette-dark-structure-divider: rgb(216,219,223); /* @kind color */
  --palette-dark-success-contrast-2: var(--primary-contrast); /* @kind color */
  --palette-dark-success-contrast-3: var(--primary-contrast); /* @kind color */
  --palette-dark-success-contrast: var(--primary-contrast); /* @kind color */
  --palette-dark-success-main: rgb(14,116,129); /* @kind color */
  --palette-dark-system-contrast-2: var(--background-main); /* @kind color */
  --palette-dark-system-contrast-3: var(--background-high-contrast); /* @kind color */
  --palette-dark-system-contrast: var(--background-main); /* @kind color */
  --palette-dark-system-main: rgb(241,242,244); /* @kind color */
  --palette-dark-tertiary-contrast-active: rgb(255,255,255); /* @kind color */
  --palette-dark-tertiary-main-active: rgb(102,186,255); /* @kind color */
  --palette-dark-tertiary-main-hover: rgb(255,255,255); /* @kind color */
  --palette-light-accent1-main: rgb(45,41,192); /* @kind color */
  --palette-light-accent2-contrast: rgb(222,239,255); /* @kind color */
  --palette-light-accent4-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-accent4-main: rgb(255,170,15); /* @kind color */
  --palette-light-alert-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-alert-main: rgb(199,40,48); /* @kind color */
  --palette-light-background-alt: rgb(248,248,249); /* @kind color */
  --palette-light-background-high-contrast: rgb(47,48,51); /* @kind color */
  --palette-light-background-main: rgb(255,255,255); /* @kind color */
  --palette-light-background-medium-contrast: rgb(85,88,94); /* @kind color */
  --palette-light-background-surface: rgb(255,255,255); /* @kind color */
  --palette-light-error-contrast-2: var(--primary-contrast); /* @kind color */
  --palette-light-error-contrast-3: var(--primary-contrast); /* @kind color */
  --palette-light-error-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-error-main: rgb(199,40,48); /* @kind color */
  --palette-light-featured-contrast-2: var(--primary-contrast); /* @kind color */
  --palette-light-featured-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-featured-main-active: rgb(11,114,97); /* @kind color */
  --palette-light-featured-main-hover: rgb(11,114,97); /* @kind color */
  --palette-light-featured-main: rgb(14,127,108); /* @kind color */
  --palette-light-info-main-active: rgb(180,184,191); /* @kind color */
  --palette-light-link-main: var(--primary-main); /* @kind color */
  --palette-light-overlay-contrast: rgb(255,255,255); /* @kind color */
  --palette-light-overlay-main: rgba(0,0,0,0.8); /* @kind color */
  --palette-light-primary-contrast-2: var(--background-main); /* @kind color */
  --palette-light-primary-contrast-3: var(--background-main); /* @kind color */
  --palette-light-primary-contrast-4: var(--background-main); /* @kind color */
  --palette-light-primary-contrast-active: var(--background-main); /* @kind color */
  --palette-light-primary-contrast-hover: var(--background-main); /* @kind color */
  --palette-light-primary-contrast: var(--background-main); /* @kind color */
  --palette-light-primary-main-active: rgb(5,47,165); /* @kind color */
  --palette-light-primary-main-hover: rgb(0,93,178); /* @kind color */
  --palette-light-primary-main: rgb(0,116,222); /* @kind color */
  --palette-light-secondary-contrast: var(--primary-main); /* @kind color */
  --palette-light-secondary-main-active: rgb(251,253,254); /* @kind color */
  --palette-light-secondary-main-hover: rgb(251,253,254); /* @kind color */
  --palette-light-secondary-main: var(--background-surface); /* @kind color */
  --palette-light-structure-border-high-contrast: rgb(180,184,191); /* @kind color */
  --palette-light-structure-border-low-contrast: rgb(248,248,249); /* @kind color */
  --palette-light-structure-divider: rgb(216,219,223); /* @kind color */
  --palette-light-success-contrast-2: var(--primary-contrast); /* @kind color */
  --palette-light-success-contrast-3: var(--primary-contrast); /* @kind color */
  --palette-light-success-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-success-main: rgb(14,116,129); /* @kind color */
  --palette-light-system-contrast-2: var(--background-high-contrast); /* @kind color */
  --palette-light-system-contrast-3: var(--background-high-contrast); /* @kind color */
  --palette-light-system-contrast: var(--background-high-contrast); /* @kind color */
  --palette-light-system-main: rgb(241,242,244); /* @kind color */
  --palette-light-tertiary-contrast: rgb(0,116,222); /* @kind color */
  --palette-light-tertiary-main-active: rgb(251,253,254); /* @kind color */
  --palette-light-tertiary-main-hover: rgb(251,253,254); /* @kind color */
  --palette-light-tertiary-main: var(--primary-contrast); /* @kind color */
  --palette-primary: rgb(0,0,0); /* @kind color */
  --palette-refresh-accent1-main: rgb(45,41,192); /* @kind color */
  --palette-refresh-accent2-contrast: rgb(255,255,255); /* @kind color */
  --palette-refresh-accent4-contrast: var(--palette-refresh-primary-main); /* @kind color */
  --palette-refresh-accent4-main: rgb(234,235,244); /* @kind color */
  --palette-refresh-alert-contrast: var(--palette-refresh-primary-contrast); /* @kind color */
  --palette-refresh-alert-main: rgb(216,22,59); /* @kind color */
  --palette-refresh-background-alt: rgb(234,235,244); /* @kind color */
  --palette-refresh-background-high-contrast: rgb(20,25,47); /* @kind color */
  --palette-refresh-background-main-2: rgb(247,247,247); /* @kind color */
  --palette-refresh-background-main: rgb(243,245,247); /* @kind color */
  --palette-refresh-background-medium-contrast: rgb(69,83,100); /* @kind color */
  --palette-refresh-background-surface: rgb(255,255,255); /* @kind color */
  --palette-refresh-error-contrast: var(--palette-refresh-primary-contrast); /* @kind color */
  --palette-refresh-error-main: rgb(216,22,59); /* @kind color */
  --palette-refresh-featured-main-active: rgb(1,106,63); /* @kind color */
  --palette-refresh-featured-main-hover: rgb(1,122,72); /* @kind color */
  --palette-refresh-featured-main: rgb(1,136,81); /* @kind color */
  --palette-refresh-info-main-active: rgb(180,184,191); /* @kind color */
  --palette-refresh-link-main: var(--palette-refresh-primary-main); /* @kind color */
  --palette-refresh-overlay-contrast: rgb(255,255,255); /* @kind color */
  --palette-refresh-overlay-main: rgba(0,0,0,0.8); /* @kind color */
  --palette-refresh-primary-contrast-active: var(--palette-refresh-background-surface); /* @kind color */
  --palette-refresh-primary-contrast-hover: var(--palette-refresh-background-surface); /* @kind color */
  --palette-refresh-primary-contrast: var(--palette-refresh-background-surface); /* @kind color */
  --palette-refresh-primary-main-active: rgb(0,77,138); /* @kind color */
  --palette-refresh-primary-main-hover: rgb(0,91,164); /* @kind color */
  --palette-refresh-primary-main: rgb(0,116,222); /* @kind color */
  --palette-refresh-secondary-contrast: var(--palette-refresh-primary-main); /* @kind color */
  --palette-refresh-secondary-main-active: rgb(222,239,255); /* @kind color */
  --palette-refresh-secondary-main-hover: rgb(222,239,255); /* @kind color */
  --palette-refresh-secondary-main: var(--palette-refresh-background-surface); /* @kind color */
  --palette-refresh-structure-border-high-contrast: rgb(216,219,223); /* @kind color */
  --palette-refresh-structure-border-low-contrast-2: rgba(0,0,0,0.05); /* @kind color */
  --palette-refresh-structure-border-low-contrast: rgb(248,248,249); /* @kind color */
  --palette-refresh-structure-divider: rgb(216,219,223); /* @kind color */
  --palette-refresh-success-contrast: var(--palette-refresh-primary-contrast); /* @kind color */
  --palette-refresh-success-main: var(--palette-refresh-featured-main); /* @kind color */
  --palette-refresh-system-contrast: var(--background-high-contrast); /* @kind color */
  --palette-refresh-system-main: rgb(241,242,244); /* @kind color */
  --palette-refresh-tertiary-contrast: var(--palette-refresh-primary-main); /* @kind color */
  --palette-refresh-tertiary-main-active: var(--palette-refresh-secondary-main-active); /* @kind color */
  --palette-refresh-tertiary-main-hover: var(--palette-refresh-secondary-main); /* @kind color */
  --palette-refresh-tertiary-main: var(--palette-refresh-background-surface); /* @kind color */
  --palettes-secondary-60: rgb(143,144,152); /* @kind color */
  --pp-blue: rgb(16,76,202); /* @kind color */
  --primary-contrast-2: var(--palette-light-primary-contrast); /* @kind color */
  --primary-contrast-3: var(--palette-light-primary-contrast); /* @kind color */
  --primary-contrast-4: var(--palette-light-primary-contrast); /* @kind color */
  --primary-contrast-active: var(--palette-light-primary-contrast-active); /* @kind color */
  --primary-contrast-hover: var(--palette-light-primary-contrast-hover); /* @kind color */
  --primary-contrast: var(--palette-light-primary-contrast); /* @kind color */
  --primary-main-active: var(--palette-light-primary-main-active); /* @kind color */
  --primary-main-hover: var(--palette-light-primary-main-hover); /* @kind color */
  --primary-main: var(--palette-light-primary-main); /* @kind color */
  --productname: "VenmoAnywhere™";
  --red-red-20: rgb(255,154,162); /* @kind color */
  --red-red-70: rgb(197,0,66); /* @kind color */
  --ref-color-grey-600: rgb(0,20,53); /* @kind color */
  --schemes-background: rgb(249,249,255); /* @kind color */
  --schemes-on-primary-container: rgb(0,27,62); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(74,68,89); /* @kind color */
  --schemes-on-surface-2: rgb(29,27,32); /* @kind color */
  --schemes-on-surface-variant: rgb(73,69,79); /* @kind color */
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
  --schemes-outline: rgb(121,116,126); /* @kind color */
  --schemes-primary: rgb(101,85,143); /* @kind color */
  --schemes-secondary-container: rgb(232,222,248); /* @kind color */
  --schemes-surface-container-highest: rgb(230,224,233); /* @kind color */
  --secondary-contrast: var(--palette-light-secondary-contrast); /* @kind color */
  --secondary-main-active: var(--palette-light-secondary-main-active); /* @kind color */
  --secondary-main-hover: var(--palette-light-secondary-main-hover); /* @kind color */
  --secondary-main: var(--palette-light-secondary-main); /* @kind color */
  --selectedcolor: var(--colornames-blueopal);
  --settings-sidebar-settings-sb-border-radius: 16;
  --settings-sidebar-settings-sb-border-weight: 0;
  --settings-sidebar-settings-sb-max-width: 340;
  --settings-sidebar-settings-sb-min-width: 340;
  --settings-sidebar-settings-sb-opacity: 100;
  --shadow-ios-default: var(--dark-grey-dark-grey-40-12); /* @kind color */
  --shadow-ios-strong: var(--dark-grey-dark-grey-40-16); /* @kind color */
  --shadow-ios-subtle: var(--dark-grey-dark-grey-40-10); /* @kind color */
  --spacing-pattern-spacing-gutter-pattern-gutter-xxxl: 64;
  --spacing-universal-spacing-spacer-layout-xxxs: 40;
  --spacing-universal-spacing-spacer-lg: 16;
  --spacing-universal-spacing-spacer-md: 12;
  --spacing-universal-spacing-spacer-sm: 8;
  --spacing-universal-spacing-spacer-xl: 20;
  --spacing-universal-spacing-spacer-xxl: 24;
  --spacing-universal-spacing-spacer-xxs: 4;
  --spacing-universal-spacing-spacer-xxxl: 32;
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(74,68,89,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(74,68,89,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(29,27,32,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(73,69,79,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(73,69,79,0.12); /* @kind color */
  --structure-border-high-contrast: var(--palette-light-structure-border-high-contrast); /* @kind color */
  --structure-border-low-contrast-2: var(--palette-light-structure-border-low-contrast); /* @kind color */
  --structure-border-low-contrast: var(--palette-light-structure-border-low-contrast); /* @kind color */
  --structure-divider: var(--palette-light-structure-divider); /* @kind color */
  --success-contrast-2: var(--palette-light-success-contrast); /* @kind color */
  --success-contrast-3: var(--palette-light-success-contrast); /* @kind color */
  --success-contrast: var(--palette-light-success-contrast); /* @kind color */
  --success-main-2: var(--palette-light-featured-main); /* @kind color */
  --success-main-3: var(--palette-light-success-main); /* @kind color */
  --success-main: var(--palette-light-success-main); /* @kind color */
  --surface-emphasis: var(--blue-400); /* @kind color */
  --sys-warning-contrast: var(--ref-color-grey-600); /* @kind color */
  --system-black-2: rgb(0,0,0); /* @kind color */
  --system-black-3: rgb(0,0,0); /* @kind color */
  --system-black-4: rgb(0,0,0); /* @kind color */
  --system-black: rgb(0,0,0); /* @kind color */
  --system-blue-2: rgb(0,123,254); /* @kind color */
  --system-blue: rgb(0,123,254); /* @kind color */
  --system-contrast-2: var(--palette-light-system-contrast); /* @kind color */
  --system-contrast-3: var(--palette-light-system-contrast); /* @kind color */
  --system-contrast: var(--palette-light-system-contrast); /* @kind color */
  --system-main-2: var(--palette-light-system-main); /* @kind color */
  --system-main-3: var(--palette-light-system-main); /* @kind color */
  --system-main: var(--palette-light-system-main); /* @kind color */
  --system-variants-sub-atomic-sub-atomic-variant-border-color: rgb(153,153,153); /* @kind color */
  --system-white-2: rgb(255,255,255); /* @kind color */
  --system-white-3: rgb(255,255,255); /* @kind color */
  --system-white-4: rgb(255,255,255); /* @kind color */
  --system-white: rgb(255,255,255); /* @kind color */
  --targetnum-2: var(--colornames-numblueopal);
  --targetnum: var(--colornames-numblueopal);
  --tertiary-contrast: var(--palette-light-tertiary-contrast); /* @kind color */
  --tertiary-main-active: var(--palette-light-tertiary-main-active); /* @kind color */
  --tertiary-main-hover: var(--palette-light-tertiary-main-hover); /* @kind color */
  --tertiary-main: var(--palette-light-tertiary-main); /* @kind color */
  --text-android-oncolorprimary: var(--light-grey-light-grey-05); /* @kind color */
  --text-color: var(--color-gray-100); /* @kind color */
  --text-critical: var(--red-red-70); /* @kind color */
  --text-disabled: var(--dark-grey-dark-grey-90-40); /* @kind color */
  --text-inverse: var(--gray-0); /* @kind color */
  --text-inverted: var(--light-grey-light-grey-05); /* @kind color */
  --text-ios-accent: var(--blue-blue-50); /* @kind color */
  --text-ios-inverted: var(--light-grey-light-grey-05); /* @kind color */
  --text-ios-inverteddisabled: var(--light-grey-light-grey-05-80); /* @kind color */
  --text-ios-ondark: var(--light-grey-light-grey-05); /* @kind color */
  --text-oncolorprimary: var(--light-grey-light-grey-05); /* @kind color */
  --text-primary: var(--dark-grey-dark-grey-90); /* @kind color */
  --text-secondary: var(--dark-grey-dark-grey-05); /* @kind color */
  --themes-brand-theme-cta-label-color: var(--themes-uni-text-primary-white); /* @kind color */
  --themes-brand-theme-primary-2: var(--colors-blue-blue-50); /* @kind color */
  --themes-brand-theme-primary-active: var(--colors-blue-blue-80); /* @kind color */
  --themes-brand-theme-primary-hover: var(--colors-blue-blue-60); /* @kind color */
  --themes-brand-theme-primary: var(--colors-blue-blue-50); /* @kind color */
  --themes-brand-theme-secondary: var(--colors-blue-blue-40); /* @kind color */
  --themes-brand-theme-text-link-active: var(--themes-brand-theme-primary-active); /* @kind color */
  --themes-brand-theme-text-link-hover: var(--themes-brand-theme-primary-hover); /* @kind color */
  --themes-brand-theme-text-link: var(--themes-brand-theme-primary); /* @kind color */
  --themes-containers-page-page-bg-grad-01-01: rgb(248,254,255); /* @kind color */
  --themes-containers-page-page-bg-grad-01-02: rgb(245,253,255); /* @kind color */
  --themes-error-theme-error-active: var(--colors-red-red-80); /* @kind color */
  --themes-error-theme-error-hover: var(--colors-red-red-70); /* @kind color */
  --themes-error-theme-error-primary: var(--colors-red-red-60); /* @kind color */
  --themes-neutral-theme-neutral-active-border: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active-text: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active: var(--colors-light-grey-light-grey-50); /* @kind color */
  --themes-neutral-theme-neutral-hover-border: var(--colors-light-grey-light-grey-60); /* @kind color */
  --themes-neutral-theme-neutral-hover-text: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-neutral-theme-neutral-hover: var(--colors-light-grey-light-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-primary-border: var(--colors-light-grey-light-grey-40); /* @kind color */
  --themes-neutral-theme-neutral-primary-text: var(--colors-dark-grey-dark-grey-90); /* @kind color */
  --themes-neutral-theme-neutral-primary: var(--colors-light-grey-light-grey-10); /* @kind color */
  --themes-primary-black: rgb(0,0,0); /* @kind color */
  --themes-primary-white: rgb(255,255,255); /* @kind color */
  --themes-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-primary-black: rgb(0,0,0); /* @kind color */
  --themes-uni-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-secondary-black: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-uni-secondary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary: rgb(0,0,0); /* @kind color */
  --themes-uni-text-secondary: var(--colors-dark-grey-dark-grey-40); /* @kind color */
  --themes-uni-text-tertiary: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --typography-font-family-font-primary-body-2: "SF Pro";
  --typography-font-family-font-primary-body: "SF Pro";
  --typography-font-family-font-primary-heading: "SF Pro";
  --typography-font-weight-font-weight-lg: 600;
  --typography-font-weight-font-weight-sm: 400;
  --typography-font-weight-font-weight-xl: 700;
  --typography-letter-spacing-letter-spacing-xs: 1;
  --typography-letter-spacing-letter-spacing-xxs-2: 0.3;
  --typography-letter-spacing-letter-spacing-xxs: -0.3;
  --typography-line-height-line-height-lg: 40;
  --typography-line-height-line-height-md: 30;
  --typography-line-height-line-height-sm: 28;
  --typography-line-height-line-height-xl: 44;
  --typography-line-height-line-height-xs: 24;
  --typography-line-height-line-height-xxs: 22;
  --typography-text-size-body-text-lg: 18;
  --typography-text-size-body-text-md-base: 16;
  --typography-text-size-body-text-sm: 14;
  --typography-text-size-body-text-xl: 22;
  --typography-text-size-body-text-xxl: 28;
  --typography-text-size-body-text-xxxl: 32;
  --typography-text-size-heading-heading-lg: 18;
  --typography-text-size-heading-heading-md: 16;
  --universal-theme-mask-mask-disabled: var(--colors-light-grey-light-grey-90); /* @kind color */
  --violet-50: rgb(139,92,255); /* @kind color */
  --violet-violet-60: rgb(119,67,231); /* @kind color */
  --violet-violet-90: rgb(50,28,100); /* @kind color */
  --white-1000: rgb(255,255,255); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --25: rgba(150,102,255,0.25); /* @kind color */
  --50: rgba(150,102,255,0.5); /* @kind color */
  --accent1-main: var(--palette-dark-accent1-main); /* @kind color */
  --accent2-contrast: var(--palette-dark-accent2-contrast); /* @kind color */
  --accent4-contrast: var(--palette-dark-accent4-contrast); /* @kind color */
  --accent4-main: var(--palette-dark-accent4-main); /* @kind color */
  --action-android-indicatoractive: var(--light-grey-light-grey-90); /* @kind color */
  --action-android-indicatorinactive: var(--dark-grey-dark-grey-05); /* @kind color */
  --action-android-tertiary: var(--dark-grey-dark-grey-10); /* @kind color */
  --action-info: var(--blue-blue-60); /* @kind color */
  --action-ios-formknob: var(--black-white-white); /* @kind color */
  --action-ios-formsurfaceoff: var(--dark-grey-dark-grey-05); /* @kind color */
  --action-ios-primary: var(--blue-blue-30); /* @kind color */
  --action-ios-primarydisabled: var(--blue-blue-30-50); /* @kind color */
  --action-ios-primaryhover: var(--blue-blue-20); /* @kind color */
  --action-ios-secondaryhover: var(--light-grey-light-grey-90); /* @kind color */
  --action-secondary: var(--dark-grey-dark-grey-05); /* @kind color */
  --action-secondarydisabled: var(--dark-grey-dark-grey-05-50); /* @kind color */
  --alert-contrast: var(--palette-dark-error-contrast); /* @kind color */
  --alert-main: var(--palette-dark-error-main); /* @kind color */
  --annotation: rgb(151,71,255); /* @kind color */
  --auto-selection-auto-brand-2: "Mozilla dark";
  --auto-selection-auto-brand: "Mozilla";
  --auto-selection-string-browser-tab: "Mozilla Accounts";
  --auto-selection-string-browser-url: "https://www.mozilla.org/en-US/account/";
  --background-alt: var(--palette-dark-background-alt); /* @kind color */
  --background-color-box: var(--color-gray-80); /* @kind color */
  --background-color-canvas: var(--color-gray-90); /* @kind color */
  --background-color-critical: var(--color-red-80); /* @kind color */
  --background-color-information: var(--color-blue-80); /* @kind color */
  --background-color-success: var(--color-green-80); /* @kind color */
  --background-color-toolbar: rgb(43,42,51); /* @kind color */
  --background-contrast-high: var(--palette-dark-background-high-contrast); /* @kind color */
  --background-contrast-medium: var(--palette-dark-background-medium-contrast); /* @kind color */
  --background-high-contrast-2: var(--palette-dark-background-high-contrast); /* @kind color */
  --background-high-contrast: var(--palette-dark-background-high-contrast); /* @kind color */
  --background-main-2: var(--palette-dark-background-main); /* @kind color */
  --background-main-3: var(--palette-dark-background-main); /* @kind color */
  --background-main-4: var(--palette-dark-background-main); /* @kind color */
  --background-main: var(--palette-dark-background-main); /* @kind color */
  --background-surface: var(--palette-dark-background-surface); /* @kind color */
  --backgrounds-primary-2: rgb(0,0,0); /* @kind color */
  --backgrounds-primary-2: rgb(0,0,0); /* @kind color */
  --backgrounds-primary-2: rgb(28,28,30); /* @kind color */
  --backgrounds-primary-2: rgb(36,36,38); /* @kind color */
  --backgrounds-primary: rgb(0,0,0); /* @kind color */
  --backgrounds-primary: rgb(0,0,0); /* @kind color */
  --backgrounds-primary: rgb(28,28,30); /* @kind color */
  --backgrounds-primary: rgb(36,36,38); /* @kind color */
  --border-border-radius-lg: 16;
  --border-border-radius-md: 8;
  --border-border-radius-sm: 6;
  --border-border-radius-xs: 4;
  --border-ios-borderradiobuttondefault: var(--light-grey-light-grey-80); /* @kind color */
  --border-primary: var(--dark-grey-dark-grey-05); /* @kind color */
  --border-secondary: var(--dark-grey-dark-grey-10); /* @kind color */
  --border-stroke-color-divider: var(--colors-dark-grey-dark-grey-80); /* @kind color */
  --border-stroke-color-primary: var(--colors-dark-grey-dark-grey-80); /* @kind color */
  --border-stroke-color-secondary: var(--colors-dark-grey-dark-grey-80); /* @kind color */
  --border-stroke-xs: 2;
  --border-stroke-xxs-2: 2;
  --border-stroke-xxs: 1;
  --brand-brandblue: rgb(255,255,255); /* @kind color */
  --brand-branddarkblue: rgb(255,255,255); /* @kind color */
  --brand-brandlightblue: rgb(255,255,255); /* @kind color */
  --button-active: var(--grays-gray-20); /* @kind color */
  --button-text-color-primary: var(--color-gray-100); /* @kind color */
  --color-accent-mzp-color-accent-mkt-gray-80: var(--colors-marketing-marketing-gray-30); /* @kind color */
  --color-brand-mzp-color-brand-warm-red: var(--colors-mozilla-brand-mozilla-warm-red); /* @kind color */
  --color-primary-theme-mzp-color-theme-primary-inverse: var(--colors-utility-black); /* @kind color */
  --color-primary-theme-mzp-color-theme-primary: var(--colors-utility-white); /* @kind color */
  --colors-blue-2: rgb(10,132,255); /* @kind color */
  --colors-blue-2: rgb(10,132,255); /* @kind color */
  --colors-blue-2: rgb(64,156,255); /* @kind color */
  --colors-blue-2: rgb(64,156,255); /* @kind color */
  --colors-blue-blue-10: rgb(7,48,114); /* @kind color */
  --colors-blue-blue-30: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-40: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-50-2: rgb(0,144,237); /* @kind color */
  --colors-blue-blue-50: rgb(0,144,237); /* @kind color */
  --colors-blue-blue-60-2: rgb(0,179,244); /* @kind color */
  --colors-blue-blue-60: rgb(0,179,244); /* @kind color */
  --colors-blue-blue-70: rgb(0,221,255); /* @kind color */
  --colors-blue-blue-80: rgb(128,235,255); /* @kind color */
  --colors-blue: rgb(10,132,255); /* @kind color */
  --colors-blue: rgb(10,132,255); /* @kind color */
  --colors-blue: rgb(64,156,255); /* @kind color */
  --colors-blue: rgb(64,156,255); /* @kind color */
  --colors-dark-grey-dark-grey-05-2: rgb(240,240,244); /* @kind color */
  --colors-dark-grey-dark-grey-05: rgb(240,240,244); /* @kind color */
  --colors-dark-grey-dark-grey-10-2: rgb(28,27,34); /* @kind color */
  --colors-dark-grey-dark-grey-10: rgb(28,27,34); /* @kind color */
  --colors-dark-grey-dark-grey-30: rgb(43,42,51); /* @kind color */
  --colors-dark-grey-dark-grey-40: rgb(50,49,60); /* @kind color */
  --colors-dark-grey-dark-grey-50: rgb(251,251,254); /* @kind color */
  --colors-dark-grey-dark-grey-70: rgb(74,74,85); /* @kind color */
  --colors-dark-grey-dark-grey-80: rgb(82,82,82); /* @kind color */
  --colors-dark-grey-dark-grey-90: rgb(91,91,102); /* @kind color */
  --colors-light-grey-light-grey-05-2: rgb(21,20,26); /* @kind color */
  --colors-light-grey-light-grey-05: rgb(21,20,26); /* @kind color */
  --colors-light-grey-light-grey-10: rgb(143,143,157); /* @kind color */
  --colors-light-grey-light-grey-20-2: rgb(43,42,51); /* @kind color */
  --colors-light-grey-light-grey-20: rgb(43,42,51); /* @kind color */
  --colors-light-grey-light-grey-30-2: rgb(50,49,60); /* @kind color */
  --colors-light-grey-light-grey-30: rgb(50,49,60); /* @kind color */
  --colors-light-grey-light-grey-40-2: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-40: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-50-2: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-50: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-60-2: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-60: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-70: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-80: rgb(249,249,251); /* @kind color */
  --colors-light-grey-light-grey-90: rgb(251,251,254); /* @kind color */
  --colors-orange-orange-50: rgb(255,138,80); /* @kind color */
  --colors-red-red-10: rgb(129,2,32); /* @kind color */
  --colors-red-red-20: rgb(197,0,66); /* @kind color */
  --colors-red-red-30: rgb(226,40,80); /* @kind color */
  --colors-red-red-40: rgb(255,79,94); /* @kind color */
  --colors-red-red-60: rgb(255,132,139); /* @kind color */
  --colors-red-red-70: rgb(255,154,162); /* @kind color */
  --colors-red-red-80: rgb(255,189,197); /* @kind color */
  --colors-violet-violet-40: rgb(144,89,255); /* @kind color */
  --colors-violet-violet-50: rgb(171,113,255); /* @kind color */
  --colors-violet-violet-60-2: rgb(198,137,255); /* @kind color */
  --colors-violet-violet-60: rgb(198,137,255); /* @kind color */
  --colors-violet-violet-70-2: rgb(203,158,255); /* @kind color */
  --colors-violet-violet-70: rgb(203,158,255); /* @kind color */
  --colors-violet-violet-80: rgb(217,191,255); /* @kind color */
  --error-contrast-2: var(--palette-dark-error-contrast); /* @kind color */
  --error-contrast-3: var(--palette-dark-error-contrast); /* @kind color */
  --error-contrast: var(--palette-dark-error-contrast); /* @kind color */
  --error-main-2: var(--palette-dark-error-main); /* @kind color */
  --error-main-3: var(--palette-dark-error-main); /* @kind color */
  --error-main: var(--palette-dark-error-main); /* @kind color */
  --featured-contrast-2: var(--palette-dark-featured-contrast); /* @kind color */
  --featured-contrast: var(--palette-dark-featured-contrast); /* @kind color */
  --featured-main-active: var(--palette-dark-featured-main-active); /* @kind color */
  --featured-main-hover: var(--palette-dark-featured-main-hover); /* @kind color */
  --featured-main: var(--palette-dark-featured-main); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.24); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.24); /* @kind color */
  --foreground-foreground100: rgb(255,255,255); /* @kind color */
  --foreground-foreground10: rgb(255,255,255); /* @kind color */
  --gray-0-2: rgb(255,255,255); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --icon-accentblue: var(--blue-blue-30); /* @kind color */
  --icon-critical: var(--red-red-20); /* @kind color */
  --icon-default-default: var(--white-1000); /* @kind color */
  --icon-disabled: var(--light-grey-light-grey-05-40); /* @kind color */
  --icon-ios-accent: var(--blue-blue-30); /* @kind color */
  --icon-oncolor: var(--light-grey-light-grey-05); /* @kind color */
  --icon-primary: var(--light-grey-light-grey-05); /* @kind color */
  --icon-secondary: var(--light-grey-light-grey-40); /* @kind color */
  --info-main-active: var(--palette-dark-info-main-active); /* @kind color */
  --ios-system-systemactionsheetitemback: rgba(37,37,37,0.92); /* @kind color */
  --ios-system-systemactionsheetseparator: rgba(84,84,88,0.65); /* @kind color */
  --ios-system-systemblack: rgb(0,0,0); /* @kind color */
  --ios-system-systemblue: rgb(10,132,255); /* @kind color */
  --ios-system-systemhomeindicator: rgb(255,255,255); /* @kind color */
  --ios-system-systemkeyboardbg: rgb(99,99,99); /* @kind color */
  --ios-system-systemkeyboardkeyprimary: rgb(145,145,145); /* @kind color */
  --ios-system-systemkeyboardkeysecondary: rgb(114,114,114); /* @kind color */
  --ios-system-systemmodallayerback: rgb(87,87,87); /* @kind color */
  --ios-system-systemmodallayerfront: rgba(0,0,0,0.35); /* @kind color */
  --ios-system-systemred: rgb(255,69,58); /* @kind color */
  --ios-system-systemwhite: rgb(255,255,255); /* @kind color */
  --labels-primary-2: rgb(255,255,255); /* @kind color */
  --labels-primary-2: rgb(255,255,255); /* @kind color */
  --labels-primary-2: rgb(255,255,255); /* @kind color */
  --labels-primary-2: rgb(255,255,255); /* @kind color */
  --labels-primary-3: rgb(255,255,255); /* @kind color */
  --labels-primary-3: rgb(255,255,255); /* @kind color */
  --labels-primary-3: rgb(255,255,255); /* @kind color */
  --labels-primary-3: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.6); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.6); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.7); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.7); /* @kind color */
  --labels-tertiary: rgba(235,235,245,0.3); /* @kind color */
  --labels-tertiary: rgba(235,235,245,0.3); /* @kind color */
  --labels-tertiary: rgba(235,235,245,0.55); /* @kind color */
  --labels-tertiary: rgba(235,235,245,0.55); /* @kind color */
  --layer-1: var(--dark-grey-dark-grey-60); /* @kind color */
  --layer-2: var(--dark-grey-dark-grey-30); /* @kind color */
  --layer-3: var(--dark-grey-dark-grey-80); /* @kind color */
  --layer-autofilltext: var(--light-grey-light-grey-05-34); /* @kind color */
  --layer-gradienturlstop1: var(--dark-grey-dark-grey-80); /* @kind color */
  --layer-gradienturlstop2: var(--dark-grey-dark-grey-80-0); /* @kind color */
  --layer-ios-4: var(--dark-grey-dark-grey-20-70); /* @kind color */
  --layer-ios-5: var(--dark-grey-dark-grey-40); /* @kind color */
  --layer-ios-gradientoverlaystop1: var(--light-grey-light-grey-40); /* @kind color */
  --layer-ios-gradientoverlaystop2: var(--light-grey-light-grey-40-0); /* @kind color */
  --layer-ios-selectedtext: var(--blue-blue-40); /* @kind color */
  --layer-ratingd: var(--orange-orange-20); /* @kind color */
  --layer-scrim: var(--dark-grey-dark-grey-90-95); /* @kind color */
  --layer-search: var(--dark-grey-dark-grey-80); /* @kind color */
  --link-main: var(--palette-dark-link-main); /* @kind color */
  --main-purple: rgb(150,102,255); /* @kind color */
  --miscellaneous-kit-section-fill-2: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill-2: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill-2: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill-2: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --mode-2: "Dark";
  --mode-3: "Dark Elevated";
  --mode-3: "Dark";
  --mode-3: "IC - Dark Elevated";
  --mode-3: "IC - Dark";
  --mode: "Dark Elevated";
  --mode: "Dark";
  --mode: "IC - Dark Elevated";
  --mode: "IC - Dark";
  --overlay-contrast: var(--palette-dark-overlay-contrast); /* @kind color */
  --overlay-main: var(--palette-dark-overlay-main); /* @kind color */
  --palette-primary: rgb(255,255,255); /* @kind color */
  --palettes-secondary-60: rgb(143,144,152); /* @kind color */
  --palettes-secondary-60: rgb(143,144,152); /* @kind color */
  --palettes-secondary-60: rgb(143,144,152); /* @kind color */
  --primary-contrast-2: var(--palette-dark-primary-contrast); /* @kind color */
  --primary-contrast-3: var(--palette-dark-primary-contrast); /* @kind color */
  --primary-contrast-4: var(--palette-dark-primary-contrast); /* @kind color */
  --primary-contrast-active: var(--palette-dark-primary-contrast-active); /* @kind color */
  --primary-contrast-hover: var(--palette-dark-primary-contrast-hover); /* @kind color */
  --primary-contrast: var(--palette-dark-primary-contrast); /* @kind color */
  --primary-main-active: var(--palette-dark-primary-main-active); /* @kind color */
  --primary-main-hover: var(--palette-dark-primary-main-hover); /* @kind color */
  --primary-main: var(--palette-dark-primary-main); /* @kind color */
  --schemes-background: rgb(17,19,24); /* @kind color */
  --schemes-background: rgb(17,19,24); /* @kind color */
  --schemes-background: rgb(17,19,24); /* @kind color */
  --schemes-on-primary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-primary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-primary-container: rgb(215,227,255); /* @kind color */
  --schemes-on-primary: rgb(0,0,0); /* @kind color */
  --schemes-on-primary: rgb(27,9,66); /* @kind color */
  --schemes-on-primary: rgb(56,30,114); /* @kind color */
  --schemes-on-secondary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-secondary-container: rgb(0,0,0); /* @kind color */
  --schemes-on-secondary-container: rgb(232,222,248); /* @kind color */
  --schemes-on-surface-2: rgb(230,224,233); /* @kind color */
  --schemes-on-surface-2: rgb(255,249,255); /* @kind color */
  --schemes-on-surface-2: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-variant: rgb(202,196,208); /* @kind color */
  --schemes-on-surface-variant: rgb(206,200,212); /* @kind color */
  --schemes-on-surface-variant: rgb(255,249,255); /* @kind color */
  --schemes-on-surface: rgb(230,224,233); /* @kind color */
  --schemes-on-surface: rgb(255,249,255); /* @kind color */
  --schemes-on-surface: rgb(255,255,255); /* @kind color */
  --schemes-outline: rgb(147,143,153); /* @kind color */
  --schemes-outline: rgb(166,161,171); /* @kind color */
  --schemes-outline: rgb(206,200,212); /* @kind color */
  --schemes-primary: rgb(208,188,254); /* @kind color */
  --schemes-primary: rgb(211,193,255); /* @kind color */
  --schemes-primary: rgb(255,249,255); /* @kind color */
  --schemes-secondary-container: rgb(152,135,197); /* @kind color */
  --schemes-secondary-container: rgb(211,193,255); /* @kind color */
  --schemes-secondary-container: rgb(74,68,88); /* @kind color */
  --schemes-surface-container-highest: rgb(54,52,58); /* @kind color */
  --schemes-surface-container-highest: rgb(54,52,58); /* @kind color */
  --schemes-surface-container-highest: rgb(54,52,59); /* @kind color */
  --secondary-contrast: var(--palette-dark-secondary-contrast); /* @kind color */
  --secondary-main-active: var(--palette-dark-secondary-main-active); /* @kind color */
  --secondary-main-hover: var(--palette-dark-secondary-main-hover); /* @kind color */
  --secondary-main: var(--palette-dark-secondary-main); /* @kind color */
  --shadow-ios-default: var(--dark-grey-dark-grey-80-12); /* @kind color */
  --shadow-ios-strong: var(--dark-grey-dark-grey-80-16); /* @kind color */
  --shadow-ios-subtle: var(--dark-grey-dark-grey-80-10); /* @kind color */
  --spacing-pattern-spacing-gutter-pattern-gutter-xxxl: 64;
  --spacing-universal-spacing-spacer-layout-xxxs: 40;
  --spacing-universal-spacing-spacer-lg: 16;
  --spacing-universal-spacing-spacer-md: 12;
  --spacing-universal-spacing-spacer-sm: 8;
  --spacing-universal-spacing-spacer-xl: 20;
  --spacing-universal-spacing-spacer-xxl: 24;
  --spacing-universal-spacing-spacer-xxs: 4;
  --spacing-universal-spacing-spacer-xxxl: 32;
  --state-layers-on-primary-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(27,9,66,0.08); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(56,30,114,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(0,0,0,0.12); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(27,9,66,0.12); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(56,30,114,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(0,0,0,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(232,222,248,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(0,0,0,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(0,0,0,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(232,222,248,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(230,224,233,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(255,249,255,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(202,196,208,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(206,200,212,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(255,249,255,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(202,196,208,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(206,200,212,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(255,249,255,0.12); /* @kind color */
  --structure-border-high-contrast: var(--palette-dark-structure-border-high-contrast); /* @kind color */
  --structure-border-low-contrast-2: var(--palette-dark-structure-border-low-contrast); /* @kind color */
  --structure-border-low-contrast: var(--palette-dark-structure-border-low-contrast); /* @kind color */
  --structure-divider: var(--palette-dark-structure-divider); /* @kind color */
  --success-contrast-2: var(--palette-dark-success-contrast); /* @kind color */
  --success-contrast-3: var(--palette-dark-success-contrast); /* @kind color */
  --success-contrast: var(--palette-dark-success-contrast); /* @kind color */
  --success-main-2: var(--palette-dark-success-main); /* @kind color */
  --success-main-3: var(--palette-dark-success-main); /* @kind color */
  --success-main: var(--palette-dark-success-main); /* @kind color */
  --surface-emphasis: var(--blue-500); /* @kind color */
  --system-black-2: rgb(0,0,0); /* @kind color */
  --system-black-3: rgb(0,0,0); /* @kind color */
  --system-black-4: rgb(0,0,0); /* @kind color */
  --system-black: rgb(0,0,0); /* @kind color */
  --system-blue-2: rgb(3,133,255); /* @kind color */
  --system-blue: rgb(3,133,255); /* @kind color */
  --system-contrast-2: var(--palette-dark-system-contrast); /* @kind color */
  --system-contrast-3: var(--palette-dark-system-contrast); /* @kind color */
  --system-contrast: var(--palette-dark-system-contrast); /* @kind color */
  --system-main-2: var(--palette-dark-system-main); /* @kind color */
  --system-main-3: var(--palette-dark-system-main); /* @kind color */
  --system-main: var(--palette-dark-system-main); /* @kind color */
  --system-variants-sub-atomic-sub-atomic-variant-border-color: rgb(153,153,153); /* @kind color */
  --system-white-2: rgb(255,255,255); /* @kind color */
  --system-white-3: rgb(255,255,255); /* @kind color */
  --system-white-4: rgb(255,255,255); /* @kind color */
  --system-white: rgb(255,255,255); /* @kind color */
  --tertiary-contrast: var(--palette-dark-tertiary-contrast-active); /* @kind color */
  --tertiary-main-active: var(--palette-dark-tertiary-main-active); /* @kind color */
  --tertiary-main-hover: var(--palette-dark-tertiary-main-hover); /* @kind color */
  --tertiary-main: var(--palette-dark-background-surface); /* @kind color */
  --text-android-oncolorprimary: var(--light-grey-light-grey-05); /* @kind color */
  --text-color: var(--color-gray-05); /* @kind color */
  --text-critical: var(--red-red-20); /* @kind color */
  --text-disabled: var(--light-grey-light-grey-05-40); /* @kind color */
  --text-inverse: var(--gray-700); /* @kind color */
  --text-inverted: var(--dark-grey-dark-grey-90); /* @kind color */
  --text-ios-accent: var(--blue-blue-30); /* @kind color */
  --text-ios-inverted: var(--dark-grey-dark-grey-90); /* @kind color */
  --text-ios-inverteddisabled: var(--dark-grey-dark-grey-90-70); /* @kind color */
  --text-ios-ondark: var(--light-grey-light-grey-05); /* @kind color */
  --text-oncolorprimary: var(--light-grey-light-grey-05); /* @kind color */
  --text-primary: var(--light-grey-light-grey-05); /* @kind color */
  --text-secondary: var(--light-grey-light-grey-40); /* @kind color */
  --themes-brand-theme-cta-label-color: var(--themes-uni-text-primary-white); /* @kind color */
  --themes-brand-theme-primary-2: var(--colors-blue-blue-60); /* @kind color */
  --themes-brand-theme-primary-active: var(--colors-blue-blue-10); /* @kind color */
  --themes-brand-theme-primary-hover: var(--colors-blue-blue-30); /* @kind color */
  --themes-brand-theme-primary: var(--colors-blue-blue-70); /* @kind color */
  --themes-brand-theme-secondary: var(--colors-blue-blue-40); /* @kind color */
  --themes-brand-theme-text-link-active: var(--themes-brand-theme-primary-active); /* @kind color */
  --themes-brand-theme-text-link-hover: var(--themes-brand-theme-primary-hover); /* @kind color */
  --themes-brand-theme-text-link: var(--themes-brand-theme-primary); /* @kind color */
  --themes-containers-page-page-bg-grad-01-01: var(--themes-uni-primary-white); /* @kind color */
  --themes-containers-page-page-bg-grad-01-02: var(--themes-uni-primary-white); /* @kind color */
  --themes-error-theme-error-active: var(--colors-red-red-10); /* @kind color */
  --themes-error-theme-error-hover: var(--colors-red-red-20); /* @kind color */
  --themes-error-theme-error-primary: var(--colors-red-red-30); /* @kind color */
  --themes-neutral-theme-neutral-active-border: var(--colors-dark-grey-dark-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-active-text: var(--colors-dark-grey-dark-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-active: var(--colors-light-grey-light-grey-40); /* @kind color */
  --themes-neutral-theme-neutral-hover-border: var(--colors-light-grey-light-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-hover-text: var(--colors-dark-grey-dark-grey-90); /* @kind color */
  --themes-neutral-theme-neutral-hover: var(--colors-light-grey-light-grey-60); /* @kind color */
  --themes-neutral-theme-neutral-primary-border: var(--colors-light-grey-light-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-primary-text: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-neutral-theme-neutral-primary: var(--colors-light-grey-light-grey-80); /* @kind color */
  --themes-primary-black: rgb(255,255,255); /* @kind color */
  --themes-primary-white: var(--colors-dark-grey-dark-grey-10); /* @kind color */
  --themes-text-primary-white: rgb(0,0,0); /* @kind color */
  --themes-uni-primary-black: rgb(255,255,255); /* @kind color */
  --themes-uni-primary-white: var(--colors-dark-grey-dark-grey-10); /* @kind color */
  --themes-uni-secondary-black: var(--colors-light-grey-light-grey-10); /* @kind color */
  --themes-uni-secondary-white: var(--colors-dark-grey-dark-grey-30); /* @kind color */
  --themes-uni-text-primary-white: rgb(0,0,0); /* @kind color */
  --themes-uni-text-primary: rgb(255,255,255); /* @kind color */
  --themes-uni-text-secondary: var(--colors-light-grey-light-grey-40); /* @kind color */
  --themes-uni-text-tertiary: var(--colors-light-grey-light-grey-10); /* @kind color */
  --typography-font-family-font-primary-body-2: "SF Pro";
  --typography-font-family-font-primary-body: "SF Pro";
  --typography-font-family-font-primary-heading: "SF Pro";
  --typography-font-weight-font-weight-lg: 600;
  --typography-font-weight-font-weight-sm: 400;
  --typography-font-weight-font-weight-xl: 700;
  --typography-letter-spacing-letter-spacing-xs: 1;
  --typography-letter-spacing-letter-spacing-xxs-2: 0.3;
  --typography-letter-spacing-letter-spacing-xxs: -0.3;
  --typography-line-height-line-height-lg: 40;
  --typography-line-height-line-height-md: 30;
  --typography-line-height-line-height-sm: 28;
  --typography-line-height-line-height-xl: 44;
  --typography-line-height-line-height-xs: 24;
  --typography-line-height-line-height-xxs: 22;
  --typography-text-size-body-text-lg: 18;
  --typography-text-size-body-text-md-base: 16;
  --typography-text-size-body-text-sm: 14;
  --typography-text-size-body-text-xl: 22;
  --typography-text-size-body-text-xxl: 28;
  --typography-text-size-body-text-xxxl: 32;
  --typography-text-size-heading-heading-lg: 18;
  --typography-text-size-heading-heading-md: 16;
  --universal-theme-mask-mask-disabled: var(--colors-light-grey-light-grey-90); /* @kind color */
  --violet-50: rgb(139,92,255); /* @kind color */
}

:root[data-mode="paypal"] {
  --palette-dark-accent1-main: rgb(185,239,252); /* @kind color */
  --palette-dark-accent2-contrast: rgb(155,0,33); /* @kind color */
  --palette-dark-accent4-contrast: rgb(36,36,127); /* @kind color */
  --palette-dark-accent4-main: rgb(235,210,255); /* @kind color */
  --palette-dark-alert-contrast: rgb(0,20,53); /* @kind color */
  --palette-dark-alert-main: rgb(243,112,112); /* @kind color */
  --palette-dark-background-alt: rgb(0,11,28); /* @kind color */
  --palette-dark-background-high-contrast: rgb(255,255,255); /* @kind color */
  --palette-dark-background-main: rgb(0,15,40); /* @kind color */
  --palette-dark-background-medium-contrast: rgb(178,183,190); /* @kind color */
  --palette-dark-background-surface: rgb(13,27,51); /* @kind color */
  --palette-dark-error-contrast: rgb(0,20,53); /* @kind color */
  --palette-dark-error-main: rgb(243,112,112); /* @kind color */
  --palette-dark-featured-contrast: rgb(0,48,135); /* @kind color */
  --palette-dark-featured-main-active: rgb(255,232,136); /* @kind color */
  --palette-dark-featured-main-hover: rgb(255,145,0); /* @kind color */
  --palette-dark-featured-main: rgb(255,209,64); /* @kind color */
  --palette-dark-info-main-active: rgb(13,27,51); /* @kind color */
  --palette-dark-link-main: rgb(185,239,252); /* @kind color */
  --palette-dark-overlay-contrast: rgb(255,255,255); /* @kind color */
  --palette-dark-overlay-main: rgba(0,0,0,0.55); /* @kind color */
  --palette-dark-primary-contrast-active: rgb(0,15,40); /* @kind color */
  --palette-dark-primary-contrast-hover: rgb(28,41,64); /* @kind color */
  --palette-dark-primary-contrast: rgb(13,27,51); /* @kind color */
  --palette-dark-primary-main-active: rgb(185,239,252); /* @kind color */
  --palette-dark-primary-main-hover: rgb(0,112,224); /* @kind color */
  --palette-dark-primary-main: rgb(91,187,252); /* @kind color */
  --palette-dark-secondary-contrast: rgb(13,27,51); /* @kind color */
  --palette-dark-secondary-main-active: rgb(0,112,224); /* @kind color */
  --palette-dark-secondary-main-hover: rgb(0,112,224); /* @kind color */
  --palette-dark-secondary-main: rgb(185,239,252); /* @kind color */
  --palette-dark-structure-border-high-contrast: rgb(102,111,126); /* @kind color */
  --palette-dark-structure-border-low-contrast: rgba(255,255,255,0.1); /* @kind color */
  --palette-dark-structure-divider: rgb(28,41,64); /* @kind color */
  --palette-dark-success-contrast-2: rgb(0,20,53); /* @kind color */
  --palette-dark-success-contrast-3: rgb(0,20,53); /* @kind color */
  --palette-dark-success-contrast: rgb(0,20,53); /* @kind color */
  --palette-dark-success-main: rgb(179,218,115); /* @kind color */
  --palette-dark-system-contrast-2: rgb(0,20,53); /* @kind color */
  --palette-dark-system-contrast-3: rgb(0,20,53); /* @kind color */
  --palette-dark-system-contrast: rgb(0,20,53); /* @kind color */
  --palette-dark-system-main: rgb(255,255,255); /* @kind color */
  --palette-dark-tertiary-contrast-active: rgb(91,187,252); /* @kind color */
  --palette-dark-tertiary-main-active: rgb(0,11,28); /* @kind color */
  --palette-dark-tertiary-main-hover: rgb(13,27,51); /* @kind color */
  --palette-light-accent1-main: rgb(0,48,135); /* @kind color */
  --palette-light-accent2-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-accent4-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-accent4-main: rgb(114,82,204); /* @kind color */
  --palette-light-alert-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-alert-main: rgb(196,11,11); /* @kind color */
  --palette-light-background-alt: rgb(241,237,232); /* @kind color */
  --palette-light-background-high-contrast: rgb(0,20,53); /* @kind color */
  --palette-light-background-main: rgb(250,248,245); /* @kind color */
  --palette-light-background-medium-contrast: rgb(84,93,104); /* @kind color */
  --palette-light-background-surface: rgb(255,255,255); /* @kind color */
  --palette-light-error-contrast-2: var(--primary-contrast); /* @kind color */
  --palette-light-error-contrast-3: var(--primary-contrast); /* @kind color */
  --palette-light-error-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-error-main: rgb(196,11,11); /* @kind color */
  --palette-light-featured-contrast-2: rgb(0,48,135); /* @kind color */
  --palette-light-featured-contrast: rgb(0,48,135); /* @kind color */
  --palette-light-featured-main-active: rgb(255,145,0); /* @kind color */
  --palette-light-featured-main-hover: rgb(255,232,136); /* @kind color */
  --palette-light-featured-main: rgb(255,209,64); /* @kind color */
  --palette-light-info-main-active: rgb(241,237,232); /* @kind color */
  --palette-light-link-main: rgb(0,112,224); /* @kind color */
  --palette-light-overlay-contrast: rgb(255,255,255); /* @kind color */
  --palette-light-overlay-main: rgba(0,0,0,0.55); /* @kind color */
  --palette-light-primary-contrast-2: var(--background-main); /* @kind color */
  --palette-light-primary-contrast-3: var(--background-main); /* @kind color */
  --palette-light-primary-contrast-4: var(--background-main); /* @kind color */
  --palette-light-primary-contrast-active: rgb(91,187,252); /* @kind color */
  --palette-light-primary-contrast-hover: rgb(185,239,252); /* @kind color */
  --palette-light-primary-contrast: var(--background-main); /* @kind color */
  --palette-light-primary-main-active: rgb(0,28,100); /* @kind color */
  --palette-light-primary-main-hover: rgb(0,112,224); /* @kind color */
  --palette-light-primary-main: rgb(0,48,135); /* @kind color */
  --palette-light-secondary-contrast: rgb(255,255,255); /* @kind color */
  --palette-light-secondary-main-active: rgb(0,28,100); /* @kind color */
  --palette-light-secondary-main-hover: rgb(0,112,224); /* @kind color */
  --palette-light-secondary-main: rgb(0,112,224); /* @kind color */
  --palette-light-structure-border-high-contrast: rgb(146,148,150); /* @kind color */
  --palette-light-structure-border-low-contrast: rgba(0,0,0,0.1); /* @kind color */
  --palette-light-structure-divider: rgb(241,237,232); /* @kind color */
  --palette-light-success-contrast-2: var(--primary-contrast); /* @kind color */
  --palette-light-success-contrast-3: var(--primary-contrast); /* @kind color */
  --palette-light-success-contrast: var(--primary-contrast); /* @kind color */
  --palette-light-success-main: rgb(15,112,19); /* @kind color */
  --palette-light-system-contrast-2: rgb(255,255,255); /* @kind color */
  --palette-light-system-contrast-3: rgb(255,255,255); /* @kind color */
  --palette-light-system-contrast: rgb(255,255,255); /* @kind color */
  --palette-light-system-main: rgb(0,20,53); /* @kind color */
  --palette-light-tertiary-contrast: rgb(84,93,104); /* @kind color */
  --palette-light-tertiary-main-active: rgb(230,224,217); /* @kind color */
  --palette-light-tertiary-main-hover: rgb(241,237,232); /* @kind color */
  --palette-light-tertiary-main: rgb(250,248,245); /* @kind color */
  --palette-refresh-accent1-main: rgb(0,48,135); /* @kind color */
  --palette-refresh-accent2-contrast: rgb(250,248,245); /* @kind color */
  --palette-refresh-accent4-contrast: rgb(250,248,245); /* @kind color */
  --palette-refresh-accent4-main: rgb(114,82,204); /* @kind color */
  --palette-refresh-alert-contrast: rgb(250,248,245); /* @kind color */
  --palette-refresh-alert-main: rgb(196,11,11); /* @kind color */
  --palette-refresh-background-alt: rgb(241,237,232); /* @kind color */
  --palette-refresh-background-high-contrast: rgb(0,20,53); /* @kind color */
  --palette-refresh-background-main-2: rgb(250,248,245); /* @kind color */
  --palette-refresh-background-main: rgb(250,248,245); /* @kind color */
  --palette-refresh-background-medium-contrast: rgb(84,93,104); /* @kind color */
  --palette-refresh-background-surface: rgb(255,255,255); /* @kind color */
  --palette-refresh-error-contrast: rgb(250,248,245); /* @kind color */
  --palette-refresh-error-main: rgb(196,11,11); /* @kind color */
  --palette-refresh-featured-main-active: rgb(255,145,0); /* @kind color */
  --palette-refresh-featured-main-hover: rgb(255,232,136); /* @kind color */
  --palette-refresh-featured-main: rgb(255,209,64); /* @kind color */
  --palette-refresh-info-main-active: rgb(241,237,232); /* @kind color */
  --palette-refresh-link-main: rgb(0,112,224); /* @kind color */
  --palette-refresh-overlay-contrast: rgb(255,255,255); /* @kind color */
  --palette-refresh-overlay-main: rgba(0,0,0,0.55); /* @kind color */
  --palette-refresh-primary-contrast-active: rgb(91,187,252); /* @kind color */
  --palette-refresh-primary-contrast-hover: rgb(185,239,252); /* @kind color */
  --palette-refresh-primary-contrast: rgb(250,248,245); /* @kind color */
  --palette-refresh-primary-main-active: rgb(0,28,100); /* @kind color */
  --palette-refresh-primary-main-hover: rgb(0,112,224); /* @kind color */
  --palette-refresh-primary-main: rgb(0,48,135); /* @kind color */
  --palette-refresh-secondary-contrast: rgb(255,255,255); /* @kind color */
  --palette-refresh-secondary-main-active: rgb(0,28,100); /* @kind color */
  --palette-refresh-secondary-main-hover: rgb(0,112,224); /* @kind color */
  --palette-refresh-secondary-main: rgb(0,112,224); /* @kind color */
  --palette-refresh-structure-border-high-contrast: rgb(146,148,150); /* @kind color */
  --palette-refresh-structure-border-low-contrast-2: rgba(0,0,0,0.1); /* @kind color */
  --palette-refresh-structure-border-low-contrast: rgba(0,0,0,0.1); /* @kind color */
  --palette-refresh-structure-divider: rgb(241,237,232); /* @kind color */
  --palette-refresh-success-contrast: rgb(250,248,245); /* @kind color */
  --palette-refresh-success-main: rgb(15,112,19); /* @kind color */
  --palette-refresh-system-contrast: rgb(255,255,255); /* @kind color */
  --palette-refresh-system-main: rgb(0,20,53); /* @kind color */
  --palette-refresh-tertiary-contrast: rgb(84,93,104); /* @kind color */
  --palette-refresh-tertiary-main-active: rgb(230,224,217); /* @kind color */
  --palette-refresh-tertiary-main-hover: rgb(241,237,232); /* @kind color */
  --palette-refresh-tertiary-main: rgb(250,248,245); /* @kind color */
}

:root[data-mode="grayscale"] {
  --background-high-contrast: rgb(0,0,0); /* @kind color */
  --background-main: rgb(238,238,238); /* @kind color */
  --error-contrast: rgb(255,255,255); /* @kind color */
  --error-main: rgb(0,0,0); /* @kind color */
  --primary-contrast: rgb(255,255,255); /* @kind color */
  --success-contrast: rgb(255,255,255); /* @kind color */
  --success-main: rgb(0,0,0); /* @kind color */
  --system-contrast: rgb(0,0,0); /* @kind color */
  --system-main: rgb(255,255,255); /* @kind color */
}

:root[data-mode="success"] {
  --contrast-2: var(--success-contrast); /* @kind color */
  --contrast-3: var(--success-contrast); /* @kind color */
  --contrast: var(--success-contrast); /* @kind color */
  --main-2: var(--success-main); /* @kind color */
  --main-3: var(--success-main); /* @kind color */
  --main: var(--success-main); /* @kind color */
}

:root[data-mode="neutral"] {
  --contrast-2: var(--system-contrast); /* @kind color */
  --contrast-3: var(--system-contrast); /* @kind color */
  --contrast: var(--system-contrast); /* @kind color */
  --main-2: var(--system-main); /* @kind color */
  --main-3: var(--system-main); /* @kind color */
  --main: var(--system-main); /* @kind color */
}

:root[data-mode="refresh"] {
  --accent1-main: var(--palette-refresh-accent1-main); /* @kind color */
  --accent2-contrast: var(--palette-refresh-accent2-contrast); /* @kind color */
  --accent4-contrast: var(--palette-refresh-accent4-contrast); /* @kind color */
  --accent4-main: var(--palette-refresh-accent4-main); /* @kind color */
  --alert-contrast: var(--palette-refresh-error-contrast); /* @kind color */
  --alert-main: var(--palette-refresh-error-main); /* @kind color */
  --background-alt: var(--palette-refresh-background-alt); /* @kind color */
  --background-contrast-high: var(--palette-refresh-background-high-contrast); /* @kind color */
  --background-contrast-medium: var(--palette-refresh-background-medium-contrast); /* @kind color */
  --background-main-2: var(--palette-refresh-background-main); /* @kind color */
  --background-main-3: var(--palette-refresh-background-main); /* @kind color */
  --background-surface: var(--palette-refresh-background-surface); /* @kind color */
  --error-contrast-2: var(--palette-refresh-error-contrast); /* @kind color */
  --error-main-2: var(--palette-refresh-error-main); /* @kind color */
  --featured-contrast-2: var(--palette-refresh-primary-contrast); /* @kind color */
  --featured-contrast: var(--palette-refresh-primary-contrast); /* @kind color */
  --featured-main-active: var(--palette-refresh-featured-main-active); /* @kind color */
  --featured-main-hover: var(--palette-refresh-featured-main-hover); /* @kind color */
  --featured-main: var(--palette-refresh-featured-main); /* @kind color */
  --info-main-active: var(--palette-refresh-info-main-active); /* @kind color */
  --link-main: var(--palette-refresh-link-main); /* @kind color */
  --overlay-contrast: var(--palette-refresh-overlay-contrast); /* @kind color */
  --overlay-main: var(--palette-refresh-overlay-main); /* @kind color */
  --primary-contrast-2: var(--palette-refresh-primary-contrast); /* @kind color */
  --primary-contrast-3: var(--palette-refresh-primary-contrast); /* @kind color */
  --primary-contrast-active: var(--palette-refresh-primary-contrast-active); /* @kind color */
  --primary-contrast-hover: var(--palette-refresh-primary-contrast-hover); /* @kind color */
  --primary-main-active: var(--palette-refresh-primary-main-active); /* @kind color */
  --primary-main-hover: var(--palette-refresh-primary-main-hover); /* @kind color */
  --primary-main: var(--palette-refresh-primary-main); /* @kind color */
  --secondary-contrast: var(--palette-refresh-secondary-contrast); /* @kind color */
  --secondary-main-active: var(--palette-refresh-secondary-main-active); /* @kind color */
  --secondary-main-hover: var(--palette-refresh-secondary-main-hover); /* @kind color */
  --secondary-main: var(--palette-refresh-secondary-main); /* @kind color */
  --structure-border-high-contrast: var(--palette-refresh-structure-border-high-contrast); /* @kind color */
  --structure-border-low-contrast-2: var(--palette-refresh-structure-border-low-contrast); /* @kind color */
  --structure-border-low-contrast: var(--palette-refresh-structure-border-low-contrast); /* @kind color */
  --structure-divider: var(--palette-refresh-structure-divider); /* @kind color */
  --success-contrast-2: var(--palette-refresh-success-contrast); /* @kind color */
  --success-main-2: var(--palette-refresh-success-main); /* @kind color */
  --system-contrast-2: var(--palette-refresh-system-contrast); /* @kind color */
  --system-main-2: var(--palette-refresh-system-main); /* @kind color */
  --tertiary-contrast: var(--palette-refresh-tertiary-contrast); /* @kind color */
  --tertiary-main-active: var(--palette-refresh-tertiary-main-active); /* @kind color */
  --tertiary-main-hover: var(--palette-refresh-tertiary-main-hover); /* @kind color */
  --tertiary-main: var(--palette-refresh-tertiary-main); /* @kind color */
}

:root[data-mode="2"] {
  --entrypoint-cta: "Go Anywhere";
  --entrypoint-heading: "Earn up to 5% cash back*";
  --productname: "VenmoAnywhere™";
}

:root[data-mode="3"] {
  --entrypoint-cta: "Get a Venmo Card";
  --entrypoint-heading: "Take your balance more places";
  --productname: "Venmo Card";
}

:root[data-mode="private"] {
  --action-android-indicatoractive: var(--light-grey-light-grey-90); /* @kind color */
  --action-android-indicatorinactive: var(--dark-grey-dark-grey-05); /* @kind color */
  --action-android-tertiary: var(--dark-grey-dark-grey-10); /* @kind color */
  --action-info: var(--blue-blue-60); /* @kind color */
  --action-ios-formknob: var(--black-white-white); /* @kind color */
  --action-ios-formsurfaceoff: var(--dark-grey-dark-grey-05); /* @kind color */
  --action-ios-primary: var(--blue-blue-30); /* @kind color */
  --action-ios-primarydisabled: var(--blue-blue-30-50); /* @kind color */
  --action-ios-primaryhover: var(--blue-blue-20); /* @kind color */
  --action-ios-secondaryhover: var(--light-grey-light-grey-90); /* @kind color */
  --action-secondary: var(--dark-grey-dark-grey-05); /* @kind color */
  --action-secondarydisabled: var(--dark-grey-dark-grey-05-50); /* @kind color */
  --border-ios-borderradiobuttondefault: var(--light-grey-light-grey-80); /* @kind color */
  --border-primary: var(--ink-ink-05); /* @kind color */
  --border-secondary: var(--ink-ink-10); /* @kind color */
  --icon-accentblue: var(--blue-blue-30); /* @kind color */
  --icon-critical: var(--red-red-20); /* @kind color */
  --icon-disabled: var(--light-grey-light-grey-05-40); /* @kind color */
  --icon-ios-accent: var(--blue-blue-30); /* @kind color */
  --icon-oncolor: var(--light-grey-light-grey-05); /* @kind color */
  --icon-primary: var(--light-grey-light-grey-05); /* @kind color */
  --icon-secondary: var(--light-grey-light-grey-40); /* @kind color */
  --ios-system-systemactionsheetitemback: rgba(37,37,37,0.92); /* @kind color */
  --ios-system-systemactionsheetseparator: rgba(84,84,88,0.65); /* @kind color */
  --ios-system-systemblack: rgb(0,0,0); /* @kind color */
  --ios-system-systemblue: rgb(10,132,255); /* @kind color */
  --ios-system-systemhomeindicator: rgb(255,255,255); /* @kind color */
  --ios-system-systemkeyboardbg: rgb(99,99,99); /* @kind color */
  --ios-system-systemkeyboardkeyprimary: rgb(145,145,145); /* @kind color */
  --ios-system-systemkeyboardkeysecondary: rgb(114,114,114); /* @kind color */
  --ios-system-systemmodallayerback: rgb(87,87,87); /* @kind color */
  --ios-system-systemmodallayerfront: rgba(0,0,0,0.35); /* @kind color */
  --ios-system-systemred: rgb(255,69,58); /* @kind color */
  --ios-system-systemwhite: rgb(255,255,255); /* @kind color */
  --layer-1: var(--violet-violet-90); /* @kind color */
  --layer-2: var(--violet-violet-90); /* @kind color */
  --layer-3: var(--ink-ink-90); /* @kind color */
  --layer-autofilltext: var(--violet-violet-60); /* @kind color */
  --layer-gradienturlstop1: var(--ink-ink-90); /* @kind color */
  --layer-gradienturlstop2: var(--ink-ink-90-0); /* @kind color */
  --layer-ios-4: var(--dark-grey-dark-grey-20-70); /* @kind color */
  --layer-ios-5: var(--ink-ink-20); /* @kind color */
  --layer-ios-gradientoverlaystop1: var(--light-grey-light-grey-40); /* @kind color */
  --layer-ios-gradientoverlaystop2: var(--light-grey-light-grey-40-0); /* @kind color */
  --layer-ios-selectedtext: var(--blue-blue-40); /* @kind color */
  --layer-ratingd: var(--orange-orange-20); /* @kind color */
  --layer-scrim: var(--dark-grey-dark-grey-90-95); /* @kind color */
  --layer-search: var(--ink-ink-90); /* @kind color */
  --shadow-ios-default: var(--dark-grey-dark-grey-80-12); /* @kind color */
  --shadow-ios-strong: var(--dark-grey-dark-grey-80-16); /* @kind color */
  --shadow-ios-subtle: var(--dark-grey-dark-grey-80-10); /* @kind color */
  --text-android-oncolorprimary: var(--light-grey-light-grey-05); /* @kind color */
  --text-critical: var(--red-red-20); /* @kind color */
  --text-disabled: var(--light-grey-light-grey-05-40); /* @kind color */
  --text-inverted: var(--dark-grey-dark-grey-90); /* @kind color */
  --text-ios-accent: var(--blue-blue-30); /* @kind color */
  --text-ios-inverted: var(--dark-grey-dark-grey-90); /* @kind color */
  --text-ios-inverteddisabled: var(--dark-grey-dark-grey-90-70); /* @kind color */
  --text-ios-ondark: var(--light-grey-light-grey-05); /* @kind color */
  --text-oncolorprimary: var(--light-grey-light-grey-05); /* @kind color */
  --text-primary: var(--light-grey-light-grey-05); /* @kind color */
  --text-secondary: var(--light-grey-light-grey-40); /* @kind color */
}

:root[data-theme="light"], .light {
  --backgrounds-primary-2: rgb(255,255,255); /* @kind color */
  --backgrounds-primary: rgb(255,255,255); /* @kind color */
  --colors-blue-2: rgb(0,64,221); /* @kind color */
  --colors-blue: rgb(0,64,221); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --labels-primary-2: rgb(0,0,0); /* @kind color */
  --labels-primary-3: rgb(0,0,0); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --labels-secondary: rgba(60,60,67,0.8); /* @kind color */
  --labels-tertiary: rgba(60,60,67,0.7); /* @kind color */
  --miscellaneous-kit-section-fill-2: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --mode-3: "IC - Light";
  --mode: "IC - Light";
  --palettes-secondary-60: rgb(143,144,152); /* @kind color */
  --palettes-secondary-60: rgb(143,144,152); /* @kind color */
  --schemes-background: rgb(249,249,255); /* @kind color */
  --schemes-background: rgb(249,249,255); /* @kind color */
  --schemes-on-primary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-primary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(255,255,255); /* @kind color */
  --schemes-on-surface-2: rgb(0,0,0); /* @kind color */
  --schemes-on-surface-2: rgb(29,27,32); /* @kind color */
  --schemes-on-surface-variant: rgb(37,35,43); /* @kind color */
  --schemes-on-surface-variant: rgb(69,65,74); /* @kind color */
  --schemes-on-surface: rgb(0,0,0); /* @kind color */
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
  --schemes-outline: rgb(69,65,74); /* @kind color */
  --schemes-outline: rgb(97,93,103); /* @kind color */
  --schemes-primary: rgb(39,23,78); /* @kind color */
  --schemes-primary: rgb(73,57,113); /* @kind color */
  --schemes-secondary-container: rgb(124,107,167); /* @kind color */
  --schemes-secondary-container: rgb(73,57,113); /* @kind color */
  --schemes-surface-container-highest: rgb(230,224,233); /* @kind color */
  --schemes-surface-container-highest: rgb(230,224,233); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(0,0,0,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(29,27,32,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(37,35,43,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(69,65,74,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(37,35,43,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(69,65,74,0.12); /* @kind color */
}

:root[data-mode="hcm"] {
  --background-color-box: var(--background-color-canvas); /* @kind color */
  --background-color-canvas: var(--canvas); /* @kind color */
  --background-color-critical: var(--canvas); /* @kind color */
  --background-color-information: var(--canvas); /* @kind color */
  --background-color-success: var(--canvas); /* @kind color */
  --background-color-toolbar: var(--canvas); /* @kind color */
  --button-text-color-primary: var(--buttonface); /* @kind color */
  --text-color: var(--canvastext); /* @kind color */
}

:root[data-mode="monochrome-lt"] {
  --schemes-on-primary: rgb(226,226,226); /* @kind color */
  --schemes-on-secondary-container: rgb(27,27,27); /* @kind color */
  --schemes-on-surface-2: rgb(27,27,27); /* @kind color */
  --schemes-on-surface-variant: rgb(71,71,71); /* @kind color */
  --schemes-on-surface: rgb(27,27,27); /* @kind color */
  --schemes-outline: rgb(119,119,119); /* @kind color */
  --schemes-primary: rgb(0,0,0); /* @kind color */
  --schemes-secondary-container: rgb(212,212,212); /* @kind color */
  --schemes-surface-container-highest: rgb(226,226,226); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(226,226,226,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(226,226,226,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(27,27,27,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(27,27,27,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(27,27,27,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(71,71,71,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(71,71,71,0.12); /* @kind color */
}

:root[data-mode="monochrome-dt"] {
  --schemes-on-primary: rgb(26,28,28); /* @kind color */
  --schemes-on-secondary-container: rgb(226,226,226); /* @kind color */
  --schemes-on-surface-2: rgb(226,226,226); /* @kind color */
  --schemes-on-surface-variant: rgb(198,198,198); /* @kind color */
  --schemes-on-surface: rgb(226,226,226); /* @kind color */
  --schemes-outline: rgb(145,145,145); /* @kind color */
  --schemes-primary: rgb(255,255,255); /* @kind color */
  --schemes-secondary-container: rgb(71,71,71); /* @kind color */
  --schemes-surface-container-highest: rgb(53,53,53); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(26,28,28,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(26,28,28,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(226,226,226,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(226,226,226,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(226,226,226,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(198,198,198,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(198,198,198,0.12); /* @kind color */
}

:root[data-mode="pink-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(89,63,75); /* @kind color */
  --schemes-on-surface-2: rgb(33,25,28); /* @kind color */
  --schemes-on-surface-variant: rgb(80,67,72); /* @kind color */
  --schemes-on-surface: rgb(33,25,28); /* @kind color */
  --schemes-outline: rgb(130,115,120); /* @kind color */
  --schemes-primary: rgb(138,75,104); /* @kind color */
  --schemes-secondary-container: rgb(251,214,227); /* @kind color */
  --schemes-surface-container-highest: rgb(238,223,227); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(89,63,75,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(89,63,75,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(33,25,28,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(80,67,72,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(80,67,72,0.12); /* @kind color */
}

:root[data-mode="pink-dt"] {
  --schemes-on-primary: rgb(83,29,57); /* @kind color */
  --schemes-on-secondary-container: rgb(254,217,230); /* @kind color */
  --schemes-on-surface-2: rgb(238,223,227); /* @kind color */
  --schemes-on-surface-variant: rgb(212,194,199); /* @kind color */
  --schemes-on-surface: rgb(238,223,227); /* @kind color */
  --schemes-outline: rgb(157,140,146); /* @kind color */
  --schemes-primary: rgb(254,176,209); /* @kind color */
  --schemes-secondary-container: rgb(89,64,74); /* @kind color */
  --schemes-surface-container-highest: rgb(59,50,53); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(83,29,57,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(83,29,57,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(254,217,230,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(254,217,230,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(238,223,227,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(212,194,199,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(212,194,199,0.12); /* @kind color */
}

:root[data-mode="rose-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(92,63,67); /* @kind color */
  --schemes-on-surface-2: rgb(34,25,26); /* @kind color */
  --schemes-on-surface-variant: rgb(82,67,69); /* @kind color */
  --schemes-on-surface: rgb(34,25,26); /* @kind color */
  --schemes-outline: rgb(132,115,116); /* @kind color */
  --schemes-primary: rgb(143,74,86); /* @kind color */
  --schemes-secondary-container: rgb(255,213,218); /* @kind color */
  --schemes-surface-container-highest: rgb(240,222,223); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(92,63,67,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(92,63,67,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(34,25,26,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(82,67,69,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(82,67,69,0.12); /* @kind color */
}

:root[data-mode="rose-dt"] {
  --schemes-on-primary: rgb(86,29,41); /* @kind color */
  --schemes-on-secondary-container: rgb(255,217,221); /* @kind color */
  --schemes-on-surface-2: rgb(240,222,223); /* @kind color */
  --schemes-on-surface-variant: rgb(215,194,195); /* @kind color */
  --schemes-on-surface: rgb(240,222,223); /* @kind color */
  --schemes-outline: rgb(159,140,142); /* @kind color */
  --schemes-primary: rgb(255,178,189); /* @kind color */
  --schemes-secondary-container: rgb(92,63,67); /* @kind color */
  --schemes-surface-container-highest: rgb(61,50,51); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(86,29,41,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(86,29,41,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,217,221,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(255,217,221,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(240,222,223,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(215,194,195,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(215,194,195,0.12); /* @kind color */
}

:root[data-mode="red-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(93,63,59); /* @kind color */
  --schemes-on-surface-2: rgb(35,25,24); /* @kind color */
  --schemes-on-surface-variant: rgb(83,67,65); /* @kind color */
  --schemes-on-surface: rgb(35,25,24); /* @kind color */
  --schemes-outline: rgb(133,115,112); /* @kind color */
  --schemes-primary: rgb(145,75,67); /* @kind color */
  --schemes-secondary-container: rgb(255,211,205); /* @kind color */
  --schemes-surface-container-highest: rgb(241,222,220); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(93,63,59,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(93,63,59,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(35,25,24,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(83,67,65,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(83,67,65,0.12); /* @kind color */
}

:root[data-mode="red-dt"] {
  --schemes-on-primary: rgb(86,30,24); /* @kind color */
  --schemes-on-secondary-container: rgb(255,218,213); /* @kind color */
  --schemes-on-surface-2: rgb(241,222,220); /* @kind color */
  --schemes-on-surface-variant: rgb(216,194,190); /* @kind color */
  --schemes-on-surface: rgb(241,222,220); /* @kind color */
  --schemes-outline: rgb(160,140,138); /* @kind color */
  --schemes-primary: rgb(255,167,155); /* @kind color */
  --schemes-secondary-container: rgb(93,63,59); /* @kind color */
  --schemes-surface-container-highest: rgb(61,50,49); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(86,30,24,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(86,30,24,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,218,213,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(255,218,213,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(241,222,220,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(216,194,190,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(216,194,190,0.12); /* @kind color */
}

:root[data-mode="orange-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(92,65,49); /* @kind color */
  --schemes-on-surface-2: rgb(34,26,21); /* @kind color */
  --schemes-on-surface-variant: rgb(82,68,60); /* @kind color */
  --schemes-on-surface: rgb(34,26,21); /* @kind color */
  --schemes-outline: rgb(133,116,107); /* @kind color */
  --schemes-primary: rgb(141,79,40); /* @kind color */
  --schemes-secondary-container: rgb(253,213,191); /* @kind color */
  --schemes-surface-container-highest: rgb(240,223,215); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(92,65,49,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(92,65,49,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(34,26,21,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(82,68,60,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(82,68,60,0.12); /* @kind color */
}

:root[data-mode="orange-dt"] {
  --schemes-on-primary: rgb(83,34,0); /* @kind color */
  --schemes-on-secondary-container: rgb(255,219,201); /* @kind color */
  --schemes-on-surface-2: rgb(240,223,215); /* @kind color */
  --schemes-on-surface-variant: rgb(215,194,184); /* @kind color */
  --schemes-on-surface: rgb(240,223,215); /* @kind color */
  --schemes-outline: rgb(127,118,103); /* @kind color */
  --schemes-primary: rgb(255,182,140); /* @kind color */
  --schemes-secondary-container: rgb(92,65,49); /* @kind color */
  --schemes-surface-container-highest: rgb(61,51,45); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(83,34,0,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(83,34,0,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(255,219,201,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(255,219,201,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(240,223,215,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(215,194,184,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(215,194,184,0.12); /* @kind color */
}

:root[data-mode="yellow-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(82,69,42); /* @kind color */
  --schemes-on-surface-2: rgb(31,27,19); /* @kind color */
  --schemes-on-surface-variant: rgb(77,70,57); /* @kind color */
  --schemes-on-surface: rgb(31,27,19); /* @kind color */
  --schemes-outline: rgb(127,118,103); /* @kind color */
  --schemes-primary: rgb(121,90,12); /* @kind color */
  --schemes-secondary-container: rgb(242,221,184); /* @kind color */
  --schemes-surface-container-highest: rgb(235,225,212); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(82,69,42,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(82,69,42,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(31,27,19,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(77,70,57,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(77,70,57,0.12); /* @kind color */
}

:root[data-mode="yellow-dt"] {
  --schemes-on-primary: rgb(63,46,0); /* @kind color */
  --schemes-on-secondary-container: rgb(245,224,187); /* @kind color */
  --schemes-on-surface-2: rgb(235,225,212); /* @kind color */
  --schemes-on-surface-variant: rgb(208,197,180); /* @kind color */
  --schemes-on-surface: rgb(235,225,212); /* @kind color */
  --schemes-outline: rgb(153,144,128); /* @kind color */
  --schemes-primary: rgb(233,193,108); /* @kind color */
  --schemes-secondary-container: rgb(82,69,42); /* @kind color */
  --schemes-surface-container-highest: rgb(57,52,43); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(63,46,0,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(63,46,0,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(245,224,187,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(245,224,187,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(235,225,212,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(208,197,180,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(208,197,180,0.12); /* @kind color */
}

:root[data-mode="chartreuse-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(70,73,47); /* @kind color */
  --schemes-on-surface-2: rgb(27,28,20); /* @kind color */
  --schemes-on-surface-variant: rgb(71,72,59); /* @kind color */
  --schemes-on-surface: rgb(27,28,20); /* @kind color */
  --schemes-outline: rgb(120,120,106); /* @kind color */
  --schemes-primary: rgb(92,100,30); /* @kind color */
  --schemes-secondary-container: rgb(227,229,193); /* @kind color */
  --schemes-surface-container-highest: rgb(229,227,214); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(70,73,47,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(70,73,47,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(27,28,20,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(71,72,59,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(71,72,59,0.12); /* @kind color */
}

:root[data-mode="chartreuse-dt"] {
  --schemes-on-primary: rgb(45,52,0); /* @kind color */
  --schemes-on-secondary-container: rgb(227,229,194); /* @kind color */
  --schemes-on-surface-2: rgb(229,227,214); /* @kind color */
  --schemes-on-surface-variant: rgb(200,199,183); /* @kind color */
  --schemes-on-surface: rgb(229,227,214); /* @kind color */
  --schemes-outline: rgb(145,146,130); /* @kind color */
  --schemes-primary: rgb(195,205,124); /* @kind color */
  --schemes-secondary-container: rgb(70,73,47); /* @kind color */
  --schemes-surface-container-highest: rgb(53,53,45); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(45,52,0,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(45,52,0,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(227,229,194,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(227,229,194,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(229,227,214,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(200,199,183,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(200,199,183,0.12); /* @kind color */
}

:root[data-mode="green-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(58,75,58); /* @kind color */
  --schemes-on-surface-2: rgb(24,29,24); /* @kind color */
  --schemes-on-surface-variant: rgb(66,73,64); /* @kind color */
  --schemes-on-surface: rgb(24,29,24); /* @kind color */
  --schemes-outline: rgb(113,121,112); /* @kind color */
  --schemes-primary: rgb(55,106,62); /* @kind color */
  --schemes-secondary-container: rgb(209,229,206); /* @kind color */
  --schemes-surface-container-highest: rgb(224,228,219); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(58,75,58,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(58,75,58,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(24,29,24,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(66,73,64,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(66,73,64,0.12); /* @kind color */
}

:root[data-mode="green-dt"] {
  --schemes-on-primary: rgb(0,57,19); /* @kind color */
  --schemes-on-secondary-container: rgb(212,232,209); /* @kind color */
  --schemes-on-surface-2: rgb(224,228,219); /* @kind color */
  --schemes-on-surface-variant: rgb(193,201,190); /* @kind color */
  --schemes-on-surface: rgb(224,228,219); /* @kind color */
  --schemes-outline: rgb(145,146,130); /* @kind color */
  --schemes-primary: rgb(156,212,159); /* @kind color */
  --schemes-secondary-container: rgb(58,75,58); /* @kind color */
  --schemes-surface-container-highest: rgb(49,54,48); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(0,57,19,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(0,57,19,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(212,232,209,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(212,232,209,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(224,228,219,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(193,201,190,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(193,201,190,0.12); /* @kind color */
}

:root[data-mode="teal-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(51,75,71); /* @kind color */
  --schemes-on-surface-2: rgb(23,29,27); /* @kind color */
  --schemes-on-surface-variant: rgb(63,73,70); /* @kind color */
  --schemes-on-surface: rgb(23,29,27); /* @kind color */
  --schemes-outline: rgb(111,121,118); /* @kind color */
  --schemes-primary: rgb(0,107,96); /* @kind color */
  --schemes-secondary-container: rgb(202,230,223); /* @kind color */
  --schemes-surface-container-highest: rgb(221,228,225); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(51,75,71,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(51,75,71,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(23,29,27,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(63,73,70,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(63,73,70,0.12); /* @kind color */
}

:root[data-mode="teal-dt"] {
  --schemes-on-primary: rgb(0,55,49); /* @kind color */
  --schemes-on-secondary-container: rgb(204,232,226); /* @kind color */
  --schemes-on-surface-2: rgb(221,228,225); /* @kind color */
  --schemes-on-surface-variant: rgb(190,201,197); /* @kind color */
  --schemes-on-surface: rgb(221,228,225); /* @kind color */
  --schemes-outline: rgb(136,147,143); /* @kind color */
  --schemes-primary: rgb(130,213,199); /* @kind color */
  --schemes-secondary-container: rgb(51,75,71); /* @kind color */
  --schemes-surface-container-highest: rgb(48,54,52); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(0,55,49,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(0,55,49,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(204,232,226,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(204,232,226,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(221,228,225,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(190,201,197,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(190,201,197,0.12); /* @kind color */
}

:root[data-mode="cyan-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(52,74,82); /* @kind color */
  --schemes-on-surface-2: rgb(23,28,30); /* @kind color */
  --schemes-on-surface-variant: rgb(64,72,75); /* @kind color */
  --schemes-on-surface: rgb(23,28,30); /* @kind color */
  --schemes-outline: rgb(112,120,124); /* @kind color */
  --schemes-primary: rgb(1,104,125); /* @kind color */
  --schemes-secondary-container: rgb(206,231,240); /* @kind color */
  --schemes-surface-container-highest: rgb(222,227,230); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(52,74,82,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(52,74,82,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(23,28,30,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(64,72,75,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(64,72,75,0.12); /* @kind color */
}

:root[data-mode="cyan-dt"] {
  --schemes-on-primary: rgb(0,54,66); /* @kind color */
  --schemes-on-secondary-container: rgb(206,230,240); /* @kind color */
  --schemes-on-surface-2: rgb(222,227,230); /* @kind color */
  --schemes-on-surface-variant: rgb(191,200,204); /* @kind color */
  --schemes-on-surface: rgb(222,227,230); /* @kind color */
  --schemes-outline: rgb(138,146,149); /* @kind color */
  --schemes-primary: rgb(134,209,234); /* @kind color */
  --schemes-secondary-container: rgb(52,74,82); /* @kind color */
  --schemes-surface-container-highest: rgb(48,54,56); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(0,54,66,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(0,54,66,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(206,230,240,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(206,230,240,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(222,227,230,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(191,200,204,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(191,200,204,0.12); /* @kind color */
}

:root[data-mode="blue-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(64,70,89); /* @kind color */
  --schemes-on-surface-2: rgb(26,27,33); /* @kind color */
  --schemes-on-surface-variant: rgb(68,70,79); /* @kind color */
  --schemes-on-surface: rgb(26,27,33); /* @kind color */
  --schemes-outline: rgb(117,119,128); /* @kind color */
  --schemes-primary: rgb(72,94,146); /* @kind color */
  --schemes-secondary-container: rgb(217,223,246); /* @kind color */
  --schemes-surface-container-highest: rgb(226,226,233); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(64,70,89,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(64,70,89,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(26,27,33,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(68,70,79,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(68,70,79,0.12); /* @kind color */
}

:root[data-mode="blue-dt"] {
  --schemes-on-primary: rgb(21,46,96); /* @kind color */
  --schemes-on-secondary-container: rgb(220,226,249); /* @kind color */
  --schemes-on-surface-2: rgb(226,226,233); /* @kind color */
  --schemes-on-surface-variant: rgb(197,198,208); /* @kind color */
  --schemes-on-surface: rgb(226,226,233); /* @kind color */
  --schemes-outline: rgb(143,144,154); /* @kind color */
  --schemes-primary: rgb(176,198,255); /* @kind color */
  --schemes-secondary-container: rgb(64,70,89); /* @kind color */
  --schemes-surface-container-highest: rgb(51,52,58); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(21,46,96,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(21,46,96,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(220,226,249,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(220,226,249,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(226,226,233,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(197,198,208,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(197,198,208,0.12); /* @kind color */
}

:root[data-mode="indigo-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(69,69,89); /* @kind color */
  --schemes-on-surface-2: rgb(28,27,33); /* @kind color */
  --schemes-on-surface-variant: rgb(71,70,79); /* @kind color */
  --schemes-on-surface: rgb(28,27,33); /* @kind color */
  --schemes-outline: rgb(120,118,128); /* @kind color */
  --schemes-primary: rgb(91,89,146); /* @kind color */
  --schemes-secondary-container: rgb(224,221,246); /* @kind color */
  --schemes-surface-container-highest: rgb(229,225,233); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(69,69,89,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(69,69,89,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(28,27,33,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(71,70,79,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(71,70,79,0.12); /* @kind color */
}

:root[data-mode="indigo-dt"] {
  --schemes-on-primary: rgb(45,41,96); /* @kind color */
  --schemes-on-secondary-container: rgb(228,223,249); /* @kind color */
  --schemes-on-surface-2: rgb(229,225,233); /* @kind color */
  --schemes-on-surface-variant: rgb(200,197,208); /* @kind color */
  --schemes-on-surface: rgb(229,225,233); /* @kind color */
  --schemes-outline: rgb(145,143,154); /* @kind color */
  --schemes-primary: rgb(197,192,255); /* @kind color */
  --schemes-secondary-container: rgb(70,69,89); /* @kind color */
  --schemes-surface-container-highest: rgb(53,52,58); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(45,41,96,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(45,41,96,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(228,223,249,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(228,223,249,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(229,225,233,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(200,197,208,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(200,197,208,0.12); /* @kind color */
}

:root[data-mode="purple-lt"] {
  --schemes-on-primary: rgb(255,255,255); /* @kind color */
  --schemes-on-secondary-container: rgb(76,67,87); /* @kind color */
  --schemes-on-surface-2: rgb(29,26,32); /* @kind color */
  --schemes-on-surface-variant: rgb(74,69,78); /* @kind color */
  --schemes-on-surface: rgb(29,26,32); /* @kind color */
  --schemes-outline: rgb(122,117,127); /* @kind color */
  --schemes-primary: rgb(107,84,141); /* @kind color */
  --schemes-secondary-container: rgb(235,221,247); /* @kind color */
  --schemes-surface-container-highest: rgb(231,224,232); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(76,67,87,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(76,67,87,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(29,26,32,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(74,69,78,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(74,69,78,0.12); /* @kind color */
}

:root[data-mode="purple-dt"] {
  --schemes-on-primary: rgb(59,37,90); /* @kind color */
  --schemes-on-secondary-container: rgb(235,221,247); /* @kind color */
  --schemes-on-surface-2: rgb(231,224,232); /* @kind color */
  --schemes-on-surface-variant: rgb(203,196,207); /* @kind color */
  --schemes-on-surface: rgb(231,224,232); /* @kind color */
  --schemes-outline: rgb(149,142,153); /* @kind color */
  --schemes-primary: rgb(214,187,251); /* @kind color */
  --schemes-secondary-container: rgb(76,67,87); /* @kind color */
  --schemes-surface-container-highest: rgb(55,51,58); /* @kind color */
  --state-layers-on-primary-opacity-08: rgba(59,37,90,0.08); /* @kind color */
  --state-layers-on-primary-opacity-12: rgba(59,37,90,0.12); /* @kind color */
  --state-layers-on-secondary-container-opacity-08: rgba(235,221,247,0.08); /* @kind color */
  --state-layers-on-secondary-container-opacity-12: rgba(235,221,247,0.12); /* @kind color */
  --state-layers-on-surface-opacity-12: rgba(231,224,232,0.12); /* @kind color */
  --state-layers-on-surface-variant-opacity-08: rgba(203,196,207,0.08); /* @kind color */
  --state-layers-on-surface-variant-opacity-12: rgba(203,196,207,0.12); /* @kind color */
}

:root[data-mode="monitor"] {
  --auto-selection-auto-brand-2: "Monitor";
  --auto-selection-auto-brand: "Monitor";
  --auto-selection-string-browser-tab: "Mozilla Monitor Account";
  --auto-selection-string-browser-url: "https://monitor.mozilla.org/";
  --border-border-radius-lg: 16;
  --border-border-radius-md: 8;
  --border-border-radius-sm: 6;
  --border-border-radius-xs: 4;
  --border-stroke-color-divider: var(--colors-light-grey-light-grey-30); /* @kind color */
  --border-stroke-color-primary: var(--colors-light-grey-light-grey-50); /* @kind color */
  --border-stroke-color-secondary: var(--colors-light-grey-light-grey-60); /* @kind color */
  --border-stroke-xs: 2;
  --border-stroke-xxs-2: 1;
  --border-stroke-xxs: 1;
  --colors-blue-blue-10: rgb(128,235,255); /* @kind color */
  --colors-blue-blue-30: rgb(0,179,244); /* @kind color */
  --colors-blue-blue-40: rgb(0,144,237); /* @kind color */
  --colors-blue-blue-50-2: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-50: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-60-2: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-60: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-70: rgb(5,64,150); /* @kind color */
  --colors-blue-blue-80: rgb(7,48,114); /* @kind color */
  --colors-dark-grey-dark-grey-05-2: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-05: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-10-2: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-10: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-30: rgb(66,65,77); /* @kind color */
  --colors-dark-grey-dark-grey-40: rgb(58,57,68); /* @kind color */
  --colors-dark-grey-dark-grey-50: rgb(50,49,60); /* @kind color */
  --colors-dark-grey-dark-grey-70: rgb(35,34,43); /* @kind color */
  --colors-dark-grey-dark-grey-80: rgb(28,27,34); /* @kind color */
  --colors-dark-grey-dark-grey-90: rgb(21,20,26); /* @kind color */
  --colors-light-grey-light-grey-05-2: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-05: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-10: rgb(249,249,251); /* @kind color */
  --colors-light-grey-light-grey-20-2: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-20: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-30-2: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-30: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-40-2: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-40: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-50-2: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-50: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-60-2: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-60: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-70: rgb(159,159,173); /* @kind color */
  --colors-light-grey-light-grey-80: rgb(143,143,157); /* @kind color */
  --colors-light-grey-light-grey-90: rgb(128,128,142); /* @kind color */
  --colors-orange-orange-50: rgb(255,113,57); /* @kind color */
  --colors-red-red-10: rgb(255,189,197); /* @kind color */
  --colors-red-red-20: rgb(255,154,162); /* @kind color */
  --colors-red-red-30: rgb(255,132,139); /* @kind color */
  --colors-red-red-40: rgb(255,106,117); /* @kind color */
  --colors-red-red-60: rgb(226,40,80); /* @kind color */
  --colors-red-red-70: rgb(197,0,66); /* @kind color */
  --colors-red-red-80: rgb(129,2,32); /* @kind color */
  --colors-violet-violet-40: rgb(171,113,255); /* @kind color */
  --colors-violet-violet-50: rgb(144,89,255); /* @kind color */
  --colors-violet-violet-60-2: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-60: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-70-2: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-70: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-80: rgb(69,39,141); /* @kind color */
  --spacing-pattern-spacing-gutter-pattern-gutter-xxxl: 64;
  --spacing-universal-spacing-spacer-layout-xxxs: 40;
  --spacing-universal-spacing-spacer-lg: 16;
  --spacing-universal-spacing-spacer-md: 12;
  --spacing-universal-spacing-spacer-sm: 8;
  --spacing-universal-spacing-spacer-xl: 20;
  --spacing-universal-spacing-spacer-xxl: 24;
  --spacing-universal-spacing-spacer-xxs: 4;
  --spacing-universal-spacing-spacer-xxxl: 32;
  --themes-brand-theme-cta-label-color: var(--themes-uni-text-primary-white); /* @kind color */
  --themes-brand-theme-primary-2: var(--colors-violet-violet-70); /* @kind color */
  --themes-brand-theme-primary-active: var(--colors-violet-violet-80); /* @kind color */
  --themes-brand-theme-primary-hover: var(--colors-violet-violet-50); /* @kind color */
  --themes-brand-theme-primary: var(--colors-violet-violet-70); /* @kind color */
  --themes-brand-theme-secondary: var(--colors-violet-violet-50); /* @kind color */
  --themes-brand-theme-text-link-active: var(--themes-brand-theme-primary-active); /* @kind color */
  --themes-brand-theme-text-link-hover: var(--themes-brand-theme-primary-hover); /* @kind color */
  --themes-brand-theme-text-link: var(--themes-brand-theme-primary); /* @kind color */
  --themes-containers-page-page-bg-grad-01-01: var(--colors-light-grey-light-grey-05); /* @kind color */
  --themes-containers-page-page-bg-grad-01-02: var(--colors-light-grey-light-grey-05); /* @kind color */
  --themes-error-theme-error-active: var(--colors-red-red-80); /* @kind color */
  --themes-error-theme-error-hover: var(--colors-red-red-70); /* @kind color */
  --themes-error-theme-error-primary: var(--colors-red-red-60); /* @kind color */
  --themes-neutral-theme-neutral-active-border: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active-text: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active: var(--colors-light-grey-light-grey-50); /* @kind color */
  --themes-neutral-theme-neutral-hover-border: var(--colors-light-grey-light-grey-60); /* @kind color */
  --themes-neutral-theme-neutral-hover-text: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-neutral-theme-neutral-hover: var(--colors-light-grey-light-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-primary-border: var(--colors-light-grey-light-grey-40); /* @kind color */
  --themes-neutral-theme-neutral-primary-text: var(--colors-dark-grey-dark-grey-90); /* @kind color */
  --themes-neutral-theme-neutral-primary: var(--colors-light-grey-light-grey-10); /* @kind color */
  --themes-primary-black: rgb(0,0,0); /* @kind color */
  --themes-primary-white: rgb(255,255,255); /* @kind color */
  --themes-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-primary-black: rgb(0,0,0); /* @kind color */
  --themes-uni-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-secondary-black: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-uni-secondary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary: rgb(0,0,0); /* @kind color */
  --themes-uni-text-secondary: var(--colors-dark-grey-dark-grey-40); /* @kind color */
  --themes-uni-text-tertiary: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --typography-font-family-font-primary-body-2: "SF Pro";
  --typography-font-family-font-primary-body: "SF Pro";
  --typography-font-family-font-primary-heading: "SF Pro";
  --typography-font-weight-font-weight-lg: 600;
  --typography-font-weight-font-weight-sm: 400;
  --typography-font-weight-font-weight-xl: 700;
  --typography-letter-spacing-letter-spacing-xs: 1;
  --typography-letter-spacing-letter-spacing-xxs-2: 0.3;
  --typography-letter-spacing-letter-spacing-xxs: -0.3;
  --typography-line-height-line-height-lg: 40;
  --typography-line-height-line-height-md: 30;
  --typography-line-height-line-height-sm: 28;
  --typography-line-height-line-height-xl: 44;
  --typography-line-height-line-height-xs: 24;
  --typography-line-height-line-height-xxs: 22;
  --typography-text-size-body-text-lg: 18;
  --typography-text-size-body-text-md-base: 16;
  --typography-text-size-body-text-sm: 14;
  --typography-text-size-body-text-xl: 22;
  --typography-text-size-body-text-xxl: 28;
  --typography-text-size-body-text-xxxl: 32;
  --typography-text-size-heading-heading-lg: 18;
  --typography-text-size-heading-heading-md: 16;
  --universal-theme-mask-mask-disabled: var(--colors-light-grey-light-grey-90); /* @kind color */
}

:root[data-mode="mozilla-new"] {
  --auto-selection-auto-brand-2: "Mozilla new";
  --auto-selection-auto-brand: "Mozilla new";
  --auto-selection-string-browser-tab: "Mozilla Accounts";
  --auto-selection-string-browser-url: "https://www.mozilla.org/en-US/account/";
  --border-border-radius-lg: 16;
  --border-border-radius-md: 0;
  --border-border-radius-sm: 0;
  --border-border-radius-xs: 0;
  --border-stroke-color-divider: var(--colors-light-grey-light-grey-30); /* @kind color */
  --border-stroke-color-primary: var(--colors-light-grey-light-grey-50); /* @kind color */
  --border-stroke-color-secondary: var(--colors-light-grey-light-grey-60); /* @kind color */
  --border-stroke-xs: 2;
  --border-stroke-xxs-2: 1;
  --border-stroke-xxs: 1;
  --colors-blue-blue-10: rgb(128,235,255); /* @kind color */
  --colors-blue-blue-30: rgb(0,179,244); /* @kind color */
  --colors-blue-blue-40: rgb(0,144,237); /* @kind color */
  --colors-blue-blue-50-2: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-50: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-60-2: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-60: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-70: rgb(5,64,150); /* @kind color */
  --colors-blue-blue-80: rgb(7,48,114); /* @kind color */
  --colors-dark-grey-dark-grey-05-2: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-05: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-10-2: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-10: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-30: rgb(66,65,77); /* @kind color */
  --colors-dark-grey-dark-grey-40: rgb(58,57,68); /* @kind color */
  --colors-dark-grey-dark-grey-50: rgb(50,49,60); /* @kind color */
  --colors-dark-grey-dark-grey-70: rgb(35,34,43); /* @kind color */
  --colors-dark-grey-dark-grey-80: rgb(28,27,34); /* @kind color */
  --colors-dark-grey-dark-grey-90: rgb(21,20,26); /* @kind color */
  --colors-light-grey-light-grey-05-2: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-05: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-10: rgb(249,249,251); /* @kind color */
  --colors-light-grey-light-grey-20-2: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-20: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-30-2: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-30: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-40-2: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-40: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-50-2: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-50: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-60-2: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-60: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-70: rgb(159,159,173); /* @kind color */
  --colors-light-grey-light-grey-80: rgb(143,143,157); /* @kind color */
  --colors-light-grey-light-grey-90: rgb(128,128,142); /* @kind color */
  --colors-orange-orange-50: rgb(255,113,57); /* @kind color */
  --colors-red-red-10: rgb(255,189,197); /* @kind color */
  --colors-red-red-20: rgb(255,154,162); /* @kind color */
  --colors-red-red-30: rgb(255,132,139); /* @kind color */
  --colors-red-red-40: rgb(255,106,117); /* @kind color */
  --colors-red-red-60: rgb(226,40,80); /* @kind color */
  --colors-red-red-70: rgb(197,0,66); /* @kind color */
  --colors-red-red-80: rgb(129,2,32); /* @kind color */
  --colors-violet-violet-40: rgb(171,113,255); /* @kind color */
  --colors-violet-violet-50: rgb(144,89,255); /* @kind color */
  --colors-violet-violet-60-2: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-60: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-70-2: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-70: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-80: rgb(69,39,141); /* @kind color */
  --spacing-pattern-spacing-gutter-pattern-gutter-xxxl: 64;
  --spacing-universal-spacing-spacer-layout-xxxs: 40;
  --spacing-universal-spacing-spacer-lg: 16;
  --spacing-universal-spacing-spacer-md: 12;
  --spacing-universal-spacing-spacer-sm: 8;
  --spacing-universal-spacing-spacer-xl: 20;
  --spacing-universal-spacing-spacer-xxl: 24;
  --spacing-universal-spacing-spacer-xxs: 4;
  --spacing-universal-spacing-spacer-xxxl: 32;
  --themes-brand-theme-cta-label-color: rgb(22,22,22); /* @kind color */
  --themes-brand-theme-primary-2: rgb(0,210,48); /* @kind color */
  --themes-brand-theme-primary-active: rgb(178,246,193); /* @kind color */
  --themes-brand-theme-primary-hover: rgb(30,183,65); /* @kind color */
  --themes-brand-theme-primary: rgb(0,210,48); /* @kind color */
  --themes-brand-theme-secondary: rgb(22,22,22); /* @kind color */
  --themes-brand-theme-text-link-active: rgb(0,105,24); /* @kind color */
  --themes-brand-theme-text-link-hover: rgb(0,137,31); /* @kind color */
  --themes-brand-theme-text-link: rgb(22,22,22); /* @kind color */
  --themes-containers-page-page-bg-grad-01-01: rgb(239,246,247); /* @kind color */
  --themes-containers-page-page-bg-grad-01-02: rgb(239,246,247); /* @kind color */
  --themes-error-theme-error-active: var(--colors-red-red-80); /* @kind color */
  --themes-error-theme-error-hover: var(--colors-red-red-70); /* @kind color */
  --themes-error-theme-error-primary: var(--colors-red-red-60); /* @kind color */
  --themes-neutral-theme-neutral-active-border: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active-text: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active: var(--colors-light-grey-light-grey-50); /* @kind color */
  --themes-neutral-theme-neutral-hover-border: var(--colors-light-grey-light-grey-60); /* @kind color */
  --themes-neutral-theme-neutral-hover-text: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-neutral-theme-neutral-hover: var(--colors-light-grey-light-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-primary-border: var(--colors-light-grey-light-grey-40); /* @kind color */
  --themes-neutral-theme-neutral-primary-text: var(--colors-dark-grey-dark-grey-90); /* @kind color */
  --themes-neutral-theme-neutral-primary: var(--colors-light-grey-light-grey-10); /* @kind color */
  --themes-primary-black: rgb(22,22,22); /* @kind color */
  --themes-primary-white: rgb(255,255,255); /* @kind color */
  --themes-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-primary-black: rgb(22,22,22); /* @kind color */
  --themes-uni-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-secondary-black: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-uni-secondary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary: rgb(22,22,22); /* @kind color */
  --themes-uni-text-secondary: var(--colors-dark-grey-dark-grey-40); /* @kind color */
  --themes-uni-text-tertiary: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --typography-font-family-font-primary-body-2: "SF Pro";
  --typography-font-family-font-primary-body: "SF Pro";
  --typography-font-family-font-primary-heading: "Mozilla Headline";
  --typography-font-weight-font-weight-lg: 600;
  --typography-font-weight-font-weight-sm: 400;
  --typography-font-weight-font-weight-xl: 700;
  --typography-letter-spacing-letter-spacing-xs: 1;
  --typography-letter-spacing-letter-spacing-xxs-2: 0.3;
  --typography-letter-spacing-letter-spacing-xxs: -0.2;
  --typography-line-height-line-height-lg: 40;
  --typography-line-height-line-height-md: 30;
  --typography-line-height-line-height-sm: 28;
  --typography-line-height-line-height-xl: 44;
  --typography-line-height-line-height-xs: 24;
  --typography-line-height-line-height-xxs: 22;
  --typography-text-size-body-text-lg: 18;
  --typography-text-size-body-text-md-base: 16;
  --typography-text-size-body-text-sm: 14;
  --typography-text-size-body-text-xl: 22;
  --typography-text-size-body-text-xxl: 28;
  --typography-text-size-body-text-xxxl: 32;
  --typography-text-size-heading-heading-lg: 18;
  --typography-text-size-heading-heading-md: 16;
  --universal-theme-mask-mask-disabled: var(--colors-light-grey-light-grey-90); /* @kind color */
}

:root[data-mode="relay"] {
  --auto-selection-auto-brand-2: "Relay";
  --auto-selection-auto-brand: "Relay";
  --auto-selection-string-browser-tab: "Firefox Relay Account";
  --auto-selection-string-browser-url: "https://relay.firefox.com/";
  --border-border-radius-lg: 16;
  --border-border-radius-md: 8;
  --border-border-radius-sm: 6;
  --border-border-radius-xs: 4;
  --border-stroke-color-divider: var(--colors-light-grey-light-grey-30); /* @kind color */
  --border-stroke-color-primary: var(--colors-light-grey-light-grey-50); /* @kind color */
  --border-stroke-color-secondary: var(--colors-light-grey-light-grey-60); /* @kind color */
  --border-stroke-xs: 2;
  --border-stroke-xxs-2: 1;
  --border-stroke-xxs: 1;
  --colors-blue-blue-10: rgb(128,235,255); /* @kind color */
  --colors-blue-blue-30: rgb(0,179,244); /* @kind color */
  --colors-blue-blue-40: rgb(0,144,237); /* @kind color */
  --colors-blue-blue-50-2: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-50: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-60-2: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-60: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-70: rgb(5,64,150); /* @kind color */
  --colors-blue-blue-80: rgb(7,48,114); /* @kind color */
  --colors-dark-grey-dark-grey-05-2: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-05: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-10-2: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-10: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-30: rgb(66,65,77); /* @kind color */
  --colors-dark-grey-dark-grey-40: rgb(58,57,68); /* @kind color */
  --colors-dark-grey-dark-grey-50: rgb(50,49,60); /* @kind color */
  --colors-dark-grey-dark-grey-70: rgb(35,34,43); /* @kind color */
  --colors-dark-grey-dark-grey-80: rgb(28,27,34); /* @kind color */
  --colors-dark-grey-dark-grey-90: rgb(21,20,26); /* @kind color */
  --colors-light-grey-light-grey-05-2: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-05: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-10: rgb(249,249,251); /* @kind color */
  --colors-light-grey-light-grey-20-2: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-20: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-30-2: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-30: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-40-2: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-40: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-50-2: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-50: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-60-2: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-60: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-70: rgb(159,159,173); /* @kind color */
  --colors-light-grey-light-grey-80: rgb(143,143,157); /* @kind color */
  --colors-light-grey-light-grey-90: rgb(128,128,142); /* @kind color */
  --colors-orange-orange-50: rgb(255,113,57); /* @kind color */
  --colors-red-red-10: rgb(255,189,197); /* @kind color */
  --colors-red-red-20: rgb(255,154,162); /* @kind color */
  --colors-red-red-30: rgb(255,132,139); /* @kind color */
  --colors-red-red-40: rgb(255,106,117); /* @kind color */
  --colors-red-red-60: rgb(226,40,80); /* @kind color */
  --colors-red-red-70: rgb(197,0,66); /* @kind color */
  --colors-red-red-80: rgb(129,2,32); /* @kind color */
  --colors-violet-violet-40: rgb(171,113,255); /* @kind color */
  --colors-violet-violet-50: rgb(144,89,255); /* @kind color */
  --colors-violet-violet-60-2: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-60: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-70-2: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-70: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-80: rgb(69,39,141); /* @kind color */
  --spacing-pattern-spacing-gutter-pattern-gutter-xxxl: 64;
  --spacing-universal-spacing-spacer-layout-xxxs: 40;
  --spacing-universal-spacing-spacer-lg: 16;
  --spacing-universal-spacing-spacer-md: 12;
  --spacing-universal-spacing-spacer-sm: 8;
  --spacing-universal-spacing-spacer-xl: 20;
  --spacing-universal-spacing-spacer-xxl: 24;
  --spacing-universal-spacing-spacer-xxs: 4;
  --spacing-universal-spacing-spacer-xxxl: 32;
  --themes-brand-theme-cta-label-color: var(--themes-uni-text-primary-white); /* @kind color */
  --themes-brand-theme-primary-2: var(--colors-violet-violet-60); /* @kind color */
  --themes-brand-theme-primary-active: var(--colors-violet-violet-80); /* @kind color */
  --themes-brand-theme-primary-hover: var(--colors-violet-violet-60); /* @kind color */
  --themes-brand-theme-primary: var(--colors-violet-violet-60); /* @kind color */
  --themes-brand-theme-secondary: var(--colors-violet-violet-40); /* @kind color */
  --themes-brand-theme-text-link-active: var(--themes-brand-theme-primary-active); /* @kind color */
  --themes-brand-theme-text-link-hover: var(--themes-brand-theme-primary-hover); /* @kind color */
  --themes-brand-theme-text-link: var(--themes-brand-theme-primary); /* @kind color */
  --themes-containers-page-page-bg-grad-01-01: var(--colors-light-grey-light-grey-05); /* @kind color */
  --themes-containers-page-page-bg-grad-01-02: var(--colors-light-grey-light-grey-05); /* @kind color */
  --themes-error-theme-error-active: var(--colors-red-red-80); /* @kind color */
  --themes-error-theme-error-hover: var(--colors-red-red-70); /* @kind color */
  --themes-error-theme-error-primary: var(--colors-red-red-60); /* @kind color */
  --themes-neutral-theme-neutral-active-border: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active-text: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active: var(--colors-light-grey-light-grey-50); /* @kind color */
  --themes-neutral-theme-neutral-hover-border: var(--colors-light-grey-light-grey-60); /* @kind color */
  --themes-neutral-theme-neutral-hover-text: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-neutral-theme-neutral-hover: var(--colors-light-grey-light-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-primary-border: var(--colors-light-grey-light-grey-40); /* @kind color */
  --themes-neutral-theme-neutral-primary-text: var(--colors-dark-grey-dark-grey-90); /* @kind color */
  --themes-neutral-theme-neutral-primary: var(--colors-light-grey-light-grey-10); /* @kind color */
  --themes-primary-black: rgb(0,0,0); /* @kind color */
  --themes-primary-white: rgb(255,255,255); /* @kind color */
  --themes-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-primary-black: rgb(0,0,0); /* @kind color */
  --themes-uni-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-secondary-black: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-uni-secondary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary: rgb(0,0,0); /* @kind color */
  --themes-uni-text-secondary: var(--colors-dark-grey-dark-grey-40); /* @kind color */
  --themes-uni-text-tertiary: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --typography-font-family-font-primary-body-2: "SF Pro";
  --typography-font-family-font-primary-body: "SF Pro";
  --typography-font-family-font-primary-heading: "SF Pro";
  --typography-font-weight-font-weight-lg: 600;
  --typography-font-weight-font-weight-sm: 400;
  --typography-font-weight-font-weight-xl: 700;
  --typography-letter-spacing-letter-spacing-xs: 1;
  --typography-letter-spacing-letter-spacing-xxs-2: 0.3;
  --typography-letter-spacing-letter-spacing-xxs: -0.3;
  --typography-line-height-line-height-lg: 40;
  --typography-line-height-line-height-md: 30;
  --typography-line-height-line-height-sm: 28;
  --typography-line-height-line-height-xl: 44;
  --typography-line-height-line-height-xs: 24;
  --typography-line-height-line-height-xxs: 22;
  --typography-text-size-body-text-lg: 18;
  --typography-text-size-body-text-md-base: 16;
  --typography-text-size-body-text-sm: 14;
  --typography-text-size-body-text-xl: 22;
  --typography-text-size-body-text-xxl: 28;
  --typography-text-size-body-text-xxxl: 32;
  --typography-text-size-heading-heading-lg: 18;
  --typography-text-size-heading-heading-md: 16;
  --universal-theme-mask-mask-disabled: var(--colors-light-grey-light-grey-90); /* @kind color */
}

:root[data-mode="vpn"] {
  --auto-selection-auto-brand-2: "VPN";
  --auto-selection-auto-brand: "VPN";
  --auto-selection-string-browser-tab: "Mozilla VPN Account";
  --auto-selection-string-browser-url: "https://www.mozilla.org/en-US/products/vpn/";
  --border-border-radius-lg: 16;
  --border-border-radius-md: 0;
  --border-border-radius-sm: 0;
  --border-border-radius-xs: 0;
  --border-stroke-color-divider: var(--colors-light-grey-light-grey-30); /* @kind color */
  --border-stroke-color-primary: var(--colors-light-grey-light-grey-50); /* @kind color */
  --border-stroke-color-secondary: var(--colors-light-grey-light-grey-60); /* @kind color */
  --border-stroke-xs: 2;
  --border-stroke-xxs-2: 1;
  --border-stroke-xxs: 1;
  --colors-blue-blue-10: rgb(128,235,255); /* @kind color */
  --colors-blue-blue-30: rgb(0,179,244); /* @kind color */
  --colors-blue-blue-40: rgb(0,144,237); /* @kind color */
  --colors-blue-blue-50-2: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-50: rgb(0,96,223); /* @kind color */
  --colors-blue-blue-60-2: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-60: rgb(2,80,187); /* @kind color */
  --colors-blue-blue-70: rgb(5,64,150); /* @kind color */
  --colors-blue-blue-80: rgb(7,48,114); /* @kind color */
  --colors-dark-grey-dark-grey-05-2: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-05: rgb(91,91,102); /* @kind color */
  --colors-dark-grey-dark-grey-10-2: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-10: rgb(82,82,94); /* @kind color */
  --colors-dark-grey-dark-grey-30: rgb(66,65,77); /* @kind color */
  --colors-dark-grey-dark-grey-40: rgb(58,57,68); /* @kind color */
  --colors-dark-grey-dark-grey-50: rgb(50,49,60); /* @kind color */
  --colors-dark-grey-dark-grey-70: rgb(35,34,43); /* @kind color */
  --colors-dark-grey-dark-grey-80: rgb(28,27,34); /* @kind color */
  --colors-dark-grey-dark-grey-90: rgb(21,20,26); /* @kind color */
  --colors-light-grey-light-grey-05-2: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-05: rgb(251,251,254); /* @kind color */
  --colors-light-grey-light-grey-10: rgb(249,249,251); /* @kind color */
  --colors-light-grey-light-grey-20-2: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-20: rgb(240,240,244); /* @kind color */
  --colors-light-grey-light-grey-30-2: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-30: rgb(224,224,230); /* @kind color */
  --colors-light-grey-light-grey-40-2: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-40: rgb(207,207,216); /* @kind color */
  --colors-light-grey-light-grey-50-2: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-50: rgb(191,191,201); /* @kind color */
  --colors-light-grey-light-grey-60-2: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-60: rgb(175,175,186); /* @kind color */
  --colors-light-grey-light-grey-70: rgb(159,159,173); /* @kind color */
  --colors-light-grey-light-grey-80: rgb(143,143,157); /* @kind color */
  --colors-light-grey-light-grey-90: rgb(128,128,142); /* @kind color */
  --colors-orange-orange-50: rgb(255,113,57); /* @kind color */
  --colors-red-red-10: rgb(255,189,197); /* @kind color */
  --colors-red-red-20: rgb(255,154,162); /* @kind color */
  --colors-red-red-30: rgb(255,132,139); /* @kind color */
  --colors-red-red-40: rgb(255,106,117); /* @kind color */
  --colors-red-red-60: rgb(226,40,80); /* @kind color */
  --colors-red-red-70: rgb(197,0,66); /* @kind color */
  --colors-red-red-80: rgb(129,2,32); /* @kind color */
  --colors-violet-violet-40: rgb(171,113,255); /* @kind color */
  --colors-violet-violet-50: rgb(144,89,255); /* @kind color */
  --colors-violet-violet-60-2: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-60: rgb(117,66,229); /* @kind color */
  --colors-violet-violet-70-2: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-70: rgb(89,42,203); /* @kind color */
  --colors-violet-violet-80: rgb(69,39,141); /* @kind color */
  --spacing-pattern-spacing-gutter-pattern-gutter-xxxl: 64;
  --spacing-universal-spacing-spacer-layout-xxxs: 40;
  --spacing-universal-spacing-spacer-lg: 16;
  --spacing-universal-spacing-spacer-md: 12;
  --spacing-universal-spacing-spacer-sm: 8;
  --spacing-universal-spacing-spacer-xl: 20;
  --spacing-universal-spacing-spacer-xxl: 24;
  --spacing-universal-spacing-spacer-xxs: 4;
  --spacing-universal-spacing-spacer-xxxl: 32;
  --themes-brand-theme-cta-label-color: var(--themes-uni-text-primary-white); /* @kind color */
  --themes-brand-theme-primary-2: var(--themes-uni-primary-black); /* @kind color */
  --themes-brand-theme-primary-active: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-brand-theme-primary-hover: var(--themes-uni-primary-black); /* @kind color */
  --themes-brand-theme-primary: var(--themes-uni-primary-black); /* @kind color */
  --themes-brand-theme-secondary: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-brand-theme-text-link-active: var(--themes-brand-theme-primary-active); /* @kind color */
  --themes-brand-theme-text-link-hover: var(--themes-brand-theme-primary-hover); /* @kind color */
  --themes-brand-theme-text-link: var(--themes-brand-theme-primary); /* @kind color */
  --themes-containers-page-page-bg-grad-01-01: var(--colors-light-grey-light-grey-10); /* @kind color */
  --themes-containers-page-page-bg-grad-01-02: var(--colors-light-grey-light-grey-10); /* @kind color */
  --themes-error-theme-error-active: var(--colors-red-red-80); /* @kind color */
  --themes-error-theme-error-hover: var(--colors-red-red-70); /* @kind color */
  --themes-error-theme-error-primary: var(--colors-red-red-60); /* @kind color */
  --themes-neutral-theme-neutral-active-border: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active-text: var(--colors-dark-grey-dark-grey-70); /* @kind color */
  --themes-neutral-theme-neutral-active: var(--colors-light-grey-light-grey-50); /* @kind color */
  --themes-neutral-theme-neutral-hover-border: var(--colors-light-grey-light-grey-60); /* @kind color */
  --themes-neutral-theme-neutral-hover-text: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-neutral-theme-neutral-hover: var(--colors-light-grey-light-grey-30); /* @kind color */
  --themes-neutral-theme-neutral-primary-border: var(--colors-light-grey-light-grey-40); /* @kind color */
  --themes-neutral-theme-neutral-primary-text: var(--colors-dark-grey-dark-grey-90); /* @kind color */
  --themes-neutral-theme-neutral-primary: var(--colors-light-grey-light-grey-10); /* @kind color */
  --themes-primary-black: rgb(0,0,0); /* @kind color */
  --themes-primary-white: rgb(255,255,255); /* @kind color */
  --themes-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-primary-black: rgb(0,0,0); /* @kind color */
  --themes-uni-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-secondary-black: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --themes-uni-secondary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary-white: rgb(255,255,255); /* @kind color */
  --themes-uni-text-primary: rgb(0,0,0); /* @kind color */
  --themes-uni-text-secondary: var(--colors-dark-grey-dark-grey-40); /* @kind color */
  --themes-uni-text-tertiary: var(--colors-dark-grey-dark-grey-05); /* @kind color */
  --typography-font-family-font-primary-body-2: "SF Pro";
  --typography-font-family-font-primary-body: "SF Pro";
  --typography-font-family-font-primary-heading: "SF Pro";
  --typography-font-weight-font-weight-lg: 600;
  --typography-font-weight-font-weight-sm: 400;
  --typography-font-weight-font-weight-xl: 700;
  --typography-letter-spacing-letter-spacing-xs: 1;
  --typography-letter-spacing-letter-spacing-xxs-2: 0.3;
  --typography-letter-spacing-letter-spacing-xxs: -0.3;
  --typography-line-height-line-height-lg: 40;
  --typography-line-height-line-height-md: 30;
  --typography-line-height-line-height-sm: 28;
  --typography-line-height-line-height-xl: 44;
  --typography-line-height-line-height-xs: 24;
  --typography-line-height-line-height-xxs: 22;
  --typography-text-size-body-text-lg: 18;
  --typography-text-size-body-text-md-base: 16;
  --typography-text-size-body-text-sm: 14;
  --typography-text-size-body-text-xl: 22;
  --typography-text-size-body-text-xxl: 28;
  --typography-text-size-body-text-xxxl: 32;
  --typography-text-size-heading-heading-lg: 18;
  --typography-text-size-heading-heading-md: 16;
  --universal-theme-mask-mask-disabled: var(--colors-light-grey-light-grey-90); /* @kind color */
}

:root[data-mode="mobile"] {
  --auto-viewport: "Mobile";
  --content-content-bg: var(--themes-uni-primary-white); /* @kind color */
  --content-content-border-color: var(--colors-light-grey-light-grey-30); /* @kind color */
  --content-content-border-radius: 16;
  --content-content-border-weight: 2;
  --content-content-max-height: 5000;
  --content-content-max-width: 2560;
  --content-content-min-height: 48;
  --content-content-min-width: 200;
  --content-content-padding-bottom: 20;
  --content-content-padding-left: 24;
  --content-content-padding-right: 24;
  --content-content-padding-top: 20;
  --content-content-shadow-blur: 0;
  --content-content-shadow-rgb: rgba(0,0,0,0.2); /* @kind color */
  --content-content-shadow-spread: 0;
  --content-content-shadow-x: 0;
  --content-content-shadow-y: 0;
  --nav-general-nav-border-radius: 8;
  --nav-general-nav-border-weight: 0;
  --page-page-bg-opacity: 100;
  --page-page-border-color: var(--colors-light-grey-light-grey-40); /* @kind color */
  --page-page-shadow-blur: 20;
  --page-page-shadow-rgb: rgba(0,0,0,0); /* @kind color */
  --page-page-shadow-spread: 0;
  --page-page-shadow-x: 2;
  --page-page-shadow-y: 2;
  --settings-sidebar-settings-sb-border-radius: 16;
  --settings-sidebar-settings-sb-border-weight: 0;
  --settings-sidebar-settings-sb-max-width: 768;
  --settings-sidebar-settings-sb-min-width: 300;
  --settings-sidebar-settings-sb-opacity: 100;
}

:root[data-mode="tinted"] {
  --mode-2: "Tinted";
}

:root[data-mode="desert"] {
  --buttonface: rgb(255,250,239); /* @kind color */
  --canvas: rgb(255,250,239); /* @kind color */
  --canvastext: rgb(61,61,61); /* @kind color */
  --linktext: rgb(28,94,117); /* @kind color */
}

:root[data-mode="dusk"] {
  --buttonface: rgb(45,50,54); /* @kind color */
  --canvas: rgb(45,50,54); /* @kind color */
  --canvastext: rgb(255,255,255); /* @kind color */
  --linktext: rgb(112,235,222); /* @kind color */
}

:root[data-mode="win10"] {
  --buttonface: rgb(0,0,0); /* @kind color */
  --canvas: rgb(0,0,0); /* @kind color */
  --canvastext: rgb(255,255,0); /* @kind color */
  --linktext: rgb(128,128,255); /* @kind color */
}

:root[data-mode="win10white"] {
  --buttonface: rgb(255,255,255); /* @kind color */
  --canvas: rgb(255,255,255); /* @kind color */
  --canvastext: rgb(0,0,0); /* @kind color */
  --linktext: rgb(0,0,159); /* @kind color */
}

:root[data-mode="acorn-default"] {
  --schemes-on-surface-2: var(--text-primary); /* @kind color */
  --schemes-surface-container-highest: var(--layer-search); /* @kind color */
}

:root[data-mode="medium-large-devices-600"] {
  --android-space-static-50: 4;
}