@salutejs/sdds-themes 0.15.0 → 0.15.1-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_dfa.module.css +72 -48
  2. package/css/sdds_dfa__dark.css +36 -24
  3. package/css/sdds_dfa__light.css +36 -24
  4. package/es/themes/sdds_dfa__dark.js +1 -1
  5. package/es/themes/sdds_dfa__dark.js.map +1 -1
  6. package/es/themes/sdds_dfa__light.js +1 -1
  7. package/es/themes/sdds_dfa__light.js.map +1 -1
  8. package/es/tokens/sdds_dfa/index.js +48 -24
  9. package/es/tokens/sdds_dfa/index.js.map +1 -1
  10. package/package.json +2 -2
  11. package/themes/sdds_dfa__dark.js +1 -1
  12. package/themes/sdds_dfa__dark.js.map +1 -1
  13. package/themes/sdds_dfa__light.js +1 -1
  14. package/themes/sdds_dfa__light.js.map +1 -1
  15. package/tokens/sdds_dfa/index.d.ts +48 -24
  16. package/tokens/sdds_dfa/index.js +55 -31
  17. package/tokens/sdds_dfa/index.js.map +1 -1
package/themes/sdds_dfa__light.js CHANGED
@@ -2,5 +2,5 @@
2
2
  // Generated by robots, do not change this manually!
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.sdds_dfa__light = void 0;
5
- exports.sdds_dfa__light = ["\n:root {\n --text-primary-hover: #17171793;\n --text-primary-active: #171717C4;\n --text-secondary-hover: #171717FF;\n --text-secondary-active: #171717AB;\n --text-tertiary-hover: #171717FF;\n --text-tertiary-active: #17171756;\n --text-paragraph-hover: #1717177A;\n --text-paragraph-active: #171717A3;\n --text-accent-hover: #06C18CFF;\n --text-accent-active: #047253FF;\n --text-accent-minor-hover: #137257FF;\n --text-accent-minor-active: #0D4F3CFF;\n --text-positive-hover: #1FC13DFF;\n --text-positive-active: #147B27FF;\n --text-warning-hover: #FB782DFF;\n --text-warning-active: #D25004FF;\n --text-negative-hover: #FF5263FF;\n --text-negative-active: #FF001AFF;\n --text-info-hover: #0D96F2FF;\n --text-info-active: #0966A5FF;\n --text-positive-minor-hover: #196B28FF;\n --text-positive-minor-active: #114A1CFF;\n --text-warning-minor-hover: #843E15FF;\n --text-warning-minor-active: #602D10FF;\n --text-negative-minor-hover: #8F1925FF;\n --text-negative-minor-active: #6C131CFF;\n --text-info-minor-hover: #1A577FFF;\n --text-info-minor-active: #13405DFF;\n --text-primary: #171717F5;\n --text-secondary: #1717178F;\n --text-tertiary: #17171747;\n --text-paragraph: #171717CC;\n --text-accent: #05996F;\n --text-positive: #1A9E32;\n --text-warning: #FA5F05;\n --text-negative: #FF293E;\n --on-dark-text-primary-hover: #F5F5F593;\n --on-dark-text-primary-active: #F5F5F5C4;\n --on-dark-text-secondary-hover: #F5F5F5FF;\n --on-dark-text-secondary-active: #F5F5F5AB;\n --on-dark-text-tertiary-hover: #F5F5F5FF;\n --on-dark-text-tertiary-active: #F5F5F556;\n --on-dark-text-paragraph-hover: #F5F5F57A;\n --on-dark-text-paragraph-active: #F5F5F5A3;\n --on-dark-text-accent-hover: #20E9B0FF;\n --on-dark-text-accent-active: #11A77CFF;\n --on-dark-text-accent-minor-hover: #B5FCE8FF;\n --on-dark-text-accent-minor-active: #66F9D0FF;\n --on-dark-text-positive-hover: #2BD44AFF;\n --on-dark-text-positive-active: #1D9032FF;\n --on-dark-text-warning-hover: #FF8B4DFF;\n --on-dark-text-warning-active: #FA5700FF;\n --on-dark-text-negative-hover: #FF6675FF;\n --on-dark-text-negative-active: #FF142CFF;\n --on-dark-text-info-hover: #2AA0EFFF;\n --on-dark-text-info-active: #0E75B9FF;\n --on-dark-text-positive-minor-hover: #C5FCCFFF;\n --on-dark-text-positive-minor-active: #77F88FFF;\n --on-dark-text-warning-minor-hover: #FFFCFAFF;\n --on-dark-text-warning-minor-active: #FDC9AAFF;\n --on-dark-text-negative-minor-hover: #FFFFFFFF;\n --on-dark-text-negative-minor-active: #FFB8BFFF;\n --on-dark-text-info-minor-hover: #FAFDFFFF;\n --on-dark-text-info-minor-active: #A8DCFFFF;\n --on-dark-text-primary: #F5F5F5F5;\n --on-dark-text-secondary: #F5F5F58F;\n --on-dark-text-tertiary: #F5F5F547;\n --on-dark-text-paragraph: #F5F5F5CC;\n --on-dark-text-accent: #14CC98;\n --on-dark-text-positive: #24B23E;\n --on-dark-text-warning: #FF7024;\n --on-dark-text-negative: #FF3D51;\n --on-light-text-primary-hover: #17171793;\n --on-light-text-primary-active: #171717C4;\n --on-light-text-secondary-hover: #171717FF;\n --on-light-text-secondary-active: #171717AB;\n --on-light-text-tertiary-hover: #171717FF;\n --on-light-text-tertiary-active: #17171756;\n --on-light-text-paragraph-hover: #1717177A;\n --on-light-text-paragraph-active: #171717A3;\n --on-light-text-accent-hover: #06C18CFF;\n --on-light-text-accent-active: #047253FF;\n --on-light-text-accent-minor-hover: #137257FF;\n --on-light-text-accent-minor-active: #0D4F3CFF;\n --on-light-text-positive-hover: #1FC13DFF;\n --on-light-text-positive-active: #147B27FF;\n --on-light-text-warning-hover: #FB782DFF;\n --on-light-text-warning-active: #D25004FF;\n --on-light-text-negative-hover: #FF5263FF;\n --on-light-text-negative-active: #FF001AFF;\n --on-light-text-info-hover: #0D96F2FF;\n --on-light-text-info-active: #0966A5FF;\n --on-light-text-positive-minor-hover: #196B28FF;\n --on-light-text-positive-minor-active: #114A1CFF;\n --on-light-text-warning-minor-hover: #843E15FF;\n --on-light-text-warning-minor-active: #602D10FF;\n --on-light-text-negative-minor-hover: #8F1925FF;\n --on-light-text-negative-minor-active: #6C131CFF;\n --on-light-text-info-minor-hover: #1A577FFF;\n --on-light-text-info-minor-active: #13405DFF;\n --on-light-text-primary: #171717F5;\n --on-light-text-secondary: #1717178F;\n --on-light-text-tertiary: #17171747;\n --on-light-text-paragraph: #171717CC;\n --on-light-text-accent: #05996F;\n --on-light-text-positive: #1A9E32;\n --on-light-text-warning: #FA5F05;\n --on-light-text-negative: #FF293E;\n --inverse-text-primary-hover: #F5F5F593;\n --inverse-text-primary-active: #F5F5F5C4;\n --inverse-text-secondary-hover: #F5F5F5FF;\n --inverse-text-secondary-active: #F5F5F5AB;\n --inverse-text-tertiary-hover: #F5F5F5FF;\n --inverse-text-tertiary-active: #F5F5F556;\n --inverse-text-paragraph-hover: #F5F5F57A;\n --inverse-text-paragraph-active: #F5F5F5A3;\n --inverse-text-accent-hover: #20E9B0FF;\n --inverse-text-accent-active: #11A77CFF;\n --inverse-text-accent-minor-hover: #B5FCE8FF;\n --inverse-text-accent-minor-active: #66F9D0FF;\n --inverse-text-positive-hover: #2BD44AFF;\n --inverse-text-positive-active: #1D9032FF;\n --inverse-text-warning-hover: #FF8B4DFF;\n --inverse-text-warning-active: #FA5700FF;\n --inverse-text-negative-hover: #FF6675FF;\n --inverse-text-negative-active: #FF142CFF;\n --inverse-text-info-hover: #2AA0EFFF;\n --inverse-text-info-active: #0E75B9FF;\n --inverse-text-positive-minor-hover: #C5FCCFFF;\n --inverse-text-positive-minor-active: #77F88FFF;\n --inverse-text-warning-minor-hover: #FFFCFAFF;\n --inverse-text-warning-minor-active: #FDC9AAFF;\n --inverse-text-negative-minor-hover: #FFFFFFFF;\n --inverse-text-negative-minor-active: #FFB8BFFF;\n --inverse-text-info-minor-hover: #FAFDFFFF;\n --inverse-text-info-minor-active: #A8DCFFFF;\n --inverse-text-primary: #F5F5F5F5;\n --inverse-text-secondary: #F5F5F58F;\n --inverse-text-tertiary: #F5F5F547;\n --inverse-text-paragraph: #F5F5F5CC;\n --inverse-text-accent: #14CC98;\n --inverse-text-positive: #24B23E;\n --inverse-text-warning: #FF7024;\n --inverse-text-negative: #FF3D51;\n --surface-solid-primary-hover: #FAFAFAFF;\n --surface-solid-primary-active: #F0F0F0FF;\n --surface-solid-secondary-hover: #EDEDEDFF;\n --surface-solid-secondary-active: #D4D4D4FF;\n --surface-solid-tertiary-hover: #D6D6D6FF;\n --surface-solid-tertiary-active: #BDBDBDFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-default-hover: #262626FF;\n --surface-solid-default-active: #030303FF;\n --surface-transparent-primary-hover: #08080800;\n --surface-transparent-primary-active: #0808080A;\n --surface-transparent-secondary-hover: #08080805;\n --surface-transparent-secondary-active: #0808081A;\n --surface-transparent-tertiary-hover: #0808080A;\n --surface-transparent-tertiary-active: #08080829;\n --surface-transparent-deep-hover: #0808088F;\n --surface-transparent-deep-active: #080808AD;\n --surface-transparent-card-hover: #FFFFFFFF;\n --surface-transparent-card-active: #FFFFFFFF;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent-hover: #00C28BFF;\n --surface-accent-active: #00996EFF;\n --surface-accent-minor-hover: #71F4CFFF;\n --surface-accent-minor-active: #41F1BFFF;\n --surface-transparent-accent-hover: #05996F33;\n --surface-transparent-accent-active: #05996F52;\n --surface-positive-hover: #1EB83AFF;\n --surface-positive-active: #178C2CFF;\n --surface-warning-hover: #FB782DFF;\n --surface-warning-active: #E65705FF;\n --surface-negative-hover: #FF5263FF;\n --surface-negative-active: #FF142CFF;\n --surface-info-hover: #1798EEFF;\n --surface-info-active: #0F81CCFF;\n --surface-positive-minor-hover: #93F6A5FF;\n --surface-positive-minor-active: #64F27EFF;\n --surface-warning-minor-hover: #FFDECCFF;\n --surface-warning-minor-active: #FFC3A3FF;\n --surface-negative-minor-hover: #FEE1E4FF;\n --surface-negative-minor-active: #FEC3C9FF;\n --surface-info-minor-hover: #C7E9FFFF;\n --surface-info-minor-active: #9ED8FFFF;\n --surface-transparent-positive-hover: #1A9E3233;\n --surface-transparent-positive-active: #1A9E3252;\n --surface-transparent-warning-hover: #FA5F0533;\n --surface-transparent-warning-active: #FA5F0552;\n --surface-transparent-negative-hover: #FF293E33;\n --surface-transparent-negative-active: #FF293E52;\n --surface-transparent-info-hover: #118CDF33;\n --surface-transparent-info-active: #118CDF52;\n --surface-solid-primary: #F5F5F5;\n --surface-solid-secondary: #DDDDDD;\n --surface-solid-tertiary: #C7C7C7;\n --surface-solid-card: #FFFFFFFF;\n --surface-solid-default: #080808;\n --surface-transparent-primary: #08080805;\n --surface-transparent-secondary: #0808080F;\n --surface-transparent-tertiary: #0808081F;\n --surface-transparent-deep: #080808A3;\n --surface-transparent-card: #FFFFFFFF;\n --surface-clear: #FFFFFF00;\n --surface-accent: #00AC7B;\n --surface-negative: #FF293E;\n --surface-warning: #FA5F05;\n --surface-positive: #1A9E32;\n --on-dark-surface-solid-primary-hover: #363636FF;\n --on-dark-surface-solid-primary-active: #0D0D0DFF;\n --on-dark-surface-solid-secondary-hover: #3B3B3BFF;\n --on-dark-surface-solid-secondary-active: #1C1C1CFF;\n --on-dark-surface-solid-tertiary-hover: #4A4A4AFF;\n --on-dark-surface-solid-tertiary-active: #2B2B2BFF;\n --on-dark-surface-solid-card-hover: #3B3B3BFF;\n --on-dark-surface-solid-card-active: #1C1C1CFF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F5F5F5FF;\n --on-dark-surface-transparent-primary-hover: #FFFFFF05;\n --on-dark-surface-transparent-primary-active: #FFFFFF1A;\n --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;\n --on-dark-surface-transparent-secondary-active: #FFFFFF29;\n --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;\n --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;\n --on-dark-surface-transparent-deep-hover: #FFFFFF8F;\n --on-dark-surface-transparent-deep-active: #FFFFFFAD;\n --on-dark-surface-transparent-card-hover: #FFFFFF0A;\n --on-dark-surface-transparent-card-active: #FFFFFF29;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent-hover: #00C28BFF;\n --on-dark-surface-accent-active: #00996EFF;\n --on-dark-surface-accent-minor-hover: #0B4636FF;\n --on-dark-surface-accent-minor-active: #041A14FF;\n --on-dark-surface-transparent-accent-hover: #14CC9833;\n --on-dark-surface-transparent-accent-active: #14CC9852;\n --on-dark-surface-positive-hover: #28C344FF;\n --on-dark-surface-positive-active: #21A138FF;\n --on-dark-surface-warning-hover: #FF8B4DFF;\n --on-dark-surface-warning-active: #FF630FFF;\n --on-dark-surface-negative-hover: #FF6675FF;\n --on-dark-surface-negative-active: #FF293EFF;\n --on-dark-surface-info-hover: #1798EEFF;\n --on-dark-surface-info-active: #0F81CCFF;\n --on-dark-surface-positive-minor-hover: #0E3A16FF;\n --on-dark-surface-positive-minor-active: #061909FF;\n --on-dark-surface-warning-minor-hover: #58290EFF;\n --on-dark-surface-warning-minor-active: #2C1507FF;\n --on-dark-surface-negative-minor-hover: #64121AFF;\n --on-dark-surface-negative-minor-active: #380A0FFF;\n --on-dark-surface-info-minor-hover: #10344CFF;\n --on-dark-surface-info-minor-active: #091D2AFF;\n --on-dark-surface-transparent-positive-hover: #1A9E3233;\n --on-dark-surface-transparent-positive-active: #1A9E3252;\n --on-dark-surface-transparent-warning-hover: #FA5F0533;\n --on-dark-surface-transparent-warning-active: #FA5F0552;\n --on-dark-surface-transparent-negative-hover: #FF293E33;\n --on-dark-surface-transparent-negative-active: #FF293E52;\n --on-dark-surface-transparent-info-hover: #118CDF33;\n --on-dark-surface-transparent-info-active: #118CDF52;\n --on-dark-surface-solid-card: #262626;\n --on-dark-surface-solid-primary: #171717;\n --on-dark-surface-solid-secondary: #262626;\n --on-dark-surface-solid-tertiary: #363636;\n --on-dark-surface-solid-default: #F9F9F9;\n --on-dark-surface-transparent-primary: #FFFFFF0F;\n --on-dark-surface-transparent-secondary: #FFFFFF1F;\n --on-dark-surface-transparent-tertiary: #FFFFFF33;\n --on-dark-surface-transparent-deep: #FFFFFFA3;\n --on-dark-surface-transparent-card: #FFFFFF1F;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-accent: #00AC7B;\n --on-dark-surface-positive: #24B23E;\n --on-dark-surface-warning: #FF7024;\n --on-dark-surface-negative: #FF3D51;\n --on-light-surface-solid-primary-hover: #FAFAFAFF;\n --on-light-surface-solid-primary-active: #F0F0F0FF;\n --on-light-surface-solid-secondary-hover: #EDEDEDFF;\n --on-light-surface-solid-secondary-active: #D4D4D4FF;\n --on-light-surface-solid-tertiary-hover: #D6D6D6FF;\n --on-light-surface-solid-tertiary-active: #BDBDBDFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #262626FF;\n --on-light-surface-solid-default-active: #030303FF;\n --on-light-surface-transparent-primary-hover: #08080800;\n --on-light-surface-transparent-primary-active: #0808080A;\n --on-light-surface-transparent-secondary-hover: #08080805;\n --on-light-surface-transparent-secondary-active: #0808081A;\n --on-light-surface-transparent-tertiary-hover: #0808080A;\n --on-light-surface-transparent-tertiary-active: #08080829;\n --on-light-surface-transparent-deep-hover: #0808088F;\n --on-light-surface-transparent-deep-active: #080808AD;\n --on-light-surface-transparent-card-hover: #FFFFFFFF;\n --on-light-surface-transparent-card-active: #FFFFFFFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent-hover: #00C28BFF;\n --on-light-surface-accent-active: #00996EFF;\n --on-light-surface-accent-minor-hover: #71F4CFFF;\n --on-light-surface-accent-minor-active: #41F1BFFF;\n --on-light-surface-transparent-accent-hover: #05996F33;\n --on-light-surface-transparent-accent-active: #05996F52;\n --on-light-surface-positive-hover: #1EB83AFF;\n --on-light-surface-positive-active: #178C2CFF;\n --on-light-surface-warning-hover: #FB782DFF;\n --on-light-surface-warning-active: #E65705FF;\n --on-light-surface-negative-hover: #FF5263FF;\n --on-light-surface-negative-active: #FF142CFF;\n --on-light-surface-info-hover: #1798EEFF;\n --on-light-surface-info-active: #0F81CCFF;\n --on-light-surface-positive-minor-hover: #93F6A5FF;\n --on-light-surface-positive-minor-active: #64F27EFF;\n --on-light-surface-warning-minor-hover: #FFDECCFF;\n --on-light-surface-warning-minor-active: #FFC3A3FF;\n --on-light-surface-negative-minor-hover: #FEE1E4FF;\n --on-light-surface-negative-minor-active: #FEC3C9FF;\n --on-light-surface-info-minor-hover: #C7E9FFFF;\n --on-light-surface-info-minor-active: #9ED8FFFF;\n --on-light-surface-transparent-positive-hover: #1A9E3233;\n --on-light-surface-transparent-positive-active: #1A9E3252;\n --on-light-surface-transparent-warning-hover: #FA5F0533;\n --on-light-surface-transparent-warning-active: #FA5F0552;\n --on-light-surface-transparent-negative-hover: #FF293E33;\n --on-light-surface-transparent-negative-active: #FF293E52;\n --on-light-surface-transparent-info-hover: #118CDF33;\n --on-light-surface-transparent-info-active: #118CDF52;\n --on-light-surface-solid-primary: #F5F5F5;\n --on-light-surface-solid-secondary: #DDDDDD;\n --on-light-surface-solid-tertiary: #C7C7C7;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-default: #080808;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-transparent-card: #FFFFFFFF;\n --on-light-surface-transparent-primary: #08080805;\n --on-light-surface-transparent-secondary: #0808080F;\n --on-light-surface-transparent-tertiary: #0808081F;\n --on-light-surface-transparent-deep: #080808A3;\n --on-light-surface-accent: #00AC7B;\n --on-light-surface-positive: #1A9E32;\n --on-light-surface-warning: #FA5F05;\n --on-light-surface-negative: #FF293E;\n --inverse-surface-solid-primary-hover: #363636FF;\n --inverse-surface-solid-primary-active: #0D0D0DFF;\n --inverse-surface-solid-secondary-hover: #3B3B3BFF;\n --inverse-surface-solid-secondary-active: #1C1C1CFF;\n --inverse-surface-solid-tertiary-hover: #4A4A4AFF;\n --inverse-surface-solid-tertiary-active: #2B2B2BFF;\n --inverse-surface-solid-card-hover: #3B3B3BFF;\n --inverse-surface-solid-card-active: #1C1C1CFF;\n --inverse-surface-solid-default-hover: #FFFFFFFF;\n --inverse-surface-solid-default-active: #F5F5F5FF;\n --inverse-surface-transparent-primary-hover: #FFFFFF05;\n --inverse-surface-transparent-primary-active: #FFFFFF1A;\n --inverse-surface-transparent-secondary-hover: #FFFFFF0A;\n --inverse-surface-transparent-secondary-active: #FFFFFF29;\n --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;\n --inverse-surface-transparent-tertiary-active: #FFFFFF3D;\n --inverse-surface-transparent-deep-hover: #FFFFFF8F;\n --inverse-surface-transparent-deep-active: #FFFFFFAD;\n --inverse-surface-transparent-card-hover: #FFFFFF0A;\n --inverse-surface-transparent-card-active: #FFFFFF29;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent-hover: #00C28BFF;\n --inverse-surface-accent-active: #00996EFF;\n --inverse-surface-accent-minor-hover: #0B4636FF;\n --inverse-surface-accent-minor-active: #041A14FF;\n --inverse-surface-transparent-accent-hover: #14CC9833;\n --inverse-surface-transparent-accent-active: #14CC9852;\n --inverse-surface-positive-hover: #28C344FF;\n --inverse-surface-positive-active: #21A138FF;\n --inverse-surface-warning-hover: #FF8B4DFF;\n --inverse-surface-warning-active: #FF630FFF;\n --inverse-surface-negative-hover: #FF6675FF;\n --inverse-surface-negative-active: #FF293EFF;\n --inverse-surface-info-hover: #1798EEFF;\n --inverse-surface-info-active: #0F81CCFF;\n --inverse-surface-positive-minor-hover: #0E3A16FF;\n --inverse-surface-positive-minor-active: #061909FF;\n --inverse-surface-warning-minor-hover: #58290EFF;\n --inverse-surface-warning-minor-active: #2C1507FF;\n --inverse-surface-negative-minor-hover: #64121AFF;\n --inverse-surface-negative-minor-active: #380A0FFF;\n --inverse-surface-info-minor-hover: #10344CFF;\n --inverse-surface-info-minor-active: #091D2AFF;\n --inverse-surface-transparent-positive-hover: #1A9E3233;\n --inverse-surface-transparent-positive-active: #1A9E3252;\n --inverse-surface-transparent-warning-hover: #FA5F0533;\n --inverse-surface-transparent-warning-active: #FA5F0552;\n --inverse-surface-transparent-negative-hover: #FF293E33;\n --inverse-surface-transparent-negative-active: #FF293E52;\n --inverse-surface-transparent-info-hover: #118CDF33;\n --inverse-surface-transparent-info-active: #118CDF52;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-solid-card: #262626;\n --inverse-surface-solid-primary: #171717;\n --inverse-surface-solid-secondary: #262626;\n --inverse-surface-solid-tertiary: #363636;\n --inverse-surface-solid-default: #F9F9F9;\n --inverse-surface-transparent-card: #FFFFFF1F;\n --inverse-surface-transparent-primary: #FFFFFF0F;\n --inverse-surface-transparent-secondary: #FFFFFF1F;\n --inverse-surface-transparent-tertiary: #FFFFFF33;\n --inverse-surface-transparent-deep: #FFFFFFA3;\n --inverse-surface-accent: #00AC7B;\n --inverse-surface-positive: #24B23E;\n --inverse-surface-warning: #FF7024;\n --inverse-surface-negative: #FF3D51;\n --background-primary: #F5F5F5;\n --dark-background-primary: #171717;\n --light-background-primary: #F5F5F5;\n --inverse-background-primary: #171717;\n --overlay-soft: #F9F9F98F;\n --overlay-hard: #F9F9F9F5;\n --overlay-blur: #F9F9F933;\n --on-dark-overlay-soft: #0808088F;\n --on-dark-overlay-hard: #080808F5;\n --on-dark-overlay-blur: #08080833;\n --on-light-overlay-soft: #F9F9F98F;\n --on-light-overlay-hard: #F9F9F9F5;\n --on-light-overlay-blur: #F9F9F933;\n --inverse-overlay-soft: #0808088F;\n --inverse-overlay-hard: #080808F5;\n --inverse-overlay-blur: #08080833;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --text-accent-gradient-hover: #000000FF;\n --text-accent-gradient-active: #CCCCCCFF;\n --text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);\n --on-dark-text-accent-gradient-hover: #000000FF;\n --on-dark-text-accent-gradient-active: #CCCCCCFF;\n --on-dark-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);\n --on-light-text-accent-gradient-hover: #000000FF;\n --on-light-text-accent-gradient-active: #CCCCCCFF;\n --on-light-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);\n --inverse-text-accent-gradient-hover: #000000FF;\n --inverse-text-accent-gradient-active: #CCCCCCFF;\n --inverse-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);\n --surface-accent-gradient-hover: #FFFFFFFF;\n --surface-accent-gradient-active: #FFFFFFFF;\n --surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);\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-accent-gradient-hover: #FFFFFFFF;\n --on-dark-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);\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-accent-gradient-hover: #FFFFFFFF;\n --on-light-surface-accent-gradient-active: #FFFFFFFF;\n --on-light-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);\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-accent-gradient-hover: #FFFFFFFF;\n --inverse-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);\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 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}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-dspl-l-font-size: 5.5rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 5.75rem;\n --plasma-typo-dspl-l-bold-font-size: 5.5rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 5.75rem;\n --plasma-typo-dspl-m-font-size: 3.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 3.875rem;\n --plasma-typo-dspl-m-bold-font-size: 3.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 3.875rem;\n --plasma-typo-dspl-s-font-size: 2.5rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 2.875rem;\n --plasma-typo-dspl-s-bold-font-size: 2.5rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 2.875rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.125rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 2.125rem;\n --plasma-typo-h2-font-size: 1.5rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.875rem;\n --plasma-typo-h2-bold-font-size: 1.5rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 1.875rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.625rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.625rem;\n --plasma-typo-h4-font-size: 1.125rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.5rem;\n --plasma-typo-h4-bold-font-size: 1.125rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.5rem;\n --plasma-typo-h5-font-size: 1rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.375rem;\n --plasma-typo-h5-bold-font-size: 1rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.375rem;\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.375rem;\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.375rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\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.25rem;\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.125rem;\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.125rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\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: 0.875rem;\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.75rem;\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.75rem;\n --plasma-typo-text-l-font-size: 1.125rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 1.625rem;\n --plasma-typo-text-l-bold-font-size: 1.125rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 1.625rem;\n --plasma-typo-text-m-font-size: 1rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.5rem;\n --plasma-typo-text-m-bold-font-size: 1rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.5rem;\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: 1rem;\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: 1rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-l-font-size: 7rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 7rem;\n --plasma-typo-dspl-l-bold-font-size: 7rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 7rem;\n --plasma-typo-dspl-m-font-size: 4.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 4.75rem;\n --plasma-typo-dspl-m-bold-font-size: 4.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 4.75rem;\n --plasma-typo-dspl-s-font-size: 3rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 3.375rem;\n --plasma-typo-dspl-s-bold-font-size: 3rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 3.375rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.875rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 2.875rem;\n --plasma-typo-h2-font-size: 1.75rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.125rem;\n --plasma-typo-h2-bold-font-size: 1.75rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.125rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.625rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.625rem;\n --plasma-typo-h4-font-size: 1.125rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.5rem;\n --plasma-typo-h4-bold-font-size: 1.125rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.5rem;\n --plasma-typo-h5-font-size: 1rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.375rem;\n --plasma-typo-h5-bold-font-size: 1rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.375rem;\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.375rem;\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.375rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\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.25rem;\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.125rem;\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.125rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\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: 0.875rem;\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.75rem;\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.75rem;\n --plasma-typo-text-l-font-size: 1.25rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 1.75rem;\n --plasma-typo-text-l-bold-font-size: 1.25rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 1.75rem;\n --plasma-typo-text-m-font-size: 1rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.5rem;\n --plasma-typo-text-m-bold-font-size: 1rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.5rem;\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: 1rem;\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: 1rem;\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: 5.75rem;\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: 5.75rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.25rem;\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.25rem;\n --plasma-typo-h1-font-size: 3rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3.375rem;\n --plasma-typo-h1-bold-font-size: 3rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3.375rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.375rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.375rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.875rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.875rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.625rem;\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.625rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.5rem;\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.5rem;\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.375rem;\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.375rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\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.25rem;\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.125rem;\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.125rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\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: 0.875rem;\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.75rem;\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.75rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2rem;\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: 2rem;\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.625rem;\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.625rem;\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: 1rem;\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: 1rem;\n }\n}"];
5
+ exports.sdds_dfa__light = ["\n:root {\n --text-primary-hover: #17171793;\n --text-primary-active: #171717C4;\n --text-secondary-hover: #171717FF;\n --text-secondary-active: #171717AB;\n --text-tertiary-hover: #171717FF;\n --text-tertiary-active: #17171756;\n --text-paragraph-hover: #1717177A;\n --text-paragraph-active: #171717A3;\n --text-accent-hover: #06C18CFF;\n --text-accent-active: #047253FF;\n --text-accent-minor-hover: #137257FF;\n --text-accent-minor-active: #0D4F3CFF;\n --text-positive-hover: #1FC13DFF;\n --text-positive-active: #147B27FF;\n --text-warning-hover: #FB782DFF;\n --text-warning-active: #D25004FF;\n --text-negative-hover: #FF5263FF;\n --text-negative-active: #FF001AFF;\n --text-info-hover: #0D96F2FF;\n --text-info-active: #0966A5FF;\n --text-positive-minor-hover: #196B28FF;\n --text-positive-minor-active: #114A1CFF;\n --text-warning-minor-hover: #843E15FF;\n --text-warning-minor-active: #602D10FF;\n --text-negative-minor-hover: #8F1925FF;\n --text-negative-minor-active: #6C131CFF;\n --text-info-minor-hover: #1A577FFF;\n --text-info-minor-active: #13405DFF;\n --text-primary: #171717F5;\n --text-secondary: #1717178F;\n --text-tertiary: #17171747;\n --text-paragraph: #171717CC;\n --text-accent: #05996F;\n --text-positive: #1A9E32;\n --text-warning: #FA5F05;\n --text-negative: #FF293E;\n --on-dark-text-primary-hover: #F5F5F593;\n --on-dark-text-primary-active: #F5F5F5C4;\n --on-dark-text-secondary-hover: #F5F5F5FF;\n --on-dark-text-secondary-active: #F5F5F5AB;\n --on-dark-text-tertiary-hover: #F5F5F5FF;\n --on-dark-text-tertiary-active: #F5F5F556;\n --on-dark-text-paragraph-hover: #F5F5F57A;\n --on-dark-text-paragraph-active: #F5F5F5A3;\n --on-dark-text-accent-hover: #20E9B0FF;\n --on-dark-text-accent-active: #11A77CFF;\n --on-dark-text-accent-minor-hover: #B5FCE8FF;\n --on-dark-text-accent-minor-active: #66F9D0FF;\n --on-dark-text-positive-hover: #2BD44AFF;\n --on-dark-text-positive-active: #1D9032FF;\n --on-dark-text-warning-hover: #FF8B4DFF;\n --on-dark-text-warning-active: #FA5700FF;\n --on-dark-text-negative-hover: #FF6675FF;\n --on-dark-text-negative-active: #FF142CFF;\n --on-dark-text-info-hover: #2AA0EFFF;\n --on-dark-text-info-active: #0E75B9FF;\n --on-dark-text-positive-minor-hover: #C5FCCFFF;\n --on-dark-text-positive-minor-active: #77F88FFF;\n --on-dark-text-warning-minor-hover: #FFFCFAFF;\n --on-dark-text-warning-minor-active: #FDC9AAFF;\n --on-dark-text-negative-minor-hover: #FFFFFFFF;\n --on-dark-text-negative-minor-active: #FFB8BFFF;\n --on-dark-text-info-minor-hover: #FAFDFFFF;\n --on-dark-text-info-minor-active: #A8DCFFFF;\n --on-dark-text-primary: #F5F5F5F5;\n --on-dark-text-secondary: #F5F5F58F;\n --on-dark-text-tertiary: #F5F5F547;\n --on-dark-text-paragraph: #F5F5F5CC;\n --on-dark-text-accent: #14CC98;\n --on-dark-text-positive: #24B23E;\n --on-dark-text-warning: #FF7024;\n --on-dark-text-negative: #FF3D51;\n --on-light-text-primary-hover: #17171793;\n --on-light-text-primary-active: #171717C4;\n --on-light-text-secondary-hover: #171717FF;\n --on-light-text-secondary-active: #171717AB;\n --on-light-text-tertiary-hover: #171717FF;\n --on-light-text-tertiary-active: #17171756;\n --on-light-text-paragraph-hover: #1717177A;\n --on-light-text-paragraph-active: #171717A3;\n --on-light-text-accent-hover: #06C18CFF;\n --on-light-text-accent-active: #047253FF;\n --on-light-text-accent-minor-hover: #137257FF;\n --on-light-text-accent-minor-active: #0D4F3CFF;\n --on-light-text-positive-hover: #1FC13DFF;\n --on-light-text-positive-active: #147B27FF;\n --on-light-text-warning-hover: #FB782DFF;\n --on-light-text-warning-active: #D25004FF;\n --on-light-text-negative-hover: #FF5263FF;\n --on-light-text-negative-active: #FF001AFF;\n --on-light-text-info-hover: #0D96F2FF;\n --on-light-text-info-active: #0966A5FF;\n --on-light-text-positive-minor-hover: #196B28FF;\n --on-light-text-positive-minor-active: #114A1CFF;\n --on-light-text-warning-minor-hover: #843E15FF;\n --on-light-text-warning-minor-active: #602D10FF;\n --on-light-text-negative-minor-hover: #8F1925FF;\n --on-light-text-negative-minor-active: #6C131CFF;\n --on-light-text-info-minor-hover: #1A577FFF;\n --on-light-text-info-minor-active: #13405DFF;\n --on-light-text-primary: #171717F5;\n --on-light-text-secondary: #1717178F;\n --on-light-text-tertiary: #17171747;\n --on-light-text-paragraph: #171717CC;\n --on-light-text-accent: #05996F;\n --on-light-text-positive: #1A9E32;\n --on-light-text-warning: #FA5F05;\n --on-light-text-negative: #FF293E;\n --inverse-text-primary-hover: #F5F5F593;\n --inverse-text-primary-active: #F5F5F5C4;\n --inverse-text-secondary-hover: #F5F5F5FF;\n --inverse-text-secondary-active: #F5F5F5AB;\n --inverse-text-tertiary-hover: #F5F5F5FF;\n --inverse-text-tertiary-active: #F5F5F556;\n --inverse-text-paragraph-hover: #F5F5F57A;\n --inverse-text-paragraph-active: #F5F5F5A3;\n --inverse-text-accent-hover: #20E9B0FF;\n --inverse-text-accent-active: #11A77CFF;\n --inverse-text-accent-minor-hover: #B5FCE8FF;\n --inverse-text-accent-minor-active: #66F9D0FF;\n --inverse-text-positive-hover: #2BD44AFF;\n --inverse-text-positive-active: #1D9032FF;\n --inverse-text-warning-hover: #FF8B4DFF;\n --inverse-text-warning-active: #FA5700FF;\n --inverse-text-negative-hover: #FF6675FF;\n --inverse-text-negative-active: #FF142CFF;\n --inverse-text-info-hover: #2AA0EFFF;\n --inverse-text-info-active: #0E75B9FF;\n --inverse-text-positive-minor-hover: #C5FCCFFF;\n --inverse-text-positive-minor-active: #77F88FFF;\n --inverse-text-warning-minor-hover: #FFFCFAFF;\n --inverse-text-warning-minor-active: #FDC9AAFF;\n --inverse-text-negative-minor-hover: #FFFFFFFF;\n --inverse-text-negative-minor-active: #FFB8BFFF;\n --inverse-text-info-minor-hover: #FAFDFFFF;\n --inverse-text-info-minor-active: #A8DCFFFF;\n --inverse-text-primary: #F5F5F5F5;\n --inverse-text-secondary: #F5F5F58F;\n --inverse-text-tertiary: #F5F5F547;\n --inverse-text-paragraph: #F5F5F5CC;\n --inverse-text-accent: #14CC98;\n --inverse-text-positive: #24B23E;\n --inverse-text-warning: #FF7024;\n --inverse-text-negative: #FF3D51;\n --surface-solid-primary-hover: #FAFAFAFF;\n --surface-solid-primary-active: #F0F0F0FF;\n --surface-solid-secondary-hover: #EDEDEDFF;\n --surface-solid-secondary-active: #D4D4D4FF;\n --surface-solid-tertiary-hover: #D6D6D6FF;\n --surface-solid-tertiary-active: #BDBDBDFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-default-hover: #262626FF;\n --surface-solid-default-active: #030303FF;\n --surface-transparent-primary-hover: #08080800;\n --surface-transparent-primary-active: #0808080A;\n --surface-transparent-secondary-hover: #08080805;\n --surface-transparent-secondary-active: #0808081A;\n --surface-transparent-tertiary-hover: #0808080A;\n --surface-transparent-tertiary-active: #08080829;\n --surface-transparent-deep-hover: #0808088F;\n --surface-transparent-deep-active: #080808AD;\n --surface-transparent-card-hover: #FFFFFFFF;\n --surface-transparent-card-active: #FFFFFFFF;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent-hover: #00C28BFF;\n --surface-accent-active: #00996EFF;\n --surface-accent-minor-hover: #71F4CFFF;\n --surface-accent-minor-active: #41F1BFFF;\n --surface-transparent-accent-hover: #05996F33;\n --surface-transparent-accent-active: #05996F52;\n --surface-positive-hover: #1EB83AFF;\n --surface-positive-active: #178C2CFF;\n --surface-warning-hover: #FB782DFF;\n --surface-warning-active: #E65705FF;\n --surface-negative-hover: #FF5263FF;\n --surface-negative-active: #FF142CFF;\n --surface-info-hover: #1798EEFF;\n --surface-info-active: #0F81CCFF;\n --surface-positive-minor-hover: #93F6A5FF;\n --surface-positive-minor-active: #64F27EFF;\n --surface-warning-minor-hover: #FFDECCFF;\n --surface-warning-minor-active: #FFC3A3FF;\n --surface-negative-minor-hover: #FEE1E4FF;\n --surface-negative-minor-active: #FEC3C9FF;\n --surface-info-minor-hover: #C7E9FFFF;\n --surface-info-minor-active: #9ED8FFFF;\n --surface-transparent-positive-hover: #1A9E320A;\n --surface-transparent-positive-active: #1A9E3229;\n --surface-transparent-warning-hover: #FA5F050A;\n --surface-transparent-warning-active: #FA5F0529;\n --surface-transparent-negative-hover: #FF293E0A;\n --surface-transparent-negative-active: #FF293E29;\n --surface-transparent-info-hover: #118CDF33;\n --surface-transparent-info-active: #118CDF52;\n --surface-solid-primary: #F5F5F5;\n --surface-solid-secondary: #DDDDDD;\n --surface-solid-tertiary: #C7C7C7;\n --surface-solid-card: #FFFFFFFF;\n --surface-solid-default: #080808;\n --surface-transparent-primary: #08080805;\n --surface-transparent-secondary: #0808080F;\n --surface-transparent-tertiary: #0808081F;\n --surface-transparent-deep: #080808A3;\n --surface-transparent-card: #FFFFFFFF;\n --surface-clear: #FFFFFF00;\n --surface-accent: #00AC7B;\n --surface-negative: #FF293E;\n --surface-warning: #FA5F05;\n --surface-positive: #1A9E32;\n --surface-transparent-positive: #1A9E321F;\n --surface-transparent-warning: #FA5F051F;\n --surface-transparent-negative: #FF293E1F;\n --on-dark-surface-solid-primary-hover: #363636FF;\n --on-dark-surface-solid-primary-active: #0D0D0DFF;\n --on-dark-surface-solid-secondary-hover: #3B3B3BFF;\n --on-dark-surface-solid-secondary-active: #1C1C1CFF;\n --on-dark-surface-solid-tertiary-hover: #4A4A4AFF;\n --on-dark-surface-solid-tertiary-active: #2B2B2BFF;\n --on-dark-surface-solid-card-hover: #3B3B3BFF;\n --on-dark-surface-solid-card-active: #1C1C1CFF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F5F5F5FF;\n --on-dark-surface-transparent-primary-hover: #FFFFFF05;\n --on-dark-surface-transparent-primary-active: #FFFFFF1A;\n --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;\n --on-dark-surface-transparent-secondary-active: #FFFFFF29;\n --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;\n --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;\n --on-dark-surface-transparent-deep-hover: #FFFFFF8F;\n --on-dark-surface-transparent-deep-active: #FFFFFFAD;\n --on-dark-surface-transparent-card-hover: #FFFFFF0A;\n --on-dark-surface-transparent-card-active: #FFFFFF29;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent-hover: #00C28BFF;\n --on-dark-surface-accent-active: #00996EFF;\n --on-dark-surface-accent-minor-hover: #0B4636FF;\n --on-dark-surface-accent-minor-active: #041A14FF;\n --on-dark-surface-transparent-accent-hover: #14CC9833;\n --on-dark-surface-transparent-accent-active: #14CC9852;\n --on-dark-surface-positive-hover: #28C344FF;\n --on-dark-surface-positive-active: #21A138FF;\n --on-dark-surface-warning-hover: #FF8B4DFF;\n --on-dark-surface-warning-active: #FF630FFF;\n --on-dark-surface-negative-hover: #FF6675FF;\n --on-dark-surface-negative-active: #FF293EFF;\n --on-dark-surface-info-hover: #1798EEFF;\n --on-dark-surface-info-active: #0F81CCFF;\n --on-dark-surface-positive-minor-hover: #0E3A16FF;\n --on-dark-surface-positive-minor-active: #061909FF;\n --on-dark-surface-warning-minor-hover: #58290EFF;\n --on-dark-surface-warning-minor-active: #2C1507FF;\n --on-dark-surface-negative-minor-hover: #64121AFF;\n --on-dark-surface-negative-minor-active: #380A0FFF;\n --on-dark-surface-info-minor-hover: #10344CFF;\n --on-dark-surface-info-minor-active: #091D2AFF;\n --on-dark-surface-transparent-positive-hover: #24B23E1F;\n --on-dark-surface-transparent-positive-active: #24B23E3D;\n --on-dark-surface-transparent-warning-hover: #FF70241F;\n --on-dark-surface-transparent-warning-active: #FF70243D;\n --on-dark-surface-transparent-negative-hover: #FF3D511F;\n --on-dark-surface-transparent-negative-active: #FF3D513D;\n --on-dark-surface-transparent-info-hover: #118CDF33;\n --on-dark-surface-transparent-info-active: #118CDF52;\n --on-dark-surface-solid-card: #262626;\n --on-dark-surface-solid-primary: #171717;\n --on-dark-surface-solid-secondary: #262626;\n --on-dark-surface-solid-tertiary: #363636;\n --on-dark-surface-solid-default: #F9F9F9;\n --on-dark-surface-transparent-primary: #FFFFFF0F;\n --on-dark-surface-transparent-secondary: #FFFFFF1F;\n --on-dark-surface-transparent-tertiary: #FFFFFF33;\n --on-dark-surface-transparent-deep: #FFFFFFA3;\n --on-dark-surface-transparent-card: #FFFFFF1F;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-accent: #00AC7B;\n --on-dark-surface-positive: #24B23E;\n --on-dark-surface-warning: #FF7024;\n --on-dark-surface-negative: #FF3D51;\n --on-dark-surface-transparent-positive: #24B23E33;\n --on-dark-surface-transparent-warning: #FF702433;\n --on-dark-surface-transparent-negative: #FF3D5133;\n --on-light-surface-solid-primary-hover: #FAFAFAFF;\n --on-light-surface-solid-primary-active: #F0F0F0FF;\n --on-light-surface-solid-secondary-hover: #EDEDEDFF;\n --on-light-surface-solid-secondary-active: #D4D4D4FF;\n --on-light-surface-solid-tertiary-hover: #D6D6D6FF;\n --on-light-surface-solid-tertiary-active: #BDBDBDFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #262626FF;\n --on-light-surface-solid-default-active: #030303FF;\n --on-light-surface-transparent-primary-hover: #08080800;\n --on-light-surface-transparent-primary-active: #0808080A;\n --on-light-surface-transparent-secondary-hover: #08080805;\n --on-light-surface-transparent-secondary-active: #0808081A;\n --on-light-surface-transparent-tertiary-hover: #0808080A;\n --on-light-surface-transparent-tertiary-active: #08080829;\n --on-light-surface-transparent-deep-hover: #0808088F;\n --on-light-surface-transparent-deep-active: #080808AD;\n --on-light-surface-transparent-card-hover: #FFFFFFFF;\n --on-light-surface-transparent-card-active: #FFFFFFFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent-hover: #00C28BFF;\n --on-light-surface-accent-active: #00996EFF;\n --on-light-surface-accent-minor-hover: #71F4CFFF;\n --on-light-surface-accent-minor-active: #41F1BFFF;\n --on-light-surface-transparent-accent-hover: #05996F33;\n --on-light-surface-transparent-accent-active: #05996F52;\n --on-light-surface-positive-hover: #1EB83AFF;\n --on-light-surface-positive-active: #178C2CFF;\n --on-light-surface-warning-hover: #FB782DFF;\n --on-light-surface-warning-active: #E65705FF;\n --on-light-surface-negative-hover: #FF5263FF;\n --on-light-surface-negative-active: #FF142CFF;\n --on-light-surface-info-hover: #1798EEFF;\n --on-light-surface-info-active: #0F81CCFF;\n --on-light-surface-positive-minor-hover: #93F6A5FF;\n --on-light-surface-positive-minor-active: #64F27EFF;\n --on-light-surface-warning-minor-hover: #FFDECCFF;\n --on-light-surface-warning-minor-active: #FFC3A3FF;\n --on-light-surface-negative-minor-hover: #FEE1E4FF;\n --on-light-surface-negative-minor-active: #FEC3C9FF;\n --on-light-surface-info-minor-hover: #C7E9FFFF;\n --on-light-surface-info-minor-active: #9ED8FFFF;\n --on-light-surface-transparent-positive-hover: #1A9E320A;\n --on-light-surface-transparent-positive-active: #1A9E3229;\n --on-light-surface-transparent-warning-hover: #FA5F050A;\n --on-light-surface-transparent-warning-active: #FA5F0529;\n --on-light-surface-transparent-negative-hover: #FF293E0A;\n --on-light-surface-transparent-negative-active: #FF293E29;\n --on-light-surface-transparent-info-hover: #118CDF33;\n --on-light-surface-transparent-info-active: #118CDF52;\n --on-light-surface-solid-primary: #F5F5F5;\n --on-light-surface-solid-secondary: #DDDDDD;\n --on-light-surface-solid-tertiary: #C7C7C7;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-default: #080808;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-transparent-card: #FFFFFFFF;\n --on-light-surface-transparent-primary: #08080805;\n --on-light-surface-transparent-secondary: #0808080F;\n --on-light-surface-transparent-tertiary: #0808081F;\n --on-light-surface-transparent-deep: #080808A3;\n --on-light-surface-accent: #00AC7B;\n --on-light-surface-positive: #1A9E32;\n --on-light-surface-warning: #FA5F05;\n --on-light-surface-negative: #FF293E;\n --on-light-surface-transparent-positive: #1A9E321F;\n --on-light-surface-transparent-warning: #FA5F051F;\n --on-light-surface-transparent-negative: #FF293E1F;\n --inverse-surface-solid-primary-hover: #363636FF;\n --inverse-surface-solid-primary-active: #0D0D0DFF;\n --inverse-surface-solid-secondary-hover: #3B3B3BFF;\n --inverse-surface-solid-secondary-active: #1C1C1CFF;\n --inverse-surface-solid-tertiary-hover: #4A4A4AFF;\n --inverse-surface-solid-tertiary-active: #2B2B2BFF;\n --inverse-surface-solid-card-hover: #3B3B3BFF;\n --inverse-surface-solid-card-active: #1C1C1CFF;\n --inverse-surface-solid-default-hover: #FFFFFFFF;\n --inverse-surface-solid-default-active: #F5F5F5FF;\n --inverse-surface-transparent-primary-hover: #FFFFFF05;\n --inverse-surface-transparent-primary-active: #FFFFFF1A;\n --inverse-surface-transparent-secondary-hover: #FFFFFF0A;\n --inverse-surface-transparent-secondary-active: #FFFFFF29;\n --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;\n --inverse-surface-transparent-tertiary-active: #FFFFFF3D;\n --inverse-surface-transparent-deep-hover: #FFFFFF8F;\n --inverse-surface-transparent-deep-active: #FFFFFFAD;\n --inverse-surface-transparent-card-hover: #FFFFFF0A;\n --inverse-surface-transparent-card-active: #FFFFFF29;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent-hover: #00C28BFF;\n --inverse-surface-accent-active: #00996EFF;\n --inverse-surface-accent-minor-hover: #0B4636FF;\n --inverse-surface-accent-minor-active: #041A14FF;\n --inverse-surface-transparent-accent-hover: #14CC9833;\n --inverse-surface-transparent-accent-active: #14CC9852;\n --inverse-surface-positive-hover: #28C344FF;\n --inverse-surface-positive-active: #21A138FF;\n --inverse-surface-warning-hover: #FF8B4DFF;\n --inverse-surface-warning-active: #FF630FFF;\n --inverse-surface-negative-hover: #FF6675FF;\n --inverse-surface-negative-active: #FF293EFF;\n --inverse-surface-info-hover: #1798EEFF;\n --inverse-surface-info-active: #0F81CCFF;\n --inverse-surface-positive-minor-hover: #0E3A16FF;\n --inverse-surface-positive-minor-active: #061909FF;\n --inverse-surface-warning-minor-hover: #58290EFF;\n --inverse-surface-warning-minor-active: #2C1507FF;\n --inverse-surface-negative-minor-hover: #64121AFF;\n --inverse-surface-negative-minor-active: #380A0FFF;\n --inverse-surface-info-minor-hover: #10344CFF;\n --inverse-surface-info-minor-active: #091D2AFF;\n --inverse-surface-transparent-positive-hover: #24B23E1F;\n --inverse-surface-transparent-positive-active: #24B23E3D;\n --inverse-surface-transparent-warning-hover: #FF70241F;\n --inverse-surface-transparent-warning-active: #FF70243D;\n --inverse-surface-transparent-negative-hover: #FF3D511F;\n --inverse-surface-transparent-negative-active: #FF3D513D;\n --inverse-surface-transparent-info-hover: #118CDF33;\n --inverse-surface-transparent-info-active: #118CDF52;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-solid-card: #262626;\n --inverse-surface-solid-primary: #171717;\n --inverse-surface-solid-secondary: #262626;\n --inverse-surface-solid-tertiary: #363636;\n --inverse-surface-solid-default: #F9F9F9;\n --inverse-surface-transparent-card: #FFFFFF1F;\n --inverse-surface-transparent-primary: #FFFFFF0F;\n --inverse-surface-transparent-secondary: #FFFFFF1F;\n --inverse-surface-transparent-tertiary: #FFFFFF33;\n --inverse-surface-transparent-deep: #FFFFFFA3;\n --inverse-surface-accent: #00AC7B;\n --inverse-surface-positive: #24B23E;\n --inverse-surface-warning: #FF7024;\n --inverse-surface-negative: #FF3D51;\n --inverse-surface-transparent-positive: #24B23E33;\n --inverse-surface-transparent-warning: #FF702433;\n --inverse-surface-transparent-negative: #FF3D5133;\n --background-primary: #F5F5F5;\n --dark-background-primary: #171717;\n --light-background-primary: #F5F5F5;\n --inverse-background-primary: #171717;\n --overlay-soft: #F9F9F98F;\n --overlay-hard: #F9F9F9F5;\n --overlay-blur: #F9F9F933;\n --on-dark-overlay-soft: #0808088F;\n --on-dark-overlay-hard: #080808F5;\n --on-dark-overlay-blur: #08080833;\n --on-light-overlay-soft: #F9F9F98F;\n --on-light-overlay-hard: #F9F9F9F5;\n --on-light-overlay-blur: #F9F9F933;\n --inverse-overlay-soft: #0808088F;\n --inverse-overlay-hard: #080808F5;\n --inverse-overlay-blur: #08080833;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --text-accent-gradient-hover: #000000FF;\n --text-accent-gradient-active: #CCCCCCFF;\n --text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);\n --on-dark-text-accent-gradient-hover: #000000FF;\n --on-dark-text-accent-gradient-active: #CCCCCCFF;\n --on-dark-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);\n --on-light-text-accent-gradient-hover: #000000FF;\n --on-light-text-accent-gradient-active: #CCCCCCFF;\n --on-light-text-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);\n --inverse-text-accent-gradient-hover: #000000FF;\n --inverse-text-accent-gradient-active: #CCCCCCFF;\n --inverse-text-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);\n --surface-accent-gradient-hover: #FFFFFFFF;\n --surface-accent-gradient-active: #FFFFFFFF;\n --surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);\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-accent-gradient-hover: #FFFFFFFF;\n --on-dark-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);\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-accent-gradient-hover: #FFFFFFFF;\n --on-light-surface-accent-gradient-active: #FFFFFFFF;\n --on-light-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);\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-accent-gradient-hover: #FFFFFFFF;\n --inverse-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);\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 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}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-dspl-l-font-size: 5.5rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 5.75rem;\n --plasma-typo-dspl-l-bold-font-size: 5.5rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 5.75rem;\n --plasma-typo-dspl-m-font-size: 3.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 3.875rem;\n --plasma-typo-dspl-m-bold-font-size: 3.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 3.875rem;\n --plasma-typo-dspl-s-font-size: 2.5rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 2.875rem;\n --plasma-typo-dspl-s-bold-font-size: 2.5rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 2.875rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.125rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 2.125rem;\n --plasma-typo-h2-font-size: 1.5rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.875rem;\n --plasma-typo-h2-bold-font-size: 1.5rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 1.875rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.625rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.625rem;\n --plasma-typo-h4-font-size: 1.125rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.5rem;\n --plasma-typo-h4-bold-font-size: 1.125rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.5rem;\n --plasma-typo-h5-font-size: 1rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.375rem;\n --plasma-typo-h5-bold-font-size: 1rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.375rem;\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.375rem;\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.375rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\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.25rem;\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.125rem;\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.125rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\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: 0.875rem;\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.75rem;\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.75rem;\n --plasma-typo-text-l-font-size: 1.125rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 1.625rem;\n --plasma-typo-text-l-bold-font-size: 1.125rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 1.625rem;\n --plasma-typo-text-m-font-size: 1rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.5rem;\n --plasma-typo-text-m-bold-font-size: 1rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.5rem;\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: 1rem;\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: 1rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-l-font-size: 7rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 7rem;\n --plasma-typo-dspl-l-bold-font-size: 7rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 7rem;\n --plasma-typo-dspl-m-font-size: 4.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 4.75rem;\n --plasma-typo-dspl-m-bold-font-size: 4.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 4.75rem;\n --plasma-typo-dspl-s-font-size: 3rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 3.375rem;\n --plasma-typo-dspl-s-bold-font-size: 3rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 3.375rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.875rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 2.875rem;\n --plasma-typo-h2-font-size: 1.75rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.125rem;\n --plasma-typo-h2-bold-font-size: 1.75rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.125rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.625rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.625rem;\n --plasma-typo-h4-font-size: 1.125rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.5rem;\n --plasma-typo-h4-bold-font-size: 1.125rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.5rem;\n --plasma-typo-h5-font-size: 1rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.375rem;\n --plasma-typo-h5-bold-font-size: 1rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.375rem;\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.375rem;\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.375rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\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.25rem;\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.125rem;\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.125rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\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: 0.875rem;\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.75rem;\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.75rem;\n --plasma-typo-text-l-font-size: 1.25rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 1.75rem;\n --plasma-typo-text-l-bold-font-size: 1.25rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 1.75rem;\n --plasma-typo-text-m-font-size: 1rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.5rem;\n --plasma-typo-text-m-bold-font-size: 1rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.5rem;\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: 1rem;\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: 1rem;\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: 5.75rem;\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: 5.75rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.25rem;\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.25rem;\n --plasma-typo-h1-font-size: 3rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3.375rem;\n --plasma-typo-h1-bold-font-size: 3rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3.375rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.375rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.375rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.875rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.875rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.625rem;\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.625rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.5rem;\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.5rem;\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.375rem;\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.375rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.25rem;\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.25rem;\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.125rem;\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.125rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\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: 0.875rem;\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.75rem;\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.75rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2rem;\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: 2rem;\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.625rem;\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.625rem;\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: 1rem;\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: 1rem;\n }\n}"];
6
6
  //# sourceMappingURL=sdds_dfa__light.js.map
