@salutejs/sdds-themes 0.47.0-dev.0 → 0.47.1-canary.2294.18738514048.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/css/sdds_cs.module.css +24 -24
  2. package/css/sdds_cs__dark.css +12 -12
  3. package/css/sdds_cs__light.css +12 -12
  4. package/es/themes/sdds_cs__dark.js +1 -1
  5. package/es/themes/sdds_cs__light.js +1 -1
  6. package/es/tokens/sdds_cs/index.js +18 -18
  7. package/es/tokens/sdds_cs/index.js.map +1 -1
  8. package/package.json +2 -2
  9. package/themes/sdds_cs__dark.js +1 -1
  10. package/themes/sdds_cs__light.js +1 -1
  11. package/tokens/sdds_cs/index.d.ts +16 -16
  12. package/tokens/sdds_cs/index.js +21 -21
  13. package/tokens/sdds_cs/index.js.map +1 -1
package/es/themes/sdds_cs__light.js CHANGED
@@ -1,3 +1,3 @@
1
1
  // Generated by robots, do not change this manually!
2
- export var sdds_cs__light = ["\n:root {\n --text-primary-hover: #6A7E8AFF;\n --text-primary-active: #47545CFF;\n --text-secondary-hover: #000000FF;\n --text-secondary-active: #636D74FF;\n --text-tertiary-hover: #FFFFFFFF;\n --text-tertiary-active: #515B61FF;\n --text-accent-hover: #19CC19FF;\n --text-accent-active: #15A815FF;\n --text-accent-minor-hover: #2CE82CFF;\n --text-accent-minor-active: #13AE13FF;\n --text-positive-hover: #19CC19FF;\n --text-positive-active: #15A815FF;\n --text-warning-hover: #F5B638FF;\n --text-warning-active: #D08F0BFF;\n --text-negative-hover: #EE2F43FF;\n --text-negative-active: #BD0F21FF;\n --text-info-hover: #3FABF3FF;\n --text-info-active: #0D84D3FF;\n --text-primary: #23292D;\n --text-primary-brightness: #30363AFF;\n --text-secondary: #7B868E;\n --text-accent: #108210;\n --text-negative: #E31227;\n --text-positive: #108210;\n --text-accent-minor: #17D317;\n --text-tertiary: #657179;\n --text-warning: #F3A912;\n --text-info: #199AF0;\n --on-dark-text-primary-hover: #000000FF;\n --on-dark-text-primary-active: #B4C7D9FF;\n --on-dark-text-secondary-hover: #000000FF;\n --on-dark-text-secondary-active: #636D74FF;\n --on-dark-text-tertiary-hover: #FFFFFFFF;\n --on-dark-text-tertiary-active: #596269FF;\n --on-dark-text-accent-hover: #19D719FF;\n --on-dark-text-accent-active: #118D11FF;\n --on-dark-text-accent-minor-hover: #09AA09FF;\n --on-dark-text-accent-minor-active: #078307FF;\n --on-dark-text-positive-hover: #19D719FF;\n --on-dark-text-positive-active: #118D11FF;\n --on-dark-text-warning-hover: #F5B638FF;\n --on-dark-text-warning-active: #D08F0BFF;\n --on-dark-text-negative-hover: #FF5263FF;\n --on-dark-text-negative-active: #FF001AFF;\n --on-dark-text-info-hover: #3FABF3FF;\n --on-dark-text-info-active: #0D84D3FF;\n --on-dark-text-primary: #F7F9FB;\n --on-dark-text-primary-brightness: #F7F9FBFF;\n --on-dark-text-secondary: #7B868E;\n --on-dark-text-accent: #15B015;\n --on-dark-text-negative: #FF293E;\n --on-dark-text-positive: #15B015;\n --on-dark-text-accent-minor: #055C05;\n --on-dark-text-tertiary: #707C84;\n --on-dark-text-warning: #F3A912;\n --on-dark-text-info: #199AF0;\n --on-light-text-primary-hover: #6A7E8AFF;\n --on-light-text-primary-active: #47545CFF;\n --on-light-text-secondary-hover: #000000FF;\n --on-light-text-secondary-active: #636D74FF;\n --on-light-text-tertiary-hover: #FFFFFFFF;\n --on-light-text-tertiary-active: #515B61FF;\n --on-light-text-accent-hover: #19CC19FF;\n --on-light-text-accent-active: #15A815FF;\n --on-light-text-accent-minor-hover: #2CE82CFF;\n --on-light-text-accent-minor-active: #13AE13FF;\n --on-light-text-positive-hover: #19CC19FF;\n --on-light-text-positive-active: #15A815FF;\n --on-light-text-warning-hover: #F5B638FF;\n --on-light-text-warning-active: #D08F0BFF;\n --on-light-text-negative-hover: #EE2F43FF;\n --on-light-text-negative-active: #BD0F21FF;\n --on-light-text-info-hover: #3FABF3FF;\n --on-light-text-info-active: #0D84D3FF;\n --on-light-text-primary: #23292D;\n --on-light-text-primary-brightness: #30363AFF;\n --on-light-text-secondary: #7B868E;\n --on-light-text-accent: #108210;\n --on-light-text-positive: #108210;\n --on-light-text-negative: #E31227;\n --on-light-text-accent-minor: #17D317;\n --on-light-text-tertiary: #657179;\n --on-light-text-warning: #F3A912;\n --on-light-text-info: #199AF0;\n --inverse-text-primary-hover: #000000FF;\n --inverse-text-primary-active: #B4C7D9FF;\n --inverse-text-secondary-hover: #FFFFFFFF;\n --inverse-text-secondary-active: #90A3B2FF;\n --inverse-text-tertiary-hover: #FFFFFFFF;\n --inverse-text-tertiary-active: #636D74FF;\n --inverse-text-accent-hover: #19D719FF;\n --inverse-text-accent-active: #118D11FF;\n --inverse-text-accent-minor-hover: #09AA09FF;\n --inverse-text-accent-minor-active: #078307FF;\n --inverse-text-positive-hover: #19D719FF;\n --inverse-text-positive-active: #118D11FF;\n --inverse-text-warning-hover: #F5B638FF;\n --inverse-text-warning-active: #D08F0BFF;\n --inverse-text-negative-hover: #FF5263FF;\n --inverse-text-negative-active: #FF001AFF;\n --inverse-text-primary: #F7F9FB;\n --inverse-text-primary-brightness: #F7F9FBFF;\n --inverse-text-accent: #15B015;\n --inverse-text-positive: #15B015;\n --inverse-text-negative: #FF293E;\n --inverse-text-accent-minor: #055C05;\n --inverse-text-warning: #F3A912;\n --inverse-text-secondary: #C0CBD3;\n --inverse-text-tertiary: #7B868E;\n --surface-solid-primary-hover: #F8FAFBFF;\n --surface-solid-primary-active: #EBF0F4FF;\n --surface-solid-secondary-hover: #F5F8F9FF;\n --surface-solid-secondary-active: #E2E9EEFF;\n --surface-solid-tertiary-hover: #E2E9EEFF;\n --surface-solid-tertiary-active: #C9D5DEFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-default-hover: #7A8790FF;\n --surface-solid-default-active: #5D686FFF;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent-hover: #0DA00DFF;\n --surface-accent-active: #0A7B0AFF;\n --surface-transparent-accent-hover: #0B8E0B0A;\n --surface-transparent-accent-active: #0B8E0B29;\n --surface-positive-hover: #0DA00DFF;\n --surface-positive-active: #0A7B0AFF;\n --surface-warning-hover: #F5B638FF;\n --surface-warning-active: #E49C0CFF;\n --surface-negative-hover: #F54254FF;\n --surface-negative-active: #ED0C23FF;\n --surface-info-hover: #36A7F2FF;\n --surface-info-active: #0F90E6FF;\n --surface-warning-minor-hover: #FFFAF0FF;\n --surface-warning-minor-active: #FFF3DBFF;\n --surface-negative-minor-hover: #FFFFFFFF;\n --surface-negative-minor-active: #FFEBEDFF;\n --surface-info-minor-hover: #F5FBFFFF;\n --surface-info-minor-active: #E0F3FFFF;\n --surface-solid-primary-brightness: #FFFFFFFF;\n --surface-solid-card: #FFFFFFFF;\n --surface-solid-card-brightness: #FFFFFFFF;\n --surface-solid-default: #657179;\n --surface-accent: #0B8C0B;\n --surface-positive: #0B8C0B;\n --surface-negative: #F31B31;\n --surface-transparent-accent: #0B8C0B1F;\n --surface-clear: #FFFFFF00;\n --surface-warning: #F3A912;\n --surface-warning-minor: #FFF6E5;\n --surface-info-minor: #EDF8FF;\n --surface-info: #199AF0;\n --surface-solid-tertiary: #D5DFE6;\n --surface-solid-primary: #F2F5F8;\n --surface-solid-secondary: #E8EEF2;\n --surface-negative-minor: #FFF5F6;\n --on-dark-surface-solid-primary-hover: #394147FF;\n --on-dark-surface-solid-primary-active: #272C30FF;\n --on-dark-surface-solid-secondary-hover: #5A656CFF;\n --on-dark-surface-solid-secondary-active: #3F464BFF;\n --on-dark-surface-solid-tertiary-hover: #7A8790FF;\n --on-dark-surface-solid-tertiary-active: #5D686FFF;\n --on-dark-surface-solid-card-hover: #20282DFF;\n --on-dark-surface-solid-card-active: #0B0D0FFF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F1F5F8FF;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent-hover: #0DAF0DFF;\n --on-dark-surface-accent-active: #0A8A0AFF;\n --on-dark-surface-transparent-accent-hover: #0C9D0C1F;\n --on-dark-surface-transparent-accent-active: #0C9D0C3D;\n --on-dark-surface-promo-hover: #FFFFFFFF;\n --on-dark-surface-promo-active: #FFFFFFFF;\n --on-dark-surface-positive-hover: #0DAF0DFF;\n --on-dark-surface-positive-active: #0A8A0AFF;\n --on-dark-surface-warning-hover: #F5B638FF;\n --on-dark-surface-warning-active: #E49C0CFF;\n --on-dark-surface-negative-hover: #FF5263FF;\n --on-dark-surface-negative-active: #FF142CFF;\n --on-dark-surface-info-hover: #36A7F2FF;\n --on-dark-surface-info-active: #0F90E6FF;\n --on-dark-surface-warning-minor-hover: #32250BFF;\n --on-dark-surface-warning-minor-active: #110C04FF;\n --on-dark-surface-negative-minor-hover: #64121AFF;\n --on-dark-surface-negative-minor-active: #380A0FFF;\n --on-dark-surface-info-minor-hover: #0E2434FF;\n --on-dark-surface-info-minor-active: #050E14FF;\n --on-dark-surface-solid-primary-brightness: #3D464CFF;\n --on-dark-surface-solid-card: #13181B;\n --on-dark-surface-solid-card-brightness: #212629FF;\n --on-dark-surface-accent: #0C9C0C;\n --on-dark-surface-positive: #0C9C0C;\n --on-dark-surface-negative: #FF293E;\n --on-dark-surface-transparent-accent: #0C9C0C33;\n --on-dark-surface-solid-default: #F7F9FB;\n --on-dark-surface-promo: #FFFFFFFF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-warning: #F3A912;\n --on-dark-surface-warning-minor: #211807;\n --on-dark-surface-info-minor: #0A1924;\n --on-dark-surface-info: #199AF0;\n --on-dark-surface-solid-secondary: #485056;\n --on-dark-surface-solid-tertiary: #657179;\n --on-dark-surface-solid-primary: #30373C;\n --on-dark-surface-negative-minor: #4A0D13;\n --on-light-surface-solid-primary-hover: #F8FAFBFF;\n --on-light-surface-solid-primary-active: #EBF0F4FF;\n --on-light-surface-solid-secondary-hover: #F5F8F9FF;\n --on-light-surface-solid-secondary-active: #E2E9EEFF;\n --on-light-surface-solid-tertiary-hover: #E2E9EEFF;\n --on-light-surface-solid-tertiary-active: #C9D5DEFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #7A8790FF;\n --on-light-surface-solid-default-active: #5D686FFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent-hover: #0DA00DFF;\n --on-light-surface-accent-active: #0A7B0AFF;\n --on-light-surface-transparent-accent-hover: #0B8E0B0A;\n --on-light-surface-transparent-accent-active: #0B8E0B29;\n --on-light-surface-positive-hover: #0DA00DFF;\n --on-light-surface-positive-active: #0A7B0AFF;\n --on-light-surface-warning-hover: #F5B638FF;\n --on-light-surface-warning-active: #E49C0CFF;\n --on-light-surface-negative-hover: #F54254FF;\n --on-light-surface-negative-active: #ED0C23FF;\n --on-light-surface-info-hover: #36A7F2FF;\n --on-light-surface-info-active: #0F90E6FF;\n --on-light-surface-warning-minor-hover: #FFFAF0FF;\n --on-light-surface-warning-minor-active: #FFF3DBFF;\n --on-light-surface-negative-minor-hover: #FFFFFFFF;\n --on-light-surface-negative-minor-active: #FFEBEDFF;\n --on-light-surface-info-minor-hover: #F5FBFFFF;\n --on-light-surface-info-minor-active: #E0F3FFFF;\n --on-light-surface-solid-primary-brightness: #FFFFFFFF;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-default: #657179;\n --on-light-surface-accent: #0B8C0B;\n --on-light-surface-positive: #0B8C0B;\n --on-light-surface-negative: #F31B31;\n --on-light-surface-transparent-accent: #0B8C0B1F;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-warning: #F3A912;\n --on-light-surface-warning-minor: #FFF6E5;\n --on-light-surface-info-minor: #EDF8FF;\n --on-light-surface-info: #199AF0;\n --on-light-surface-solid-tertiary: #D5DFE6;\n --on-light-surface-solid-primary: #F2F5F8;\n --on-light-surface-solid-secondary: #E8EEF2;\n --on-light-surface-negative-minor: #FFF5F6;\n --inverse-surface-solid-primary-hover: #394147FF;\n --inverse-surface-solid-primary-active: #272C30FF;\n --inverse-surface-solid-secondary-hover: #5A656CFF;\n --inverse-surface-solid-secondary-active: #3F464BFF;\n --inverse-surface-solid-tertiary-hover: #7A8790FF;\n --inverse-surface-solid-tertiary-active: #5D686FFF;\n --inverse-surface-solid-card-hover: #20282DFF;\n --inverse-surface-solid-card-active: #0B0D0FFF;\n --inverse-surface-solid-default-hover: #FFFFFFFF;\n --inverse-surface-solid-default-active: #F1F5F8FF;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent-hover: #0DAF0DFF;\n --inverse-surface-accent-active: #0A8A0AFF;\n --inverse-surface-transparent-accent-hover: #0C9D0C1F;\n --inverse-surface-transparent-accent-active: #0C9D0C3D;\n --inverse-surface-positive-hover: #0DAF0DFF;\n --inverse-surface-positive-active: #0A8A0AFF;\n --inverse-surface-warning-hover: #F5B638FF;\n --inverse-surface-warning-active: #E49C0CFF;\n --inverse-surface-negative-hover: #FF5263FF;\n --inverse-surface-negative-active: #FF142CFF;\n --inverse-surface-info-hover: #36A7F2FF;\n --inverse-surface-info-active: #0F90E6FF;\n --inverse-surface-warning-minor-hover: #32250BFF;\n --inverse-surface-warning-minor-active: #110C04FF;\n --inverse-surface-negative-minor-hover: #400D12FF;\n --inverse-surface-negative-minor-active: #1E0608FF;\n --inverse-surface-info-minor-hover: #0E2434FF;\n --inverse-surface-info-minor-active: #050E14FF;\n --inverse-surface-solid-primary-brightness: #3D464CFF;\n --inverse-surface-solid-card: #13181B;\n --inverse-surface-solid-card-brightness: #212629FF;\n --inverse-surface-accent: #0C9C0C;\n --inverse-surface-positive: #0C9C0C;\n --inverse-surface-negative: #FF293E;\n --inverse-surface-transparent-accent: #0C9C0C33;\n --inverse-surface-solid-default: #F7F9FB;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-warning: #F3A912;\n --inverse-surface-warning-minor: #211807;\n --inverse-surface-info-minor: #0A1924;\n --inverse-surface-info: #199AF0;\n --inverse-surface-negative-minor: #2E090D;\n --inverse-surface-solid-primary: #30373C;\n --inverse-surface-solid-secondary: #485056;\n --inverse-surface-solid-tertiary: #657179;\n --background-primary-brightness: #F3F6F8FF;\n --background-primary: #F2F5F8;\n --dark-background-primary: #060A0C;\n --light-background-primary: #F2F5F8;\n --inverse-background-primary: #060A0C;\n --inverse-background-primary-brightness: #15191BFF;\n --outline-solid-primary-hover: #E2E9EEFF;\n --outline-solid-primary-active: #C9D5DEFF;\n --outline-solid-secondary-hover: #F5F8F9FF;\n --outline-solid-secondary-active: #E2E9EEFF;\n --outline-clear-hover: #FFFFFFFF;\n --outline-clear-active: #FFFFFFFF;\n --outline-accent-hover: #149F14FF;\n --outline-accent-active: #0E710EFF;\n --outline-positive-hover: #149F14FF;\n --outline-positive-active: #0E710EFF;\n --outline-negative-hover: #ED1D31FF;\n --outline-negative-active: #D01124FF;\n --outline-info-hover: #0D7EC9FF;\n --outline-info-active: #0A66A3FF;\n --outline-positive: #108210;\n --outline-accent: #108210;\n --outline-negative: #E31227;\n --outline-solid-primary: #D5DFE6;\n --outline-solid-secondary: #E8EEF2;\n --outline-clear: #FFFFFF00;\n --outline-info: #0C72B6;\n --on-dark-outline-solid-primary-hover: #394147FF;\n --on-dark-outline-solid-primary-active: #272C30FF;\n --on-dark-outline-solid-secondary-hover: #20282DFF;\n --on-dark-outline-solid-secondary-active: #0B0D0FFF;\n --on-dark-outline-clear-hover: #FFFFFFFF;\n --on-dark-outline-clear-active: #FFFFFFFF;\n --on-dark-outline-accent-hover: #0DAF0DFF;\n --on-dark-outline-accent-active: #0A8A0AFF;\n --on-dark-outline-positive-hover: #0DAF0DFF;\n --on-dark-outline-positive-active: #0A8A0AFF;\n --on-dark-outline-negative-hover: #FF5263FF;\n --on-dark-outline-negative-active: #FF142CFF;\n --on-dark-outline-info-hover: #1798EEFF;\n --on-dark-outline-info-active: #0F81CCFF;\n --on-dark-outline-accent: #0C9C0C;\n --on-dark-outline-positive: #0C9C0C;\n --on-dark-outline-negative: #FF293E;\n --on-dark-outline-solid-primary: #30373C;\n --on-dark-outline-solid-secondary: #13181B;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-info: #118CDF;\n --on-light-outline-solid-primary-hover: #E2E9EEFF;\n --on-light-outline-solid-primary-active: #C9D5DEFF;\n --on-light-outline-solid-secondary-hover: #F5F8F9FF;\n --on-light-outline-solid-secondary-active: #E2E9EEFF;\n --on-light-outline-clear-hover: #FFFFFFFF;\n --on-light-outline-clear-active: #FFFFFFFF;\n --on-light-outline-accent-hover: #149F14FF;\n --on-light-outline-accent-active: #0E710EFF;\n --on-light-outline-positive-hover: #0F9928FF;\n --on-light-outline-positive-active: #0B741FFF;\n --on-light-outline-negative-hover: #ED1D31FF;\n --on-light-outline-negative-active: #D01124FF;\n --on-light-outline-info-hover: #0D7EC9FF;\n --on-light-outline-info-active: #0A66A3FF;\n --on-light-outline-accent: #108210;\n --on-light-outline-positive: #0D8523;\n --on-light-outline-negative: #E31227;\n --on-light-outline-solid-primary: #D5DFE6;\n --on-light-outline-solid-secondary: #E8EEF2;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-info: #0C72B6;\n --inverse-outline-solid-primary-hover: #394147FF;\n --inverse-outline-solid-primary-active: #272C30FF;\n --inverse-outline-solid-secondary-hover: #FFFFFFFF;\n --inverse-outline-solid-secondary-active: #515B61FF;\n --inverse-outline-clear-hover: #FFFFFFFF;\n --inverse-outline-clear-active: #FFFFFFFF;\n --inverse-outline-accent-hover: #0DAF0DFF;\n --inverse-outline-accent-active: #0A8A0AFF;\n --inverse-outline-positive-hover: #0DAF0DFF;\n --inverse-outline-positive-active: #0A8A0AFF;\n --inverse-outline-negative-hover: #FF5263FF;\n --inverse-outline-negative-active: #FF142CFF;\n --inverse-outline-info-hover: #1798EEFF;\n --inverse-outline-info-active: #0F81CCFF;\n --inverse-outline-accent: #0C9C0C;\n --inverse-outline-negative: #FF293E;\n --inverse-outline-positive: #0C9C0C;\n --inverse-outline-solid-primary: #30373C;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-info: #118CDF;\n --inverse-outline-solid-secondary: #657179;\n --data-yellow: #F3A912;\n --data-yellow-hover: #F5B638FF;\n --data-yellow-active: #E49C0CFF;\n --data-yellow-minor: #FFD37A;\n --data-yellow-minor-hover: #FFDA8FFF;\n --data-yellow-minor-active: #FFCC66FF;\n --data-yellow-transparent: #F3A9128F;\n --data-yellow-transparent-hover: #F3A8127A;\n --data-yellow-transparent-active: #F3A81299;\n --on-dark-data-yellow: #F3A912;\n --on-dark-data-yellow-hover: #F5B638FF;\n --on-dark-data-yellow-active: #E49C0CFF;\n --on-dark-data-yellow-minor: #A16B00;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-dark-data-yellow-minor-active: #8F5F00FF;\n --on-dark-data-yellow-transparent: #F3A9128F;\n --on-dark-data-yellow-transparent-hover: #F3A8127A;\n --on-dark-data-yellow-transparent-active: #F3A81299;\n --on-light-data-yellow: #F3A912;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-minor: #FFD37A;\n --on-light-data-yellow-minor-hover: #FFDA8FFF;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --on-light-data-yellow-transparent: #F3A9128F;\n --on-light-data-yellow-transparent-hover: #F3A8127A;\n --on-light-data-yellow-transparent-active: #F3A81299;\n --inverse-data-yellow: #F3A912;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-minor: #A16B00;\n --inverse-data-yellow-minor-hover: #B87A00FF;\n --inverse-data-yellow-minor-active: #8F5F00FF;\n --inverse-data-yellow-transparent: #F3A9128F;\n --inverse-data-yellow-transparent-hover: #F3A8127A;\n --inverse-data-yellow-transparent-active: #F3A81299;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --inverse-text-promo-minor-gradient-hover: #3FABF3FF;\n --inverse-text-promo-minor-gradient-active: #0D84D3FF;\n/** \u0418\u043D\u0432\u0435\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u043C\u0438\u043D\u043E\u0440\u043D\u044B\u0439 \u043F\u0440\u043E\u043C\u043E \u0446\u0432\u0435\u0442 \u0441 \u0433\u0440\u0430\u0434\u0438\u0435\u043D\u0442\u043E\u043C */\nexport const inverseTextPromoMinorGradient = 'var(--inverse-text-promo-minor-gradient)';\n\n --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --surface-skeleton-gradient-hover: #FFFFFFFF;\n --surface-skeleton-gradient-active: #FFFFFFFF;\n --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n}\n\n:root {\n --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;\n --shadow-down-soft-m: 0px 24px 48px -8px #00000014;\n --shadow-down-soft-l: 0px 60px 112px -8px #00000014;\n --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;\n --shadow-down-hard-m: 0px 16px 32px -8px #0000003D;\n --shadow-down-hard-l: 0px 60px 112px -8px #00000066;\n --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;\n --shadow-up-soft-m: 0px -24px 48px -8px #00000014;\n --shadow-up-soft-l: 0px -60px 112px -8px #00000014;\n --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;\n --shadow-up-hard-m: 0px -16px 32px -8px #0000003D;\n --shadow-up-hard-l: 0px -60px 112px -8px #00000066;\n}\n\n:root {\n --border-radius-xxs: 4px;\n --border-radius-xs: 8px;\n --border-radius-s: 12px;\n --border-radius-m: 16px;\n --border-radius-l: 20px;\n --border-radius-xl: 24px;\n --border-radius-xxl: 32px;\n}\n\n:root {\n --spacing-0x: 0px;\n --spacing-1x: 2px;\n --spacing-2x: 4px;\n --spacing-3x: 6px;\n --spacing-4x: 8px;\n --spacing-6x: 12px;\n --spacing-8x: 16px;\n --spacing-10x: 20px;\n --spacing-12x: 24px;\n --spacing-16x: 32px;\n --spacing-20x: 40px;\n --spacing-24x: 48px;\n --spacing-32x: 64px;\n --spacing-40x: 80px;\n --spacing-60x: 120px;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-letter-spacing: normal;\n --plasma-typo-dspl-l-font-style: normal;\n --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-bold-letter-spacing: normal;\n --plasma-typo-dspl-l-bold-font-style: normal;\n --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-letter-spacing: normal;\n --plasma-typo-dspl-m-font-style: normal;\n --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-bold-letter-spacing: normal;\n --plasma-typo-dspl-m-bold-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-letter-spacing: normal;\n --plasma-typo-h5-font-style: normal;\n --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-bold-letter-spacing: normal;\n --plasma-typo-h5-bold-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-letter-spacing: -0.02em;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-bold-letter-spacing: -0.02em;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-letter-spacing: -0.02em;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-bold-letter-spacing: -0.02em;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-letter-spacing: -0.02em;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-bold-letter-spacing: -0.02em;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-letter-spacing: -0.02em;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-letter-spacing: -0.02em;\n --plasma-typo-text-l-font-style: normal;\n --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-bold-letter-spacing: -0.02em;\n --plasma-typo-text-l-bold-font-style: normal;\n --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-letter-spacing: -0.02em;\n --plasma-typo-text-m-font-style: normal;\n --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-bold-letter-spacing: -0.02em;\n --plasma-typo-text-m-bold-font-style: normal;\n --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-letter-spacing: -0.02em;\n --plasma-typo-text-s-font-style: normal;\n --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-bold-letter-spacing: -0.02em;\n --plasma-typo-text-s-bold-font-style: normal;\n --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-letter-spacing: -0.02em;\n --plasma-typo-text-xs-font-style: normal;\n --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-text-xs-bold-font-style: normal;\n --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-medium-letter-spacing: normal;\n --plasma-typo-dspl-l-medium-font-style: normal;\n --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-medium-letter-spacing: normal;\n --plasma-typo-dspl-m-medium-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-medium-letter-spacing: normal;\n --plasma-typo-h5-medium-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-medium-letter-spacing: -0.02em;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-medium-letter-spacing: -0.02em;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-medium-letter-spacing: -0.02em;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-medium-letter-spacing: -0.02em;\n --plasma-typo-text-l-medium-font-style: normal;\n --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-medium-letter-spacing: -0.02em;\n --plasma-typo-text-m-medium-font-style: normal;\n --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-medium-letter-spacing: -0.02em;\n --plasma-typo-text-s-medium-font-style: normal;\n --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-text-xs-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}"];
2
+ export var sdds_cs__light = ["\n:root {\n --text-primary-hover: #6A7E8AFF;\n --text-primary-active: #47545CFF;\n --text-secondary-hover: #000000FF;\n --text-secondary-active: #636D74FF;\n --text-tertiary-hover: #FFFFFFFF;\n --text-tertiary-active: #515B61FF;\n --text-accent-hover: #19CC19FF;\n --text-accent-active: #15A815FF;\n --text-accent-minor-hover: #0FC20FFF;\n --text-accent-minor-active: #097709FF;\n --text-positive-hover: #19CC19FF;\n --text-positive-active: #15A815FF;\n --text-warning-hover: #F5B638FF;\n --text-warning-active: #D08F0BFF;\n --text-negative-hover: #EE2F43FF;\n --text-negative-active: #BD0F21FF;\n --text-info-hover: #3FABF3FF;\n --text-info-active: #0D84D3FF;\n --text-primary: #23292D;\n --text-primary-brightness: #30363AFF;\n --text-secondary: #7B868E;\n --text-accent: #108210;\n --text-negative: #E31227;\n --text-positive: #108210;\n --text-tertiary: #657179;\n --text-warning: #F3A912;\n --text-info: #199AF0;\n --text-accent-minor: #0C9C0C;\n --on-dark-text-primary-hover: #000000FF;\n --on-dark-text-primary-active: #B4C7D9FF;\n --on-dark-text-secondary-hover: #000000FF;\n --on-dark-text-secondary-active: #636D74FF;\n --on-dark-text-tertiary-hover: #FFFFFFFF;\n --on-dark-text-tertiary-active: #596269FF;\n --on-dark-text-accent-hover: #19D719FF;\n --on-dark-text-accent-active: #118D11FF;\n --on-dark-text-accent-minor-hover: #2CE82CFF;\n --on-dark-text-accent-minor-active: #13AE13FF;\n --on-dark-text-positive-hover: #19D719FF;\n --on-dark-text-positive-active: #118D11FF;\n --on-dark-text-warning-hover: #F5B638FF;\n --on-dark-text-warning-active: #D08F0BFF;\n --on-dark-text-negative-hover: #FF5263FF;\n --on-dark-text-negative-active: #FF001AFF;\n --on-dark-text-info-hover: #3FABF3FF;\n --on-dark-text-info-active: #0D84D3FF;\n --on-dark-text-primary: #F7F9FB;\n --on-dark-text-primary-brightness: #F7F9FBFF;\n --on-dark-text-secondary: #7B868E;\n --on-dark-text-accent: #15B015;\n --on-dark-text-negative: #FF293E;\n --on-dark-text-positive: #15B015;\n --on-dark-text-tertiary: #707C84;\n --on-dark-text-warning: #F3A912;\n --on-dark-text-info: #199AF0;\n --on-dark-text-accent-minor: #17D317;\n --on-light-text-primary-hover: #6A7E8AFF;\n --on-light-text-primary-active: #47545CFF;\n --on-light-text-secondary-hover: #000000FF;\n --on-light-text-secondary-active: #636D74FF;\n --on-light-text-tertiary-hover: #FFFFFFFF;\n --on-light-text-tertiary-active: #515B61FF;\n --on-light-text-accent-hover: #19CC19FF;\n --on-light-text-accent-active: #15A815FF;\n --on-light-text-accent-minor-hover: #0FC20FFF;\n --on-light-text-accent-minor-active: #097709FF;\n --on-light-text-positive-hover: #19CC19FF;\n --on-light-text-positive-active: #15A815FF;\n --on-light-text-warning-hover: #F5B638FF;\n --on-light-text-warning-active: #D08F0BFF;\n --on-light-text-negative-hover: #EE2F43FF;\n --on-light-text-negative-active: #BD0F21FF;\n --on-light-text-info-hover: #3FABF3FF;\n --on-light-text-info-active: #0D84D3FF;\n --on-light-text-primary: #23292D;\n --on-light-text-primary-brightness: #30363AFF;\n --on-light-text-secondary: #7B868E;\n --on-light-text-accent: #108210;\n --on-light-text-positive: #108210;\n --on-light-text-negative: #E31227;\n --on-light-text-tertiary: #657179;\n --on-light-text-warning: #F3A912;\n --on-light-text-info: #199AF0;\n --on-light-text-accent-minor: #0C9C0C;\n --inverse-text-primary-hover: #000000FF;\n --inverse-text-primary-active: #B4C7D9FF;\n --inverse-text-secondary-hover: #FFFFFFFF;\n --inverse-text-secondary-active: #90A3B2FF;\n --inverse-text-tertiary-hover: #FFFFFFFF;\n --inverse-text-tertiary-active: #636D74FF;\n --inverse-text-accent-hover: #19D719FF;\n --inverse-text-accent-active: #118D11FF;\n --inverse-text-accent-minor-hover: #2CE82CFF;\n --inverse-text-accent-minor-active: #13AE13FF;\n --inverse-text-positive-hover: #19D719FF;\n --inverse-text-positive-active: #118D11FF;\n --inverse-text-warning-hover: #F5B638FF;\n --inverse-text-warning-active: #D08F0BFF;\n --inverse-text-negative-hover: #FF5263FF;\n --inverse-text-negative-active: #FF001AFF;\n --inverse-text-primary: #F7F9FB;\n --inverse-text-primary-brightness: #F7F9FBFF;\n --inverse-text-accent: #15B015;\n --inverse-text-positive: #15B015;\n --inverse-text-negative: #FF293E;\n --inverse-text-warning: #F3A912;\n --inverse-text-secondary: #C0CBD3;\n --inverse-text-tertiary: #7B868E;\n --inverse-text-accent-minor: #17D317;\n --surface-solid-primary-hover: #F8FAFBFF;\n --surface-solid-primary-active: #EBF0F4FF;\n --surface-solid-secondary-hover: #F5F8F9FF;\n --surface-solid-secondary-active: #E2E9EEFF;\n --surface-solid-tertiary-hover: #E2E9EEFF;\n --surface-solid-tertiary-active: #C9D5DEFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-default-hover: #7A8790FF;\n --surface-solid-default-active: #5D686FFF;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent-hover: #0DA00DFF;\n --surface-accent-active: #0A7B0AFF;\n --surface-transparent-accent-hover: #0B8E0B0A;\n --surface-transparent-accent-active: #0B8E0B29;\n --surface-positive-hover: #0DA00DFF;\n --surface-positive-active: #0A7B0AFF;\n --surface-warning-hover: #F5B638FF;\n --surface-warning-active: #E49C0CFF;\n --surface-negative-hover: #F54254FF;\n --surface-negative-active: #ED0C23FF;\n --surface-info-hover: #36A7F2FF;\n --surface-info-active: #0F90E6FF;\n --surface-warning-minor-hover: #FFFAF0FF;\n --surface-warning-minor-active: #FFF3DBFF;\n --surface-negative-minor-hover: #FFFFFFFF;\n --surface-negative-minor-active: #FFEBEDFF;\n --surface-info-minor-hover: #F5FBFFFF;\n --surface-info-minor-active: #E0F3FFFF;\n --surface-solid-primary-brightness: #FFFFFFFF;\n --surface-solid-card: #FFFFFFFF;\n --surface-solid-card-brightness: #FFFFFFFF;\n --surface-solid-default: #657179;\n --surface-accent: #0B8C0B;\n --surface-positive: #0B8C0B;\n --surface-negative: #F31B31;\n --surface-transparent-accent: #0B8C0B1F;\n --surface-clear: #FFFFFF00;\n --surface-warning: #F3A912;\n --surface-warning-minor: #FFF6E5;\n --surface-info-minor: #EDF8FF;\n --surface-info: #199AF0;\n --surface-solid-tertiary: #D5DFE6;\n --surface-solid-primary: #F2F5F8;\n --surface-solid-secondary: #E8EEF2;\n --surface-negative-minor: #FFF5F6;\n --on-dark-surface-solid-primary-hover: #394147FF;\n --on-dark-surface-solid-primary-active: #272C30FF;\n --on-dark-surface-solid-secondary-hover: #5A656CFF;\n --on-dark-surface-solid-secondary-active: #3F464BFF;\n --on-dark-surface-solid-tertiary-hover: #7A8790FF;\n --on-dark-surface-solid-tertiary-active: #5D686FFF;\n --on-dark-surface-solid-card-hover: #20282DFF;\n --on-dark-surface-solid-card-active: #0B0D0FFF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F1F5F8FF;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent-hover: #0DAF0DFF;\n --on-dark-surface-accent-active: #0A8A0AFF;\n --on-dark-surface-transparent-accent-hover: #0C9D0C1F;\n --on-dark-surface-transparent-accent-active: #0C9D0C3D;\n --on-dark-surface-promo-hover: #FFFFFFFF;\n --on-dark-surface-promo-active: #FFFFFFFF;\n --on-dark-surface-positive-hover: #0DAF0DFF;\n --on-dark-surface-positive-active: #0A8A0AFF;\n --on-dark-surface-warning-hover: #F5B638FF;\n --on-dark-surface-warning-active: #E49C0CFF;\n --on-dark-surface-negative-hover: #FF5263FF;\n --on-dark-surface-negative-active: #FF142CFF;\n --on-dark-surface-info-hover: #36A7F2FF;\n --on-dark-surface-info-active: #0F90E6FF;\n --on-dark-surface-warning-minor-hover: #32250BFF;\n --on-dark-surface-warning-minor-active: #110C04FF;\n --on-dark-surface-negative-minor-hover: #64121AFF;\n --on-dark-surface-negative-minor-active: #380A0FFF;\n --on-dark-surface-info-minor-hover: #0E2434FF;\n --on-dark-surface-info-minor-active: #050E14FF;\n --on-dark-surface-solid-primary-brightness: #3D464CFF;\n --on-dark-surface-solid-card: #13181B;\n --on-dark-surface-solid-card-brightness: #212629FF;\n --on-dark-surface-accent: #0C9C0C;\n --on-dark-surface-positive: #0C9C0C;\n --on-dark-surface-negative: #FF293E;\n --on-dark-surface-transparent-accent: #0C9C0C33;\n --on-dark-surface-solid-default: #F7F9FB;\n --on-dark-surface-promo: #FFFFFFFF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-warning: #F3A912;\n --on-dark-surface-warning-minor: #211807;\n --on-dark-surface-info-minor: #0A1924;\n --on-dark-surface-info: #199AF0;\n --on-dark-surface-solid-secondary: #485056;\n --on-dark-surface-solid-tertiary: #657179;\n --on-dark-surface-solid-primary: #30373C;\n --on-dark-surface-negative-minor: #4A0D13;\n --on-light-surface-solid-primary-hover: #F8FAFBFF;\n --on-light-surface-solid-primary-active: #EBF0F4FF;\n --on-light-surface-solid-secondary-hover: #F5F8F9FF;\n --on-light-surface-solid-secondary-active: #E2E9EEFF;\n --on-light-surface-solid-tertiary-hover: #E2E9EEFF;\n --on-light-surface-solid-tertiary-active: #C9D5DEFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #7A8790FF;\n --on-light-surface-solid-default-active: #5D686FFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent-hover: #0DA00DFF;\n --on-light-surface-accent-active: #0A7B0AFF;\n --on-light-surface-transparent-accent-hover: #0B8E0B0A;\n --on-light-surface-transparent-accent-active: #0B8E0B29;\n --on-light-surface-positive-hover: #0DA00DFF;\n --on-light-surface-positive-active: #0A7B0AFF;\n --on-light-surface-warning-hover: #F5B638FF;\n --on-light-surface-warning-active: #E49C0CFF;\n --on-light-surface-negative-hover: #F54254FF;\n --on-light-surface-negative-active: #ED0C23FF;\n --on-light-surface-info-hover: #36A7F2FF;\n --on-light-surface-info-active: #0F90E6FF;\n --on-light-surface-warning-minor-hover: #FFFAF0FF;\n --on-light-surface-warning-minor-active: #FFF3DBFF;\n --on-light-surface-negative-minor-hover: #FFFFFFFF;\n --on-light-surface-negative-minor-active: #FFEBEDFF;\n --on-light-surface-info-minor-hover: #F5FBFFFF;\n --on-light-surface-info-minor-active: #E0F3FFFF;\n --on-light-surface-solid-primary-brightness: #FFFFFFFF;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-default: #657179;\n --on-light-surface-accent: #0B8C0B;\n --on-light-surface-positive: #0B8C0B;\n --on-light-surface-negative: #F31B31;\n --on-light-surface-transparent-accent: #0B8C0B1F;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-warning: #F3A912;\n --on-light-surface-warning-minor: #FFF6E5;\n --on-light-surface-info-minor: #EDF8FF;\n --on-light-surface-info: #199AF0;\n --on-light-surface-solid-tertiary: #D5DFE6;\n --on-light-surface-solid-primary: #F2F5F8;\n --on-light-surface-solid-secondary: #E8EEF2;\n --on-light-surface-negative-minor: #FFF5F6;\n --inverse-surface-solid-primary-hover: #394147FF;\n --inverse-surface-solid-primary-active: #272C30FF;\n --inverse-surface-solid-secondary-hover: #5A656CFF;\n --inverse-surface-solid-secondary-active: #3F464BFF;\n --inverse-surface-solid-tertiary-hover: #7A8790FF;\n --inverse-surface-solid-tertiary-active: #5D686FFF;\n --inverse-surface-solid-card-hover: #20282DFF;\n --inverse-surface-solid-card-active: #0B0D0FFF;\n --inverse-surface-solid-default-hover: #FFFFFFFF;\n --inverse-surface-solid-default-active: #F1F5F8FF;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent-hover: #0DAF0DFF;\n --inverse-surface-accent-active: #0A8A0AFF;\n --inverse-surface-transparent-accent-hover: #0C9D0C1F;\n --inverse-surface-transparent-accent-active: #0C9D0C3D;\n --inverse-surface-positive-hover: #0DAF0DFF;\n --inverse-surface-positive-active: #0A8A0AFF;\n --inverse-surface-warning-hover: #F5B638FF;\n --inverse-surface-warning-active: #E49C0CFF;\n --inverse-surface-negative-hover: #FF5263FF;\n --inverse-surface-negative-active: #FF142CFF;\n --inverse-surface-info-hover: #36A7F2FF;\n --inverse-surface-info-active: #0F90E6FF;\n --inverse-surface-warning-minor-hover: #32250BFF;\n --inverse-surface-warning-minor-active: #110C04FF;\n --inverse-surface-negative-minor-hover: #400D12FF;\n --inverse-surface-negative-minor-active: #1E0608FF;\n --inverse-surface-info-minor-hover: #0E2434FF;\n --inverse-surface-info-minor-active: #050E14FF;\n --inverse-surface-solid-primary-brightness: #3D464CFF;\n --inverse-surface-solid-card: #13181B;\n --inverse-surface-solid-card-brightness: #212629FF;\n --inverse-surface-accent: #0C9C0C;\n --inverse-surface-positive: #0C9C0C;\n --inverse-surface-negative: #FF293E;\n --inverse-surface-transparent-accent: #0C9C0C33;\n --inverse-surface-solid-default: #F7F9FB;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-warning: #F3A912;\n --inverse-surface-warning-minor: #211807;\n --inverse-surface-info-minor: #0A1924;\n --inverse-surface-info: #199AF0;\n --inverse-surface-negative-minor: #2E090D;\n --inverse-surface-solid-primary: #30373C;\n --inverse-surface-solid-secondary: #485056;\n --inverse-surface-solid-tertiary: #657179;\n --background-primary-brightness: #F3F6F8FF;\n --background-primary: #F2F5F8;\n --dark-background-primary: #060A0C;\n --light-background-primary: #F2F5F8;\n --inverse-background-primary: #060A0C;\n --inverse-background-primary-brightness: #15191BFF;\n --outline-solid-primary-hover: #E2E9EEFF;\n --outline-solid-primary-active: #C9D5DEFF;\n --outline-solid-secondary-hover: #F5F8F9FF;\n --outline-solid-secondary-active: #E2E9EEFF;\n --outline-clear-hover: #FFFFFFFF;\n --outline-clear-active: #FFFFFFFF;\n --outline-accent-hover: #149F14FF;\n --outline-accent-active: #0E710EFF;\n --outline-positive-hover: #149F14FF;\n --outline-positive-active: #0E710EFF;\n --outline-negative-hover: #ED1D31FF;\n --outline-negative-active: #D01124FF;\n --outline-info-hover: #0D7EC9FF;\n --outline-info-active: #0A66A3FF;\n --outline-positive: #108210;\n --outline-accent: #108210;\n --outline-negative: #E31227;\n --outline-solid-primary: #D5DFE6;\n --outline-solid-secondary: #E8EEF2;\n --outline-clear: #FFFFFF00;\n --outline-info: #0C72B6;\n --on-dark-outline-solid-primary-hover: #394147FF;\n --on-dark-outline-solid-primary-active: #272C30FF;\n --on-dark-outline-solid-secondary-hover: #20282DFF;\n --on-dark-outline-solid-secondary-active: #0B0D0FFF;\n --on-dark-outline-clear-hover: #FFFFFFFF;\n --on-dark-outline-clear-active: #FFFFFFFF;\n --on-dark-outline-accent-hover: #0DAF0DFF;\n --on-dark-outline-accent-active: #0A8A0AFF;\n --on-dark-outline-positive-hover: #0DAF0DFF;\n --on-dark-outline-positive-active: #0A8A0AFF;\n --on-dark-outline-negative-hover: #FF5263FF;\n --on-dark-outline-negative-active: #FF142CFF;\n --on-dark-outline-info-hover: #1798EEFF;\n --on-dark-outline-info-active: #0F81CCFF;\n --on-dark-outline-accent: #0C9C0C;\n --on-dark-outline-positive: #0C9C0C;\n --on-dark-outline-negative: #FF293E;\n --on-dark-outline-solid-primary: #30373C;\n --on-dark-outline-solid-secondary: #13181B;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-info: #118CDF;\n --on-light-outline-solid-primary-hover: #E2E9EEFF;\n --on-light-outline-solid-primary-active: #C9D5DEFF;\n --on-light-outline-solid-secondary-hover: #F5F8F9FF;\n --on-light-outline-solid-secondary-active: #E2E9EEFF;\n --on-light-outline-clear-hover: #FFFFFFFF;\n --on-light-outline-clear-active: #FFFFFFFF;\n --on-light-outline-accent-hover: #149F14FF;\n --on-light-outline-accent-active: #0E710EFF;\n --on-light-outline-positive-hover: #0F9928FF;\n --on-light-outline-positive-active: #0B741FFF;\n --on-light-outline-negative-hover: #ED1D31FF;\n --on-light-outline-negative-active: #D01124FF;\n --on-light-outline-info-hover: #0D7EC9FF;\n --on-light-outline-info-active: #0A66A3FF;\n --on-light-outline-accent: #108210;\n --on-light-outline-positive: #0D8523;\n --on-light-outline-negative: #E31227;\n --on-light-outline-solid-primary: #D5DFE6;\n --on-light-outline-solid-secondary: #E8EEF2;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-info: #0C72B6;\n --inverse-outline-solid-primary-hover: #394147FF;\n --inverse-outline-solid-primary-active: #272C30FF;\n --inverse-outline-solid-secondary-hover: #FFFFFFFF;\n --inverse-outline-solid-secondary-active: #515B61FF;\n --inverse-outline-clear-hover: #FFFFFFFF;\n --inverse-outline-clear-active: #FFFFFFFF;\n --inverse-outline-accent-hover: #0DAF0DFF;\n --inverse-outline-accent-active: #0A8A0AFF;\n --inverse-outline-positive-hover: #0DAF0DFF;\n --inverse-outline-positive-active: #0A8A0AFF;\n --inverse-outline-negative-hover: #FF5263FF;\n --inverse-outline-negative-active: #FF142CFF;\n --inverse-outline-info-hover: #1798EEFF;\n --inverse-outline-info-active: #0F81CCFF;\n --inverse-outline-accent: #0C9C0C;\n --inverse-outline-negative: #FF293E;\n --inverse-outline-positive: #0C9C0C;\n --inverse-outline-solid-primary: #30373C;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-info: #118CDF;\n --inverse-outline-solid-secondary: #657179;\n --data-yellow: #F3A912;\n --data-yellow-hover: #F5B638FF;\n --data-yellow-active: #E49C0CFF;\n --data-yellow-minor: #FFD37A;\n --data-yellow-minor-hover: #FFDA8FFF;\n --data-yellow-minor-active: #FFCC66FF;\n --data-yellow-transparent: #F3A9128F;\n --data-yellow-transparent-hover: #F3A8127A;\n --data-yellow-transparent-active: #F3A81299;\n --on-dark-data-yellow: #F3A912;\n --on-dark-data-yellow-hover: #F5B638FF;\n --on-dark-data-yellow-active: #E49C0CFF;\n --on-dark-data-yellow-minor: #A16B00;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-dark-data-yellow-minor-active: #8F5F00FF;\n --on-dark-data-yellow-transparent: #F3A9128F;\n --on-dark-data-yellow-transparent-hover: #F3A8127A;\n --on-dark-data-yellow-transparent-active: #F3A81299;\n --on-light-data-yellow: #F3A912;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-minor: #FFD37A;\n --on-light-data-yellow-minor-hover: #FFDA8FFF;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --on-light-data-yellow-transparent: #F3A9128F;\n --on-light-data-yellow-transparent-hover: #F3A8127A;\n --on-light-data-yellow-transparent-active: #F3A81299;\n --inverse-data-yellow: #F3A912;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-minor: #A16B00;\n --inverse-data-yellow-minor-hover: #B87A00FF;\n --inverse-data-yellow-minor-active: #8F5F00FF;\n --inverse-data-yellow-transparent: #F3A9128F;\n --inverse-data-yellow-transparent-hover: #F3A8127A;\n --inverse-data-yellow-transparent-active: #F3A81299;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --inverse-text-promo-minor-gradient-hover: #3FABF3FF;\n --inverse-text-promo-minor-gradient-active: #0D84D3FF;\n/** \u0418\u043D\u0432\u0435\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u043C\u0438\u043D\u043E\u0440\u043D\u044B\u0439 \u043F\u0440\u043E\u043C\u043E \u0446\u0432\u0435\u0442 \u0441 \u0433\u0440\u0430\u0434\u0438\u0435\u043D\u0442\u043E\u043C */\nexport const inverseTextPromoMinorGradient = 'var(--inverse-text-promo-minor-gradient)';\n\n --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --surface-skeleton-gradient-hover: #FFFFFFFF;\n --surface-skeleton-gradient-active: #FFFFFFFF;\n --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n}\n\n:root {\n --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;\n --shadow-down-soft-m: 0px 24px 48px -8px #00000014;\n --shadow-down-soft-l: 0px 60px 112px -8px #00000014;\n --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;\n --shadow-down-hard-m: 0px 16px 32px -8px #0000003D;\n --shadow-down-hard-l: 0px 60px 112px -8px #00000066;\n --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;\n --shadow-up-soft-m: 0px -24px 48px -8px #00000014;\n --shadow-up-soft-l: 0px -60px 112px -8px #00000014;\n --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;\n --shadow-up-hard-m: 0px -16px 32px -8px #0000003D;\n --shadow-up-hard-l: 0px -60px 112px -8px #00000066;\n}\n\n:root {\n --border-radius-xxs: 4px;\n --border-radius-xs: 8px;\n --border-radius-s: 12px;\n --border-radius-m: 16px;\n --border-radius-l: 20px;\n --border-radius-xl: 24px;\n --border-radius-xxl: 32px;\n}\n\n:root {\n --spacing-0x: 0px;\n --spacing-1x: 2px;\n --spacing-2x: 4px;\n --spacing-3x: 6px;\n --spacing-4x: 8px;\n --spacing-6x: 12px;\n --spacing-8x: 16px;\n --spacing-10x: 20px;\n --spacing-12x: 24px;\n --spacing-16x: 32px;\n --spacing-20x: 40px;\n --spacing-24x: 48px;\n --spacing-32x: 64px;\n --spacing-40x: 80px;\n --spacing-60x: 120px;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-letter-spacing: normal;\n --plasma-typo-dspl-l-font-style: normal;\n --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-bold-letter-spacing: normal;\n --plasma-typo-dspl-l-bold-font-style: normal;\n --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-letter-spacing: normal;\n --plasma-typo-dspl-m-font-style: normal;\n --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-bold-letter-spacing: normal;\n --plasma-typo-dspl-m-bold-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-letter-spacing: normal;\n --plasma-typo-h5-font-style: normal;\n --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-bold-letter-spacing: normal;\n --plasma-typo-h5-bold-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-letter-spacing: -0.02em;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-bold-letter-spacing: -0.02em;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-letter-spacing: -0.02em;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-bold-letter-spacing: -0.02em;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-letter-spacing: -0.02em;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-bold-letter-spacing: -0.02em;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-letter-spacing: -0.02em;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-letter-spacing: -0.02em;\n --plasma-typo-text-l-font-style: normal;\n --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-bold-letter-spacing: -0.02em;\n --plasma-typo-text-l-bold-font-style: normal;\n --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-letter-spacing: -0.02em;\n --plasma-typo-text-m-font-style: normal;\n --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-bold-letter-spacing: -0.02em;\n --plasma-typo-text-m-bold-font-style: normal;\n --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-letter-spacing: -0.02em;\n --plasma-typo-text-s-font-style: normal;\n --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-bold-letter-spacing: -0.02em;\n --plasma-typo-text-s-bold-font-style: normal;\n --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-letter-spacing: -0.02em;\n --plasma-typo-text-xs-font-style: normal;\n --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-text-xs-bold-font-style: normal;\n --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-medium-letter-spacing: normal;\n --plasma-typo-dspl-l-medium-font-style: normal;\n --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-medium-letter-spacing: normal;\n --plasma-typo-dspl-m-medium-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-medium-letter-spacing: normal;\n --plasma-typo-h5-medium-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-medium-letter-spacing: -0.02em;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-medium-letter-spacing: -0.02em;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-medium-letter-spacing: -0.02em;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-medium-letter-spacing: -0.02em;\n --plasma-typo-text-l-medium-font-style: normal;\n --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-medium-letter-spacing: -0.02em;\n --plasma-typo-text-m-medium-font-style: normal;\n --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-medium-letter-spacing: -0.02em;\n --plasma-typo-text-s-medium-font-style: normal;\n --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-text-xs-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}"];
3
3
  //# sourceMappingURL=sdds_cs__light.js.map
