@salutejs/sdds-themes 0.47.0-canary.2203.17432366342.0 → 0.47.0-dev.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 (17) hide show
  1. package/css/sdds_cs.module.css +18 -18
  2. package/css/sdds_cs__dark.css +9 -9
  3. package/css/sdds_cs__light.css +9 -9
  4. package/es/themes/sdds_cs__dark.js +1 -1
  5. package/es/themes/sdds_cs__dark.js.map +1 -1
  6. package/es/themes/sdds_cs__light.js +1 -1
  7. package/es/themes/sdds_cs__light.js.map +1 -1
  8. package/es/tokens/sdds_cs/index.js +20 -20
  9. package/es/tokens/sdds_cs/index.js.map +1 -1
  10. package/package.json +2 -2
  11. package/themes/sdds_cs__dark.js +1 -1
  12. package/themes/sdds_cs__dark.js.map +1 -1
  13. package/themes/sdds_cs__light.js +1 -1
  14. package/themes/sdds_cs__light.js.map +1 -1
  15. package/tokens/sdds_cs/index.d.ts +18 -18
  16. package/tokens/sdds_cs/index.js +23 -23
  17. 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-info-minor-hover: #F5FBFFFF;\n --surface-info-minor-active: #E0F3FFFF;\n --surface-transparent-negative-hover: #FFFFFFFF;\n --surface-transparent-negative-active: #FFEBEDFF;\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-transparent-negative: #FFF5F6;\n --surface-solid-tertiary: #D5DFE6;\n --surface-solid-primary: #F2F5F8;\n --surface-solid-secondary: #E8EEF2;\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-info-minor-hover: #0E2434FF;\n --on-dark-surface-info-minor-active: #050E14FF;\n --on-dark-surface-transparent-negative-hover: #400D12FF;\n --on-dark-surface-transparent-negative-active: #1E0608FF;\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-transparent-negative: #2E090D;\n --on-dark-surface-solid-secondary: #485056;\n --on-dark-surface-solid-tertiary: #657179;\n --on-dark-surface-solid-primary: #30373C;\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-info-minor-hover: #F5FBFFFF;\n --on-light-surface-info-minor-active: #E0F3FFFF;\n --on-light-surface-transparent-negative-hover: #FFFFFFFF;\n --on-light-surface-transparent-negative-active: #FFEBEDFF;\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-transparent-negative: #FFF5F6;\n --on-light-surface-solid-tertiary: #D5DFE6;\n --on-light-surface-solid-primary: #F2F5F8;\n --on-light-surface-solid-secondary: #E8EEF2;\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: #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}"];
3
3
  //# sourceMappingURL=sdds_cs__light.js.map
package/es/themes/sdds_cs__light.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sdds_cs__light.js","sourceRoot":"","sources":["../../src/themes/sdds_cs__light.ts"],"names":[],"mappings":"AAAA,oDAAoD;AAEpD,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,qytDAsnC7B,CAAoC,CAAC"}
1
+ {"version":3,"file":"sdds_cs__light.js","sourceRoot":"","sources":["../../src/themes/sdds_cs__light.ts"],"names":[],"mappings":"AAAA,oDAAoD;AAEpD,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,+utDAsnC7B,CAAoC,CAAC"}
package/es/tokens/sdds_cs/index.js CHANGED
@@ -299,18 +299,18 @@ export var surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)';
299
299
  export var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
300
300
  /** Минорный цвет фона поверхности/контрола предупреждение */
301
301
  export var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
302
+ /** Минорный цвет фона поверхности/контрола ошибка */
303
+ export var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
304
+ /** Минорный цвет фона поверхности/контрола ошибка */
305
+ export var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
306
+ /** Минорный цвет фона поверхности/контрола ошибка */
307
+ export var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
302
308
  /** Минорный цвет фона поверхности/контрола информация */
303
309
  export var surfaceInfoMinor = 'var(--surface-info-minor, #0C283B)';
304
310
  /** Минорный цвет фона поверхности/контрола информация */
305
311
  export var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)';
306
312
  /** Минорный цвет фона поверхности/контрола информация */
307
313
  export var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
308
- /** Прозрачный цвет фона поверхности/контрола предупреждение */
309
- export var surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E47)';
310
- /** Прозрачный цвет фона поверхности/контрола предупреждение */
311
- export var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E66)';
312
- /** Прозрачный цвет фона поверхности/контрола предупреждение */
313
- export var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E38)';
314
314
  /** Основной непрозрачный фон поверхности/контрола на темном фоне */
315
315
  export var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #13181B)';
316
316
  /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -399,18 +399,18 @@ export var onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D
399
399
  export var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)';
400
400
  /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
401
401
  export var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
402
+ /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
403
+ export var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)';
404
+ /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
405
+ export var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
406
+ /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
407
+ export var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
402
408
  /** Минорный цвет фона поверхности/контрола информация на темном фоне */
403
409
  export var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)';
404
410
  /** Минорный цвет фона поверхности/контрола информация на темном фоне */
405
411
  export var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)';
406
412
  /** Минорный цвет фона поверхности/контрола информация на темном фоне */
407
413
  export var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)';
408
- /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
409
- export var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E47)';
410
- /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
411
- export var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E66)';
412
- /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
413
- export var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E38)';
414
414
  /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
415
415
  export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F2F5F8)';
416
416
  /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -493,18 +493,18 @@ export var onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #
493
493
  export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FFDECCFF)';
494
494
  /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
495
495
  export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FFCAADFF)';
496
+ /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
497
+ export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FECDD2)';
498
+ /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
499
+ export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FED7DBFF)';
500
+ /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
501
+ export var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FEC3C9FF)';
496
502
  /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
497
503
  export var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #B0DFFF)';
498
504
  /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
499
505
  export var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)';
500
506
  /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
501
507
  export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #A8DCFFFF)';
502
- /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
503
- export var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E47)';
504
- /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
505
- export var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E66)';
506
- /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
507
- export var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E38)';
508
508
  /** Инвертированный основной непрозрачный фон поверхности/контрола */
509
509
  export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F2F5F8)';
510
510
  /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -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-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 --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-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-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-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-transparent-negative: var(--on-light-surface-transparent-negative);\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 --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: 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 ",
1438
1438
  };
1439
1439
  //# sourceMappingURL=index.js.map