package/themes/sdds_dfa__light.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sdds_dfa__light.js","sourceRoot":"","sources":["../src/themes/sdds_dfa__light.ts"],"names":[],"mappings":";AAAA,oDAAoD;;;AAEvC,QAAA,eAAe,GAAG,CAAC,s77CA66B9B,CAAoC,CAAC"}
1
+ {"version":3,"file":"sdds_dfa__light.js","sourceRoot":"","sources":["../src/themes/sdds_dfa__light.ts"],"names":[],"mappings":";AAAA,oDAAoD;;;AAEvC,QAAA,eAAe,GAAG,CAAC,qi9CAy7B9B,CAAoC,CAAC"}
package/tokens/sdds_dfa/index.d.ts CHANGED
@@ -375,17 +375,17 @@ export declare const surfaceInfoMinorHover = "var(--surface-info-minor-hover, #1
375
375
  /** Минорный цвет фона поверхности/контрола информация */
376
376
  export declare const surfaceInfoMinorActive = "var(--surface-info-minor-active, #0A2333FF)";
377
377
  /** Прозрачный цвет фона поверхности/контрола успех */
378
- export declare const surfaceTransparentPositiveHover = "var(--surface-transparent-positive-hover, #1A9E3266)";
378
+ export declare const surfaceTransparentPositiveHover = "var(--surface-transparent-positive-hover, #24B23E52)";
379
379
  /** Прозрачный цвет фона поверхности/контрола успех */