package/es/tokens/sdds_cs/index.js CHANGED
@@ -26,11 +26,9 @@ export var textAccentHover = 'var(--text-accent-hover, #0EB90EFF)';
26
26
  /** Акцентный цвет */
27
27
  export var textAccentActive = 'var(--text-accent-active, #0A800AFF)';
28
28
  /** Акцентный минорный цвет */
29
- export var textAccentMinor = 'var(--text-accent-minor, #94FF94)';
29
+ export var textAccentMinorHover = 'var(--text-accent-minor-hover, #23E723FF)';
30
30
  /** Акцентный минорный цвет */
31
- export var textAccentMinorHover = 'var(--text-accent-minor-hover, #B3FFB3FF)';
32
- /** Акцентный минорный цвет */
33
- export var textAccentMinorActive = 'var(--text-accent-minor-active, #75FF75FF)';
31
+ export var textAccentMinorActive = 'var(--text-accent-minor-active, #14B814FF)';
34
32
  /** Цвет успеха */
35
33
  export var textPositive = 'var(--text-positive, #1A9E32)';
36
34
  /** Цвет успеха */
@@ -55,6 +53,8 @@ export var textInfo = 'var(--text-info, #118CDF)';
55
53
  export var textInfoHover = 'var(--text-info-hover, #50B1F2FF)';