380
- export declare const surfaceTransparentPositiveActive = "var(--surface-transparent-positive-active, #1A9E3238)";
380
+ export declare const surfaceTransparentPositiveActive = "var(--surface-transparent-positive-active, #24B23E24)";
381
381
  /** Прозрачный цвет фона поверхности/контрола предупреждение */
382
- export declare const surfaceTransparentWarningHover = "var(--surface-transparent-warning-hover, #FA5F0566)";
382
+ export declare const surfaceTransparentWarningHover = "var(--surface-transparent-warning-hover, #FF702452)";
383
383
  /** Прозрачный цвет фона поверхности/контрола предупреждение */
384
- export declare const surfaceTransparentWarningActive = "var(--surface-transparent-warning-active, #FA5F0538)";
384
+ export declare const surfaceTransparentWarningActive = "var(--surface-transparent-warning-active, #FF702424)";
385
385
  /** Прозрачный цвет фона поверхности/контрола предупреждение */
386
- export declare const surfaceTransparentNegativeHover = "var(--surface-transparent-negative-hover, #FF293E66)";
386
+ export declare const surfaceTransparentNegativeHover = "var(--surface-transparent-negative-hover, #FF3D5152)";
387
387
  /** Прозрачный цвет фона поверхности/контрола предупреждение */
388
- export declare const surfaceTransparentNegativeActive = "var(--surface-transparent-negative-active, #FF293E38)";
388
+ export declare const surfaceTransparentNegativeActive = "var(--surface-transparent-negative-active, #FF3D5124)";
389
389
  /** Прозрачный цвет фона поверхности/контрола информация */
390
390
  export declare const surfaceTransparentInfoHover = "var(--surface-transparent-info-hover, #118CDF66)";
391
391
  /** Прозрачный цвет фона поверхности/контрола информация */
@@ -420,6 +420,12 @@ export declare const surfaceTransparentSecondary = "var(--surface-transparent-se
420
420
  export declare const surfaceTransparentTertiary = "var(--surface-transparent-tertiary, #FFFFFF33)";
421
421
  /** Глубокий прозрачный фон поверхности/контрола */
422
422
  export declare const surfaceTransparentDeep = "var(--surface-transparent-deep, #FFFFFFA3)";
423
+ /** Прозрачный цвет фона поверхности/контрола успех */
424
+ export declare const surfaceTransparentPositive = "var(--surface-transparent-positive, #24B23E33)";
425
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
426
+ export declare const surfaceTransparentWarning = "var(--surface-transparent-warning, #FF702433)";
427
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
428
+ export declare const surfaceTransparentNegative = "var(--surface-transparent-negative, #FF3D5133)";
423
429
  /** Основной непрозрачный фон поверхности/контрола на темном фоне */