56
54
  /** Цвет информации */
57
55
  export var textInfoActive = 'var(--text-info-active, #0F7BC2FF)';
56
+ /** Акцентный минорный цвет */
57
+ export var textAccentMinor = 'var(--text-accent-minor, #17D317)';
58
58
  /** Основной цвет текста на темном фоне */
59
59
  export var onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFF5)';
60
60
  /** Основной цвет текста на темном фоне */
@@ -82,11 +82,9 @@ export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #0EB90EFF)'
82
82
  /** Акцентный цвет на темном фоне */
83
83
  export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #0A800AFF)';
84
84
  /** Акцентный минорный цвет на темном фоне */
85
- export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #94FF94)';
85
+ export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #23E723FF)';
86
86
  /** Акцентный минорный цвет на темном фоне */
87
- export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #B3FFB3FF)';
88
- /** Акцентный минорный цвет на темном фоне */
89
- export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #75FF75FF)';
87
+ export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #14B814FF)';
90
88
  /** Цвет успеха на темном фоне */
91
89
  export var onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)';
92
90
  /** Цвет успеха на темном фоне */
@@ -111,6 +109,8 @@ export var onDarkTextInfo = 'var(--on-dark-text-info, #118CDF)';
111
109
  export var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #50B1F2FF)';
112
110
  /** Цвет информации на темном фоне */