424
430
  export declare const onDarkSurfaceSolidPrimaryHover = "var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)";
425
431
  /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -509,17 +515,17 @@ export declare const onDarkSurfaceInfoMinorHover = "var(--on-dark-surface-info-m
509
515
  /** Минорный цвет фона поверхности/контрола информация на темном фоне */
510
516
  export declare const onDarkSurfaceInfoMinorActive = "var(--on-dark-surface-info-minor-active, #0A2333FF)";
511
517
  /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
512
- export declare const onDarkSurfaceTransparentPositiveHover = "var(--on-dark-surface-transparent-positive-hover, #1A9E3266)";
518
+ export declare const onDarkSurfaceTransparentPositiveHover = "var(--on-dark-surface-transparent-positive-hover, #24B23E52)";
513
519
  /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
514
- export declare const onDarkSurfaceTransparentPositiveActive = "var(--on-dark-surface-transparent-positive-active, #1A9E3238)";
520
+ export declare const onDarkSurfaceTransparentPositiveActive = "var(--on-dark-surface-transparent-positive-active, #24B23E24)";
515
521
  /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
516
- export declare const onDarkSurfaceTransparentWarningHover = "var(--on-dark-surface-transparent-warning-hover, #FA5F0566)";
522
+ export declare const onDarkSurfaceTransparentWarningHover = "var(--on-dark-surface-transparent-warning-hover, #FF702452)";
517
523
  /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