113
111
  export var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0F7BC2FF)';
112
+ /** Акцентный минорный цвет на темном фоне */
113
+ export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #17D317)';
114
114
  /** Основной цвет текста на светлом фоне */
115
115
  export var onLightTextPrimary = 'var(--on-light-text-primary, #060A0CF5)';
116
116
  /** Основной цвет текста на светлом фоне */
@@ -138,11 +138,9 @@ export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #17BA17FF
138
138
  /** Акцентный цвет на светлом фоне */
139
139
  export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #149F14FF)';
140
140
  /** Акцентный минорный цвет на светлом фоне */
141
- export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #082B08)';
141
+ export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #0EB90EFF)';
142
142
  /** Акцентный минорный цвет на светлом фоне */
143
- export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #115F11FF)';
144
- /** Акцентный минорный цвет на светлом фоне */
145
- export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #0D450DFF)';
143
+ export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #0A800AFF)';
146
144
  /** Цвет успеха на светлом фоне */
147
145
  export var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
148
146
  /** Цвет успеха на светлом фоне */
@@ -167,6 +165,8 @@ export var onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)';
167
165
  export var onLightTextInfoHover = 'var(--on-light-text-info-hover, #34A7F4FF)';
168
166
  /** Цвет информации на светлом фоне */
169
167
  export var onLightTextInfoActive = 'var(--on-light-text-info-active, #096CAEFF)';