518
- export declare const onDarkSurfaceTransparentWarningActive = "var(--on-dark-surface-transparent-warning-active, #FA5F0538)";
524
+ export declare const onDarkSurfaceTransparentWarningActive = "var(--on-dark-surface-transparent-warning-active, #FF702424)";
519
525
  /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
520
- export declare const onDarkSurfaceTransparentNegativeHover = "var(--on-dark-surface-transparent-negative-hover, #FF293E66)";
526
+ export declare const onDarkSurfaceTransparentNegativeHover = "var(--on-dark-surface-transparent-negative-hover, #FF3D5152)";
521
527
  /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
522
- export declare const onDarkSurfaceTransparentNegativeActive = "var(--on-dark-surface-transparent-negative-active, #FF293E38)";
528
+ export declare const onDarkSurfaceTransparentNegativeActive = "var(--on-dark-surface-transparent-negative-active, #FF3D5124)";
523
529
  /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
524
530
  export declare const onDarkSurfaceTransparentInfoHover = "var(--on-dark-surface-transparent-info-hover, #118CDF66)";
525
531
  /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
@@ -554,6 +560,12 @@ export declare const onDarkSurfaceTransparentSecondary = "var(--on-dark-surface-
554
560
  export declare const onDarkSurfaceTransparentTertiary = "var(--on-dark-surface-transparent-tertiary, #FFFFFF33)";
555
561
  /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
556
562
  export declare const onDarkSurfaceTransparentDeep = "var(--on-dark-surface-transparent-deep, #FFFFFFA3)";
563
+ /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
564
+ export declare const onDarkSurfaceTransparentPositive = "var(--on-dark-surface-transparent-positive, #24B23E33)";
565
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
566
+ export declare const onDarkSurfaceTransparentNegative = "var(--on-dark-surface-transparent-negative, #FF3D5133)";
567
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
568
+ export declare const onDarkSurfaceTransparentWarning = "var(--on-dark-surface-transparent-warning, #FF702433)";
557
569
  /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
558
570
  export declare const onLightSurfaceSolidPrimaryHover = "var(--on-light-surface-solid-primary-hover, #FAFAFAFF)";
559
571
  /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -643,17 +655,17 @@ export declare const onLightSurfaceInfoMinorHover = "var(--on-light-surface-info
643
655
  /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
644
656
  export declare const onLightSurfaceInfoMinorActive = "var(--on-light-surface-info-minor-active, #A8DCFFFF)";
645
657
  /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
646
- export declare const onLightSurfaceTransparentPositiveHover = "var(--on-light-surface-transparent-positive-hover, #1A9E3266)";
658
+ export declare const onLightSurfaceTransparentPositiveHover = "var(--on-light-surface-transparent-positive-hover, #1A9E323D)";
647
659
  /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