168
+ /** Акцентный минорный цвет на светлом фоне */
169
+ export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #0C9C0C)';
170
170
  /** Инвертированный основной цвет текста */
171
171
  export var inverseTextPrimary = 'var(--inverse-text-primary, #060A0CF5)';
172
172
  /** Инвертированный основной цвет текста */
@@ -194,11 +194,9 @@ export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #17BA17FF)
194
194
  /** Инвертированный акцентный цвет */
195
195
  export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #149F14FF)';
196
196
  /** Инвертированный минорный акцентный цвет */
197
- export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #082B08)';
197
+ export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #0EB90EFF)';
198
198
  /** Инвертированный минорный акцентный цвет */
199
- export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #115F11FF)';
200
- /** Инвертированный минорный акцентный цвет */
201
- export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #0D450DFF)';
199
+ export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #0A800AFF)';
202
200
  /** Инвертированный цвет успеха */
203
201
  export var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
204
202
  /** Инвертированный цвет успеха */
@@ -217,6 +215,8 @@ export var inverseTextNegative = 'var(--inverse-text-negative, #F31B31)';
217
215
  export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #F5384BFF)';
218
216
  /** Инвертированный цвет ошибки */
219
217
  export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #E40C22FF)';
218
+ /** Инвертированный минорный акцентный цвет */
219
+ export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #0C9C0C)';
220
220
  /** Основной непрозрачный фон поверхности/контрола */