648
- export declare const onLightSurfaceTransparentPositiveActive = "var(--on-light-surface-transparent-positive-active, #1A9E3238)";
660
+ export declare const onLightSurfaceTransparentPositiveActive = "var(--on-light-surface-transparent-positive-active, #1A9E320F)";
649
661
  /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
650
- export declare const onLightSurfaceTransparentWarningHover = "var(--on-light-surface-transparent-warning-hover, #FA5F0566)";
662
+ export declare const onLightSurfaceTransparentWarningHover = "var(--on-light-surface-transparent-warning-hover, #FA5F053D)";
651
663
  /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
652
- export declare const onLightSurfaceTransparentWarningActive = "var(--on-light-surface-transparent-warning-active, #FA5F0538)";
664
+ export declare const onLightSurfaceTransparentWarningActive = "var(--on-light-surface-transparent-warning-active, #FA5F050F)";
653
665
  /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
654
- export declare const onLightSurfaceTransparentNegativeHover = "var(--on-light-surface-transparent-negative-hover, #FF293E66)";
666
+ export declare const onLightSurfaceTransparentNegativeHover = "var(--on-light-surface-transparent-negative-hover, #FF293E3D)";
655
667
  /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
656
- export declare const onLightSurfaceTransparentNegativeActive = "var(--on-light-surface-transparent-negative-active, #FF293E38)";
668
+ export declare const onLightSurfaceTransparentNegativeActive = "var(--on-light-surface-transparent-negative-active, #FF293E0F)";
657
669
  /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
658
670
  export declare const onLightSurfaceTransparentInfoHover = "var(--on-light-surface-transparent-info-hover, #118CDF66)";
659
671
  /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
@@ -688,6 +700,12 @@ export declare const onLightSurfaceTransparentSecondary = "var(--on-light-surfac
688
700
  export declare const onLightSurfaceTransparentTertiary = "var(--on-light-surface-transparent-tertiary, #0808081F)";
689
701
  /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
690
702
  export declare const onLightSurfaceTransparentDeep = "var(--on-light-surface-transparent-deep, #080808A3)";
703
+ /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
704
+ export declare const onLightSurfaceTransparentPositive = "var(--on-light-surface-transparent-positive, #1A9E321F)";
705
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
706
+ export declare const onLightSurfaceTransparentNegative = "var(--on-light-surface-transparent-negative, #FF293E1F)";
707
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
708
+ export declare const onLightSurfaceTransparentWarning = "var(--on-light-surface-transparent-warning, #FA5F051F)";
691
709
  /** Инвертированный основной непрозрачный фон поверхности/контрола */
692
710
  export declare const inverseSurfaceSolidPrimaryHover = "var(--inverse-surface-solid-primary-hover, #FAFAFAFF)";
693
711
  /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -777,17 +795,17 @@ export declare const inverseSurfaceInfoMinorHover = "var(--inverse-surface-info-
777
795
  /** Инвертированный минорный цвет фона поверхности/контрола информация */
778
796
  export declare const inverseSurfaceInfoMinorActive = "var(--inverse-surface-info-minor-active, #A8DCFFFF)";
779
797
  /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
780
- export declare const inverseSurfaceTransparentPositiveHover = "var(--inverse-surface-transparent-positive-hover, #1A9E3266)";
798
+ export declare const inverseSurfaceTransparentPositiveHover = "var(--inverse-surface-transparent-positive-hover, #1A9E323D)";
781
799
  /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
782
- export declare const inverseSurfaceTransparentPositiveActive = "var(--inverse-surface-transparent-positive-active, #1A9E3238)";
800
+ export declare const inverseSurfaceTransparentPositiveActive = "var(--inverse-surface-transparent-positive-active, #1A9E320F)";
783
801
  /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
784
- export declare const inverseSurfaceTransparentWarningHover = "var(--inverse-surface-transparent-warning-hover, #FA5F0566)";
802
+ export declare const inverseSurfaceTransparentWarningHover = "var(--inverse-surface-transparent-warning-hover, #FA5F053D)";
785
803
  /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
786
- export declare const inverseSurfaceTransparentWarningActive = "var(--inverse-surface-transparent-warning-active, #FA5F0538)";
804
+ export declare const inverseSurfaceTransparentWarningActive = "var(--inverse-surface-transparent-warning-active, #FA5F050F)";
787
805
  /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
788
- export declare const inverseSurfaceTransparentNegativeHover = "var(--inverse-surface-transparent-negative-hover, #FF293E66)";
806
+ export declare const inverseSurfaceTransparentNegativeHover = "var(--inverse-surface-transparent-negative-hover, #FF293E3D)";
789
807
  /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
790
- export declare const inverseSurfaceTransparentNegativeActive = "var(--inverse-surface-transparent-negative-active, #FF293E38)";
808
+ export declare const inverseSurfaceTransparentNegativeActive = "var(--inverse-surface-transparent-negative-active, #FF293E0F)";
791
809
  /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
792
810
  export declare const inverseSurfaceTransparentInfoHover = "var(--inverse-surface-transparent-info-hover, #118CDF66)";
793
811
  /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
@@ -822,6 +840,12 @@ export declare const inverseSurfaceTransparentSecondary = "var(--inverse-surface
822
840
  export declare const inverseSurfaceTransparentTertiary = "var(--inverse-surface-transparent-tertiary, #0808081F)";
823
841
  /** Инвертированный глубокий прозрачный фон поверхности/контрола */
824
842
  export declare const inverseSurfaceTransparentDeep = "var(--inverse-surface-transparent-deep, #080808A3)";
843
+ /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
844
+ export declare const inverseSurfaceTransparentPositive = "var(--inverse-surface-transparent-positive, #1A9E321F)";
845
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
846
+ export declare const inverseSurfaceTransparentWarning = "var(--inverse-surface-transparent-warning, #FA5F051F)";
847
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
848
+ export declare const inverseSurfaceTransparentNegative = "var(--inverse-surface-transparent-negative, #FF293E1F)";
825
849
  /** Основной фон */
826
850
  export declare const backgroundPrimary = "var(--background-primary, #171717)";
827
851
  /** Основной фон на темном фоне */