221
221
  export var surfaceSolidPrimary = 'var(--surface-solid-primary, #13181B)';
222
222
  /** Основной непрозрачный фон поверхности/контрола */
@@ -1433,7 +1433,7 @@ export var textXSMedium = {
1433
1433
  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
1434
1434
  };
1435
1435
  export var viewContainer = {
1436
- dark: "\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive: var(--on-dark-text-positive);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info: var(--on-dark-text-info);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-clear: var(--on-dark-outline-clear);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient: var(--on-light-text-promo-minor-gradient);\n --inverse-text-promo-minor-gradient-hover: var(--on-light-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-light-text-promo-minor-gradient-active);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
1437
- light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary: var(--on-light-text-secondary);\n --text-accent: var(--on-light-text-accent);\n --text-negative: var(--on-light-text-negative);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-info: var(--on-light-text-info);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-accent: var(--on-light-surface-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-clear: var(--on-light-surface-clear);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-info: var(--on-light-surface-info);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --background-primary: var(--light-background-primary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive: var(--on-light-outline-positive);\n --outline-accent: var(--on-light-outline-accent);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-clear: var(--on-light-outline-clear);\n --outline-info: var(--on-light-outline-info);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient-hover: var(--on-dark-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-dark-text-promo-minor-gradient-active);\n --inverse-text-promo-minor-gradient: var(--on-dark-text-promo-minor-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
1436
+ dark: "\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive: var(--on-dark-text-positive);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info: var(--on-dark-text-info);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-clear: var(--on-dark-outline-clear);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient: var(--on-light-text-promo-minor-gradient);\n --inverse-text-promo-minor-gradient-hover: var(--on-light-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-light-text-promo-minor-gradient-active);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
1437
+ light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary: var(--on-light-text-secondary);\n --text-accent: var(--on-light-text-accent);\n --text-negative: var(--on-light-text-negative);\n --text-positive: var(--on-light-text-positive);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-info: var(--on-light-text-info);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-accent: var(--on-light-surface-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-clear: var(--on-light-surface-clear);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-info: var(--on-light-surface-info);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --background-primary: var(--light-background-primary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive: var(--on-light-outline-positive);\n --outline-accent: var(--on-light-outline-accent);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-clear: var(--on-light-outline-clear);\n --outline-info: var(--on-light-outline-info);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient-hover: var(--on-dark-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-dark-text-promo-minor-gradient-active);\n --inverse-text-promo-minor-gradient: var(--on-dark-text-promo-minor-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
1438
1438
  };
1439
1439
  //# sourceMappingURL=index.js.map