@salutejs-ds/sdds_sbcom 0.1.18 → 0.1.19

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 (92) hide show
  1. package/components/Button/Button.config.js +1 -1
  2. package/components/Button/Button.config.js.map +1 -1
  3. package/components/Button/Button.config_1nw4w2x.css +10 -0
  4. package/components/Button/Button.css +9 -9
  5. package/components/Checkbox/Checkbox.config.js +1 -1
  6. package/components/Checkbox/Checkbox.config.js.map +1 -1
  7. package/components/Checkbox/Checkbox.config_17wm9b0.css +6 -0
  8. package/components/Checkbox/Checkbox.css +6 -6
  9. package/components/Counter/Counter.config.js +1 -1
  10. package/components/Counter/Counter.config.js.map +1 -1
  11. package/components/Counter/Counter.config_fnrejc.css +11 -0
  12. package/components/Counter/Counter.css +10 -10
  13. package/components/IconButton/IconButton.config.js +1 -1
  14. package/components/IconButton/IconButton.config.js.map +1 -1
  15. package/components/IconButton/IconButton.config_16zy21d.css +9 -0
  16. package/components/IconButton/IconButton.css +8 -8
  17. package/components/Link/Link.config.js +1 -1
  18. package/components/Link/Link.config.js.map +1 -1
  19. package/components/Link/{Link.config_2dv1tk.css → Link.config_442y9l.css} +3 -3
  20. package/components/Link/Link.css +8 -8
  21. package/components/Radiobox/Radiobox.config.js +1 -1
  22. package/components/Radiobox/Radiobox.config.js.map +1 -1
  23. package/components/Radiobox/Radiobox.config_1skjyph.css +6 -0
  24. package/components/Radiobox/Radiobox.css +6 -6
  25. package/css/sdds_sbcom.module.css +149 -5
  26. package/css/sdds_sbcom__dark.css +149 -5
  27. package/css/sdds_sbcom__light.css +149 -5
  28. package/es/components/Button/Button.config.js +1 -1
  29. package/es/components/Button/Button.config.js.map +1 -1
  30. package/es/components/Button/Button.config_1nw4w2x.css +10 -0
  31. package/es/components/Button/Button.css +9 -9
  32. package/es/components/Checkbox/Checkbox.config.js +1 -1
  33. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  34. package/es/components/Checkbox/Checkbox.config_17wm9b0.css +6 -0
  35. package/es/components/Checkbox/Checkbox.css +6 -6
  36. package/es/components/Counter/Counter.config.js +1 -1
  37. package/es/components/Counter/Counter.config.js.map +1 -1
  38. package/es/components/Counter/Counter.config_fnrejc.css +11 -0
  39. package/es/components/Counter/Counter.css +10 -10
  40. package/es/components/IconButton/IconButton.config.js +1 -1
  41. package/es/components/IconButton/IconButton.config.js.map +1 -1
  42. package/es/components/IconButton/IconButton.config_16zy21d.css +9 -0
  43. package/es/components/IconButton/IconButton.css +8 -8
  44. package/es/components/Link/Link.config.js +1 -1
  45. package/es/components/Link/Link.config.js.map +1 -1
  46. package/es/components/Link/{Link.config_2dv1tk.css → Link.config_442y9l.css} +3 -3
  47. package/es/components/Link/Link.css +8 -8
  48. package/es/components/Radiobox/Radiobox.config.js +1 -1
  49. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  50. package/es/components/Radiobox/Radiobox.config_1skjyph.css +6 -0
  51. package/es/components/Radiobox/Radiobox.css +6 -6
  52. package/es/index.css +55 -55
  53. package/es/index.js +1 -1
  54. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  55. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  56. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  57. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  58. package/es/theme/tokens/index.js +121 -1
  59. package/es/theme/tokens/index.js.map +1 -1
  60. package/index.css +55 -55
  61. package/index.js +12 -0
  62. package/index.js.map +1 -1
  63. package/package.json +1 -1
  64. package/styled-components/cjs/Button/Button.config.js +7 -7
  65. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  66. package/styled-components/cjs/Counter/Counter.config.js +7 -7
  67. package/styled-components/cjs/IconButton/IconButton.config.js +5 -5
  68. package/styled-components/cjs/Link/Link.config.js +3 -3
  69. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  70. package/styled-components/es/Button/Button.config.js +7 -7
  71. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  72. package/styled-components/es/Counter/Counter.config.js +7 -7
  73. package/styled-components/es/IconButton/IconButton.config.js +5 -5
  74. package/styled-components/es/Link/Link.config.js +3 -3
  75. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  76. package/theme/themes/sdds_sbcom__dark.js +1 -1
  77. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  78. package/theme/themes/sdds_sbcom__light.js +1 -1
  79. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  80. package/theme/tokens/index.d.ts +108 -0
  81. package/theme/tokens/index.js +132 -0
  82. package/theme/tokens/index.js.map +1 -1
  83. package/components/Button/Button.config_jg0a4v.css +0 -10
  84. package/components/Checkbox/Checkbox.config_1kv48tw.css +0 -6
  85. package/components/Counter/Counter.config_1d9i4bx.css +0 -11
  86. package/components/IconButton/IconButton.config_16yg7d3.css +0 -9
  87. package/components/Radiobox/Radiobox.config_8lxw55.css +0 -6
  88. package/es/components/Button/Button.config_jg0a4v.css +0 -10
  89. package/es/components/Checkbox/Checkbox.config_1kv48tw.css +0 -6
  90. package/es/components/Counter/Counter.config_1d9i4bx.css +0 -11
  91. package/es/components/IconButton/IconButton.config_16yg7d3.css +0 -9
  92. package/es/components/Radiobox/Radiobox.config_8lxw55.css +0 -6
package/theme/themes/sdds_sbcom__light.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sdds_sbcom__light.js","sources":["../../src-css/theme/themes/sdds_sbcom__light.ts"],"sourcesContent":["// Generated by robots, do not change this manually!\n\nexport const sdds_sbcom__light = [`\n:root {\n --on-dark-outline-default-hover: #666666FF;\n --surface-accent-secondary-hover: #50C3A8FF;\n --surface-transparent-card-brightness-hover: #FFFFFFFF;\n --surface-transparent-card-brightness-active: #FFFFFFFF;\n --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;\n --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;\n --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;\n --on-dark-surface-solid-card-brightness-hover: #303030FF;\n --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;\n --on-light-personas-olive-text-accent: #127210;\n --on-dark-personas-olive-text-accent: #93CB92;\n --inverse-personas-ochre-text-accent: #F4B49B;\n --inverse-personas-pink-text-accent: #DE5555;\n --surface-solid-tertiary-active: #FFFFFFFF;\n --inverse-surface-solid-primary-brightness-hover: #303030FF;\n --text-primary: #15110FFC;\n --inverse-surface-transparent-navi: #23232399;\n --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;\n --on-light-surface-solid-tertiary-active: #FFFFFFFF;\n --inverse-personas-indigo-text-accent: #7133BE;\n --inverse-surface-solid-primary-brightness-active: #212121FF;\n --personas-olive-text-accent: #127210;\n --on-dark-text-accent-minor-hover: #60C7AFFF;\n --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;\n --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;\n --on-light-surface-solid-card-brightness-active: #FFFFFFFF;\n --on-dark-surface-accent-minor-active: #043F34FF;\n --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;\n --on-light-outline-positive-active: #20801EFF;\n --outline-primary: #DDD9D7;\n --inverse-surface-solid-tertiary: #474747;\n --inverse-personas-green-text-accent: #038768;\n --surface-accent-secondary: #41BDA1;\n --surface-accent-minor: #D0F2E9;\n --on-dark-surface-accent-secondary: #61C8B0;\n --on-dark-personas-indigo-text-accent: #BD91F5;\n --on-dark-surface-solid-tertiary-active: #424242FF;\n --on-light-surface-accent-minor: #D0F2E9;\n --on-light-personas-ochre-text-accent: #D15A11;\n --on-light-personas-violet-text-accent: #9E32AF;\n --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;\n --on-light-outline-warning-active: #A3420AFF;\n --on-dark-surface-accent-minor-hover: #055C4CFF;\n --inverse-surface-solid-card-brightness-active: #212121FF;\n --on-light-surface-accent-minor-hover: #C7F0E5FF;\n --inverse-surface-accent-minor: #04473B;\n --on-dark-surface-transparent-accent-minor: #0BA68647;\n --on-light-personas-sea-blue-text-accent: #00898D;\n --on-dark-personas-blue-text-accent: #79B3F2;\n --on-dark-personas-violet-text-accent: #E19DED;\n --personas-ochre-text-accent: #D15A11;\n --on-light-surface-transparent-navi: #FFFFFF99;\n --inverse-personas-blue-text-accent-active: #5DA3EFFF;\n --on-light-text-warning-active: #6F2D06FF;\n --inverse-personas-olive-text-accent-hover: #A6D4A5FF;\n --on-light-surface-transparent-navi-active: #FFFFFFAD;\n --on-light-personas-blue-text-accent-active: #0D4F96FF;\n --on-light-outline-primary-active: #C4BEBAFF;\n --on-light-outline-default-active: #E6E6E6FF;\n --on-dark-personas-olive-text-accent-active: #7DC07CFF;\n --on-dark-personas-sea-blue-text-accent: #7BC8C8;\n --on-dark-personas-violet-text-accent-active: #D982E8FF;\n --on-dark-personas-green-text-accent-hover: #84DCC6FF;\n --on-dark-surface-accent-secondary-active: #59C5ACFF;\n --inverse-personas-green-text-accent-active: #03A57FFF;\n --inverse-surface-accent-secondary: #61C8B0;\n --on-dark-text-primary-brightness-hover: #FAFAFA93;\n --on-dark-personas-pink-text-accent-active: #F58A8AFF;\n --inverse-personas-indigo-text-accent-active: #652DA9FF;\n --personas-sea-blue-text-accent-active: #4BB4B4FF;\n --on-light-surface-transparent-accent-minor: #0BA6863D;\n --on-light-personas-pink-text-accent-active: #D73333FF;\n --text-primary-brightness-hover: #17171793;\n --inverse-surface-transparent-accent-minor-active: #0BA8882E;\n --personas-ochre-text-accent-hover: #ED6C1DFF;\n --inverse-personas-pink-text-accent-active: #D83B3BFF;\n --on-light-surface-transparent-navi-hover: #FFFFFFA8;\n --outline-primary-active: #C4BEBAFF;\n --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;\n --on-light-personas-green-text-accent: #038768;\n --inverse-surface-accent-secondary-active: #59C5ACFF;\n --personas-indigo-text-accent-active: #5B2999FF;\n --personas-green-text-accent-active: #4CCDACFF;\n --on-dark-surface-transparent-navi-hover: #242424B8;\n --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;\n --on-light-surface-accent-secondary-hover: #50C3A8FF;\n --inverse-personas-blue-text-accent-hover: #C3DDF9FF;\n --inverse-personas-indigo-text-accent-hover: #FFFFFFFF;\n --on-dark-personas-ochre-text-accent: #F4B49B;\n --on-light-personas-green-text-accent-hover: #04D7A6FF;\n --on-dark-personas-ochre-text-accent-active: #F19F7EFF;\n --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;\n --outline-primary-hover: #ADA39FFF;\n --surface-transparent-accent-minor-active: #0BA88852;\n --surface-transparent-navi-hover: #FFFFFFA8;\n --inverse-outline-default-hover: #666666FF;\n --inverse-personas-violet-text-accent-hover: #E9B6F2FF;\n --on-light-surface-transparent-accent-minor-hover: #0BA8884D;\n --inverse-surface-transparent-accent-minor-hover: #0BA8885C;\n --inverse-surface-transparent-navi-hover: #242424B8;\n --inverse-outline-primary-hover: #6B6461FF;\n --personas-olive-text-accent-hover: #1DB71AFF;\n --personas-violet-text-accent: #E19DED;\n --inverse-personas-ochre-text-accent-hover: #F7C8B6FF;\n --on-dark-personas-green-text-accent-active: #54CFB0FF;\n --on-dark-personas-pink-text-accent-hover: #F26E6EFF;\n --inverse-personas-pink-text-accent-hover: #E26E6EFF;\n --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;\n --on-light-personas-blue-text-accent-hover: #1477E1FF;\n --on-light-personas-olive-text-accent-hover: #1DB71AFF;\n --on-light-personas-violet-text-accent-hover: #B740C9FF;\n --on-dark-outline-primary-hover: #6B6461FF;\n --on-dark-personas-pink-text-accent: #F7A4A4;\n --on-dark-outline-primary: #3B3735;\n --on-light-personas-blue-text-accent: #1063BA;\n --surface-accent-secondary-active: #3CAF94FF;\n --personas-blue-text-accent: #1063BA;\n --personas-blue-text-accent-active: #0D4F96FF;\n --personas-green-text-accent: #6CD5BB;\n --surface-solid-primary-brightness-active: #FFFFFFFF;\n --on-light-text-primary-brightness-hover: #17171793;\n --personas-pink-text-accent: #F7A4A4;\n --personas-sea-blue-text-accent: #7BC8C8;\n --surface-transparent-accent-minor: #0BA6863D;\n --personas-violet-text-accent-hover: #EBBEF3FF;\n --inverse-personas-blue-text-accent: #79B3F2;\n --inverse-personas-olive-text-accent-active: #7DC07CFF;\n --inverse-surface-solid-card-brightness-hover: #303030FF;\n --inverse-surface-transparent-accent-minor: #0BA6863D;\n --on-dark-surface-solid-primary-brightness-hover: #303030FF;\n --on-dark-surface-transparent-navi: #23232399;\n --inverse-text-primary-brightness-hover: #FAFAFA93;\n --background-hardline: #FFFFFF;\n --inverse-outline-primary: #3B3735;\n --on-dark-outline-default: #383838;\n --inverse-personas-violet-text-accent: #E19DED;\n --personas-indigo-text-accent: #7133BE;\n --inverse-text-primary-brightness-active: #FAFAFAC4;\n --on-dark-text-primary-brightness-active: #FAFAFAC4;\n --on-light-text-primary-brightness-active: #171717C4;\n --on-dark-personas-indigo-text-accent-active: #AA73F2FF;\n --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;\n --personas-pink-text-accent-hover: #FBCBCBFF;\n --on-dark-surface-transparent-navi-active: #2424248A;\n --on-light-surface-accent-secondary: #41BDA1;\n --on-light-outline-default: #FFFFFF;\n --personas-pink-text-accent-active: #F48080FF;\n --inverse-personas-ochre-text-accent-active: #F19F7EFF;\n --inverse-personas-olive-text-accent: #93CB92;\n --on-dark-personas-blue-text-accent-active: #5DA3EFFF;\n --on-dark-personas-green-text-accent: #6CD5BB;\n --on-light-personas-olive-text-accent-active: #179315FF;\n --on-light-personas-pink-text-accent: #DE5555;\n --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;\n --surface-transparent-accent-minor-hover: #0BA8884D;\n --inverse-surface-transparent-navi-active: #2424248A;\n --on-dark-surface-transparent-accent-minor-hover: #0BA88866;\n --on-light-personas-indigo-text-accent: #7133BE;\n --on-dark-surface-solid-primary-brightness-active: #212121FF;\n --on-dark-surface-transparent-accent-minor-active: #0BA88838;\n --on-light-surface-accent-secondary-active: #3CAF94FF;\n --inverse-personas-green-text-accent-hover: #04C396FF;\n --on-light-personas-indigo-text-accent-active: #5B2999FF;\n --outline-transparent-white-active: #FFFFFFA3;\n --outline-transparent-white-hover: #FFFFFF3D;\n --inverse-outline-deep: #777675;\n --inverse-outline-deep-active: #5D5C5BFF;\n --inverse-outline-deep-hover: #D2D1D1FF;\n --inverse-outline-transparent-white: #FFFFFF7A;\n --inverse-outline-transparent-white-hover: #FFFFFFF5;\n --on-dark-outline-deep: #777675;\n --on-dark-outline-deep-active: #5D5C5BFF;\n --on-dark-outline-deep-hover: #D2D1D1FF;\n --on-dark-outline-transparent-white: #FFFFFF7A;\n --on-dark-outline-transparent-white-active: #FFFFFF49;\n --on-dark-outline-transparent-white-hover: #FFFFFFF5;\n --on-light-outline-deep: #A1A09F;\n --on-light-outline-deep-active: #8D8C8BFF;\n --on-light-outline-deep-hover: #CAC9C9FF;\n --on-light-outline-transparent-white: #FFFFFF66;\n --surface-solid-deep: #A1A09F;\n --surface-solid-deep-active: #979695FF;\n --surface-solid-deep-hover: #B1B0AFFF;\n --surface-transparent-card-minor: #FFFFFF85;\n --surface-transparent-card-minor-active: #FFFFFF99;\n --surface-transparent-card-minor-hover: #FFFFFF94;\n --inverse-surface-solid-deep: #777675;\n --inverse-surface-solid-deep-active: #71706FFF;\n --inverse-surface-solid-deep-hover: #81807EFF;\n --inverse-surface-transparent-card-minor: #23232380;\n --inverse-surface-transparent-card-minor-active: #24242470;\n --inverse-surface-transparent-card-minor-hover: #2424249E;\n --on-dark-surface-solid-deep: #777675;\n --on-dark-surface-solid-deep-active: #71706FFF;\n --on-dark-surface-solid-deep-hover: #81807EFF;\n --on-dark-surface-transparent-card-minor: #23232380;\n --on-dark-surface-transparent-card-minor-active: #24242470;\n --on-dark-surface-transparent-card-minor-hover: #2424249E;\n --on-light-surface-solid-deep: #A1A09F;\n --on-light-surface-solid-deep-active: #979695FF;\n --on-light-surface-solid-deep-hover: #B1B0AFFF;\n --on-light-surface-transparent-card-minor: #FFFFFF85;\n --on-light-surface-transparent-card-minor-active: #FFFFFF99;\n --on-light-surface-transparent-card-minor-hover: #FFFFFF94;\n --outline-deep-active: #8D8C8BFF;\n --outline-deep-hover: #CAC9C9FF;\n --on-light-outline-transparent-white-active: #FFFFFFA3;\n --on-light-outline-transparent-white-hover: #FFFFFF3D;\n --text-positive-active: #185E17FF;\n --text-positive-hover: #29A027FF;\n --text-primary-active: #15110FCA;\n --text-primary-brightness: #171717F5;\n --text-negative: #D11D23;\n --text-negative-active: #AF181DFF;\n --text-negative-hover: #E3353BFF;\n --text-tertiary-active: #15110F49;\n --text-tertiary-hover: #15110FFF;\n --text-warning: #973C09;\n --text-warning-active: #6F2D06FF;\n --text-warning-hover: #BC4C0BFF;\n --text-accent-minor: #0A8E7366;\n --text-accent-minor-active: #0A8F747A;\n --text-accent-minor-hover: #0A8F74FF;\n --text-paragraph-hover: #15110FFF;\n --text-positive: #207F1F;\n --text-paragraph: #15110F66;\n --text-paragraph-active: #15110F7A;\n --text-info: #205EA5;\n --text-info-active: #194B85FF;\n --text-info-hover: #000000FF;\n --text-secondary: #15110FA3;\n --text-secondary-active: #15110FC4;\n --text-secondary-hover: #15110FFF;\n --text-tertiary: #15110F3D;\n --text-accent: #0A8E73;\n --text-accent-active: #076955FF;\n --on-dark-text-accent-minor-active: #60C7AF93;\n --on-dark-text-info-active: #53A3F3FF;\n --on-dark-text-info: #70B2F5;\n --on-dark-text-info-hover: #BCDBFAFF;\n --on-dark-text-negative: #F57E83;\n --on-dark-text-secondary: #F6F2F0A3;\n --on-dark-text-secondary-active: #F5F1EFC4;\n --on-dark-text-tertiary: #F6F2F03D;\n --on-dark-text-secondary-hover: #F5F1EFFF;\n --on-dark-text-primary: #FFFFFFFC;\n --on-dark-text-accent-hover: #77CFBBFF;\n --on-dark-text-positive: #50A84C;\n --on-dark-text-paragraph-hover: #F5F1EFFF;\n --on-dark-text-negative-active: #F3626AFF;\n --on-dark-text-paragraph: #F6F2F07A;\n --on-dark-text-negative-hover: #F89BA0FF;\n --on-dark-text-primary-active: #FFFFFFCA;\n --on-dark-text-primary-brightness: #FAFAFAF5;\n --on-dark-text-warning-hover: #DF7D43FF;\n --on-dark-text-tertiary-active: #F5F1EF49;\n --on-dark-text-warning: #DA6828;\n --on-dark-text-warning-active: #C45D21FF;\n --on-dark-text-tertiary-hover: #F5F1EFFF;\n --on-dark-text-primary-hover: #FFFFFF97;\n --on-dark-text-positive-active: #469442FF;\n --on-dark-text-accent-minor: #61C8B07A;\n --on-dark-text-positive-hover: #62B65DFF;\n --on-light-text-tertiary-active: #15110F49;\n --on-light-text-warning: #973C09;\n --on-light-text-tertiary-hover: #15110FFF;\n --on-light-text-warning-hover: #BC4C0BFF;\n --on-light-text-positive-active: #185E17FF;\n --on-light-text-primary: #15110FFC;\n --on-light-text-positive-hover: #29A027FF;\n --on-light-text-accent-minor-active: #0A8F747A;\n --on-light-text-paragraph: #15110F66;\n --on-light-text-accent-minor-hover: #0A8F74FF;\n --on-light-text-paragraph-active: #15110F7A;\n --on-light-text-positive: #207F1F;\n --on-light-text-paragraph-hover: #15110FFF;\n --on-light-text-secondary: #15110FA3;\n --on-light-text-secondary-active: #15110FC4;\n --on-light-text-tertiary: #15110F3D;\n --on-light-text-secondary-hover: #15110FFF;\n --on-light-text-primary-active: #15110FCA;\n --on-light-text-primary-hover: #15110F97;\n --on-light-text-primary-brightness: #171717F5;\n --on-light-text-accent-active: #076955FF;\n --on-light-text-accent-minor: #0A8E7366;\n --on-light-text-accent: #0A8E73;\n --on-light-text-accent-hover: #0DB593FF;\n --on-light-text-negative-active: #AF181DFF;\n --on-light-text-negative-hover: #E3353BFF;\n --inverse-text-secondary-hover: #F5F1EFFF;\n --inverse-text-secondary: #F6F2F0A3;\n --inverse-text-secondary-active: #F5F1EFC4;\n --inverse-text-tertiary-active: #F5F1EF49;\n --on-light-text-info: #205EA5;\n --inverse-text-tertiary-hover: #F5F1EFFF;\n --on-light-text-info-active: #194B85FF;\n --on-light-text-info-hover: #000000FF;\n --inverse-text-primary-active: #FFFFFFCA;\n --inverse-text-primary-hover: #FFFFFF97;\n --inverse-text-primary-brightness: #FAFAFAF5;\n --inverse-text-accent-minor-active: #60C7AF93;\n --inverse-text-paragraph: #F6F2F07A;\n --inverse-text-accent-minor-hover: #60C7AFFF;\n --inverse-text-paragraph-active: #F5F1EF93;\n --inverse-text-primary: #FFFFFFFC;\n --inverse-text-paragraph-hover: #F5F1EFFF;\n --inverse-text-tertiary: #F6F2F03D;\n --on-light-text-negative: #D11D23;\n --inverse-text-accent-active: #4ABFA4FF;\n --inverse-text-accent-hover: #77CFBBFF;\n --inverse-text-accent-minor: #61C8B07A;\n --inverse-text-negative: #F57E83;\n --inverse-text-positive-active: #469442FF;\n --inverse-text-positive-hover: #62B65DFF;\n --inverse-text-negative-active: #F3626AFF;\n --inverse-text-negative-hover: #F89BA0FF;\n --surface-solid-secondary: #FFFFFF;\n --surface-solid-tertiary: #FFFFFF;\n --surface-solid-secondary-active: #FFFFFFFF;\n --surface-solid-secondary-hover: #FFFFFFFF;\n --surface-solid-tertiary-hover: #FFFFFFFF;\n --inverse-text-info-active: #53A3F3FF;\n --inverse-text-info: #70B2F5;\n --inverse-text-info-hover: #BCDBFAFF;\n --inverse-text-warning: #DA6828;\n --inverse-text-warning-hover: #DF7D43FF;\n --surface-solid-primary: #FFFFFF;\n --inverse-text-warning-active: #C45D21FF;\n --inverse-text-positive: #50A84C;\n --surface-solid-primary-hover: #FFFFFFFF;\n --surface-accent-hover: #0CBB98FF;\n --surface-accent-active: #099579FF;\n --surface-transparent-primary-active: #15110F0F;\n --surface-transparent-secondary: #15110F14;\n --surface-transparent-primary-hover: #15110F0D;\n --surface-transparent-deep: #A1A09FA3;\n --surface-transparent-primary: #15110F0A;\n --surface-transparent-deep-active: #A2A1A0B8;\n --surface-transparent-deep-hover: #A2A1A0B3;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-brightness: #FFFFFFFF;\n --surface-clear-active: #15110F00;\n --surface-clear: #15110F00;\n --surface-solid-card: #FFFFFF;\n --surface-clear-hover: #15110F00;\n --surface-transparent-card-active: #FFFFFFC7;\n --surface-transparent-card-hover: #FFFFFFC2;\n --surface-transparent-card-brightness: #FFFFFFFF;\n --surface-solid-default-active: #090706FF;\n --surface-solid-default-hover: #271F1CFF;\n --surface-transparent-accent-active: #0BA88833;\n --surface-transparent-card: #FFFFFFB3;\n --surface-transparent-secondary-active: #15110F1F;\n --surface-transparent-tertiary: #15110F1F;\n --surface-transparent-accent-hover: #0BA8882E;\n --surface-transparent-accent: #0BA6861F;\n --surface-transparent-secondary-hover: #15110F1A;\n --surface-transparent-tertiary-active: #15110F33;\n --surface-transparent-tertiary-hover: #15110F2E;\n --surface-positive-active: #20801EFF;\n --surface-positive-hover: #28A126FF;\n --surface-negative-active: #E72329FF;\n --surface-positive: #239322;\n --surface-negative-hover: #EC5156FF;\n --surface-info-hover: #4180C8FF;\n --surface-warning: #BE4E0C;\n --surface-warning-hover: #D3560DFF;\n --surface-warning-active: #AD460BFF;\n --surface-info-active: #326CAEFF;\n --surface-negative: #E83439;\n --surface-transparent-negative-active: #E9353B3D;\n --surface-transparent-negative-hover: #E9353B38;\n --surface-transparent-negative: #E8343929;\n --on-dark-surface-solid-secondary: #292929;\n --on-dark-surface-solid-tertiary: #474747;\n --on-dark-surface-solid-secondary-active: #242424FF;\n --on-dark-surface-solid-secondary-hover: #333333FF;\n --on-dark-surface-solid-tertiary-hover: #525252FF;\n --on-dark-surface-solid-primary-active: #1F1F1FFF;\n --on-dark-surface-solid-primary-brightness: #262626FF;\n --surface-read-only-active: #FAFAFA08;\n --surface-read-only: #F9F9F903;\n --surface-read-only-hover: #FAFAFA05;\n --on-dark-surface-solid-primary-hover: #2E2E2EFF;\n --on-dark-surface-solid-primary: #232323;\n --on-dark-surface-accent: #0BA686;\n --on-dark-surface-accent-hover: #0CBB98FF;\n --on-dark-surface-accent-active: #0A9E81FF;\n --on-dark-surface-transparent-primary-active: #FFFFFF0F;\n --on-dark-surface-transparent-secondary: #FFFFFF29;\n --on-dark-surface-transparent-primary-hover: #FFFFFF24;\n --on-dark-surface-transparent-deep: #A1A09F99;\n --on-dark-surface-transparent-primary: #FFFFFF14;\n --on-dark-surface-transparent-deep-active: #A2A1A08A;\n --on-dark-surface-transparent-deep-hover: #A2A1A0B8;\n --on-dark-surface-solid-card-active: #1F1F1FFF;\n --on-dark-surface-solid-card-hover: #2E2E2EFF;\n --on-dark-surface-solid-card-brightness: #262626FF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-solid-card: #232323;\n --on-dark-surface-solid-default-hover: #F9F7F5FF;\n --on-dark-surface-solid-default-active: #F2ECE9FF;\n --on-dark-surface-transparent-card: #373737B8;\n --on-dark-surface-transparent-card-hover: #383838D6;\n --on-dark-surface-transparent-card-brightness: #FAFAFA0F;\n --on-dark-surface-transparent-secondary-active: #FFFFFF1A;\n --on-dark-surface-transparent-tertiary: #FFFFFF3D;\n --on-dark-surface-transparent-card-active: #383838A8;\n --on-dark-surface-transparent-secondary-hover: #FFFFFF47;\n --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;\n --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;\n --on-dark-surface-positive-active: #9FCF9BFF;\n --on-dark-surface-positive-hover: #B3D9B0FF;\n --on-dark-surface-negative-active: #F79C9FFF;\n --on-dark-surface-positive: #A6D2A2;\n --on-dark-surface-negative-hover: #F9B8BAFF;\n --on-dark-surface-info-hover: #AED4F9FF;\n --on-dark-surface-info: #9BCAF8;\n --on-dark-surface-info-active: #91C4F7FF;\n --on-dark-surface-warning-active: #F8A977FF;\n --on-dark-surface-transparent-accent: #0BA68633;\n --on-dark-surface-transparent-accent-hover: #0BA88852;\n --on-dark-surface-transparent-accent-active: #0BA88824;\n --on-dark-surface-warning: #F8AD80;\n --on-dark-surface-warning-hover: #F9BB94FF;\n --on-dark-surface-negative: #F8A6A9;\n --on-dark-surface-transparent-negative-active: #F8A5A870;\n --on-dark-surface-transparent-negative-hover: #F8A5A89E;\n --on-dark-surface-read-only-active: #FAFAFA00;\n --on-dark-surface-transparent-negative: #F8A6A980;\n --on-light-surface-solid-secondary: #FFFFFF;\n --on-light-surface-solid-tertiary: #FFFFFF;\n --on-light-surface-solid-secondary-active: #FFFFFFFF;\n --on-light-surface-solid-secondary-hover: #FFFFFFFF;\n --on-light-surface-solid-tertiary-hover: #FFFFFFFF;\n --on-dark-surface-read-only-hover: #FAFAFA0F;\n --on-dark-surface-read-only: #F9F9F905;\n --on-light-surface-solid-primary-active: #FFFFFFFF;\n --on-light-surface-solid-primary-hover: #FFFFFFFF;\n --on-light-surface-solid-primary-brightness: #FFFFFFFF;\n --on-light-surface-solid-primary: #FFFFFF;\n --on-light-surface-accent: #0BA686;\n --on-light-surface-accent-hover: #0CBB98FF;\n --on-light-surface-accent-active: #099579FF;\n --on-light-surface-transparent-primary-active: #15110F0F;\n --on-light-surface-transparent-secondary: #15110F14;\n --on-light-surface-transparent-primary-hover: #15110F0D;\n --on-light-surface-transparent-deep: #A1A09FA3;\n --on-light-surface-transparent-primary: #15110F0A;\n --on-light-surface-transparent-deep-active: #A2A1A0B8;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-solid-card: #FFFFFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-solid-default-active: #090706FF;\n --on-light-surface-solid-default: #15110F;\n --on-light-surface-solid-default-hover: #271F1CFF;\n --on-light-surface-transparent-card-active: #FFFFFFC7;\n --on-light-surface-transparent-card-hover: #FFFFFFC2;\n --on-light-surface-transparent-secondary-active: #15110F1F;\n --on-light-surface-transparent-tertiary: #15110F1F;\n --on-light-surface-transparent-card-brightness: #FFFFFFFF;\n --on-light-surface-transparent-card: #FFFFFFB3;\n --on-light-surface-transparent-tertiary-active: #15110F33;\n --on-light-surface-transparent-tertiary-hover: #15110F2E;\n --on-light-surface-info: #3776BC;\n --on-light-surface-positive-active: #20801EFF;\n --on-light-surface-positive-hover: #28A126FF;\n --on-light-surface-negative-active: #E72329FF;\n --on-light-surface-positive: #239322;\n --on-light-surface-negative-hover: #EC5156FF;\n --on-light-surface-info-hover: #4180C8FF;\n --on-light-surface-info-active: #326CAEFF;\n --on-light-surface-transparent-accent-hover: #0BA8882E;\n --on-light-surface-transparent-accent: #0BA6861F;\n --on-light-surface-transparent-accent-active: #0BA88833;\n --on-light-surface-warning: #BE4E0C;\n --on-light-surface-warning-active: #AD460BFF;\n --on-light-surface-negative: #E83439;\n --on-light-surface-warning-hover: #D3560DFF;\n --on-light-surface-transparent-negative-active: #E9353B3D;\n --on-light-surface-transparent-negative-hover: #E9353B38;\n --on-light-surface-read-only-active: #FAFAFA08;\n --on-light-surface-transparent-negative: #E8343929;\n --inverse-surface-solid-secondary: #292929;\n --inverse-surface-solid-secondary-hover: #333333FF;\n --on-light-surface-read-only-hover: #FAFAFA05;\n --on-light-surface-read-only: #F9F9F903;\n --inverse-surface-solid-primary-brightness: #262626FF;\n --inverse-surface-solid-primary-active: #1F1F1FFF;\n --inverse-surface-solid-primary-hover: #2E2E2EFF;\n --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-transparent-primary-active: #FFFFFF0F;\n --inverse-surface-transparent-secondary: #FFFFFF29;\n --inverse-surface-transparent-primary-hover: #FFFFFF24;\n --inverse-surface-transparent-deep: #A1A09F99;\n --inverse-surface-transparent-primary: #FFFFFF14;\n --inverse-surface-transparent-deep-active: #A2A1A08A;\n --inverse-surface-transparent-deep-hover: #A2A1A0B8;\n --inverse-surface-solid-card-active: #1F1F1FFF;\n --inverse-surface-solid-card-hover: #2E2E2EFF;\n --inverse-surface-solid-card-brightness: #262626FF;\n --inverse-surface-solid-card: #232323;\n --inverse-surface-transparent-card-brightness: #FAFAFA0F;\n --inverse-surface-transparent-card-hover: #383838D6;\n --inverse-surface-solid-default-active: #F2ECE9FF;\n --inverse-surface-solid-tertiary-active: #424242FF;\n --inverse-surface-transparent-card-active: #383838A8;\n --inverse-surface-transparent-card: #373737B8;\n --inverse-surface-solid-default-hover: #F9F7F5FF;\n --inverse-surface-solid-tertiary-hover: #525252FF;\n --inverse-surface-transparent-secondary-active: #FFFFFF1A;\n --inverse-surface-transparent-tertiary: #FFFFFF3D;\n --inverse-surface-transparent-secondary-hover: #FFFFFF47;\n --inverse-surface-transparent-tertiary-active: #FFFFFF2E;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-warning-active: #F8A977FF;\n --inverse-surface-warning-hover: #F9BB94FF;\n --inverse-surface-accent-hover: #0CBB98FF;\n --inverse-surface-positive-active: #9FCF9BFF;\n --inverse-surface-positive-hover: #B3D9B0FF;\n --inverse-surface-negative-active: #F79C9FFF;\n --inverse-surface-positive: #A6D2A2;\n --inverse-surface-negative-hover: #F9B8BAFF;\n --inverse-surface-negative: #F8A6A9;\n --inverse-surface-info-hover: #AED4F9FF;\n --inverse-surface-warning: #F8AD80;\n --inverse-surface-transparent-accent: #0BA68633;\n --inverse-surface-info-active: #91C4F7FF;\n --inverse-surface-transparent-accent-active: #0BA88824;\n --inverse-surface-info: #9BCAF8;\n --inverse-surface-transparent-accent-hover: #0BA88852;\n --inverse-surface-transparent-negative-active: #F8A5A870;\n --inverse-surface-transparent-negative-hover: #F8A5A89E;\n --inverse-surface-transparent-negative: #F8A6A980;\n --background-secondary: #F6F2F0;\n --background-tertiary: #FFFFFF;\n --light-background-primary: #EBE7E5;\n --inverse-surface-read-only-active: #FAFAFA00;\n --dark-background-secondary: #0F0F0F;\n --inverse-surface-read-only-hover: #FAFAFA0F;\n --inverse-surface-read-only: #F9F9F905;\n --dark-background-tertiary: #141413;\n --background-primary: #EBE7E5;\n --on-dark-overlay-soft: #0000001F;\n --on-dark-overlay-hard: #00000066;\n --outline-transparent-primary-active: #15110F62;\n --outline-transparent-primary: #15110F3D;\n --outline-transparent-primary-hover: #15110F25;\n --overlay-hard: #000000CC;\n --overlay-soft: #0000003D;\n --on-light-overlay-hard: #000000CC;\n --inverse-overlay-soft: #0000001F;\n --on-light-overlay-soft: #0000003D;\n --inverse-overlay-hard: #00000066;\n --outline-clear: #FFFFFF00;\n --inverse-background-tertiary: #141413;\n --inverse-background-secondary: #0F0F0F;\n --light-background-tertiary: #FFFFFF;\n --outline-positive: #239322;\n --outline-negative: #E83439;\n --outline-accent-hover: #0ED8AFFF;\n --outline-accent-active: #088169FF;\n --outline-positive-active: #20801EFF;\n --outline-positive-hover: #32CA2FFF;\n --outline-negative-active: #DC181FFF;\n --outline-negative-hover: #F17E82FF;\n --outline-clear-hover: #FFFFFF00;\n --outline-info-hover: #81AADAFF;\n --outline-warning-hover: #F3813FFF;\n --outline-clear-active: #FFFFFF00;\n --outline-warning: #BE4E0C;\n --outline-warning-active: #A3420AFF;\n --outline-info: #3776BC;\n --outline-info-active: #3067A6FF;\n --on-dark-outline-transparent-primary: #FFFFFF1F;\n --on-dark-outline-transparent-primary-active: #FFFFFF12;\n --on-dark-outline-transparent-primary-hover: #FFFFFF4D;\n --on-dark-outline-warning: #F8AD80;\n --on-dark-outline-accent: #0BA686;\n --on-dark-outline-positive-active: #92C88DFF;\n --on-dark-outline-positive-hover: #DBEDD9FF;\n --on-dark-outline-negative-active: #EF343AFF;\n --on-dark-outline-positive: #A6D2A2;\n --on-dark-outline-negative-hover: #F25A5FFF;\n --on-dark-outline-accent-hover: #0EE1B7FF;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-info-hover: #E7F2FDFF;\n --on-dark-outline-info-active: #7EBAF6FF;\n --on-dark-outline-info: #9BCAF8;\n --on-dark-outline-clear-hover: #FFFFFF00;\n --on-dark-outline-clear-active: #FFFFFF00;\n --on-dark-outline-warning-active: #F79C64FF;\n --on-dark-outline-negative: #F8A6A9;\n --on-dark-outline-warning-hover: #FCE0CFFF;\n --on-light-outline-positive-hover: #32CA2FFF;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-clear-hover: #FFFFFF00;\n --on-light-outline-transparent-primary: #15110F3D;\n --on-light-outline-transparent-primary-active: #15110F62;\n --on-light-outline-transparent-primary-hover: #15110F25;\n --on-light-outline-accent-hover: #0ED8AFFF;\n --on-light-outline-positive: #239322;\n --on-light-outline-accent-active: #088169FF;\n --on-light-outline-clear-active: #FFFFFF00;\n --on-light-outline-negative-active: #DC181FFF;\n --on-light-outline-negative-hover: #F17E82FF;\n --on-light-outline-warning: #BE4E0C;\n --on-light-outline-warning-hover: #F3813FFF;\n --on-light-outline-negative: #E83439;\n --on-light-outline-info-hover: #81AADAFF;\n --on-light-outline-info: #3776BC;\n --on-light-outline-info-active: #3067A6FF;\n --inverse-outline-accent-active: #099579FF;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-clear-active: #FFFFFF00;\n --inverse-outline-clear-hover: #FFFFFF00;\n --inverse-outline-transparent-primary-hover: #FFFFFF4D;\n --inverse-outline-transparent-primary: #FFFFFF1F;\n --inverse-outline-transparent-primary-active: #FFFFFF12;\n --inverse-outline-positive: #A6D2A2;\n --inverse-outline-negative: #F8A6A9;\n --inverse-outline-info-hover: #E7F2FDFF;\n --inverse-outline-info-active: #7EBAF6FF;\n --inverse-outline-positive-active: #92C88DFF;\n --inverse-outline-positive-hover: #DBEDD9FF;\n --inverse-outline-negative-active: #EF343AFF;\n --inverse-outline-negative-hover: #F25A5FFF;\n --inverse-outline-warning-active: #F79C64FF;\n --inverse-outline-warning-hover: #FCE0CFFF;\n --inverse-outline-warning: #F8AD80;\n --inverse-outline-info: #9BCAF8;\n --inverse-surface-accent-minor-hover: #055C4CFF;\n --on-dark-surface-solid-default: #F6F2F0;\n --on-light-surface-accent-minor-active: #BFEDE1FF;\n --text-primary-hover: #15110F97;\n --dark-background-primary: #141413;\n --inverse-background-hardline: #FFFFFF;\n --inverse-background-primary: #141413;\n --light-background-hardline: #FFFFFF;\n --light-background-secondary: #F6F2F0;\n --outline-accent: #0BA686;\n --outline-deep: #A1A09F;\n --outline-default: #ffffff;\n --outline-default-active: #E6E6E6FF;\n --outline-default-hover: #CCCCCCFF;\n --outline-transparent-white: #FFFFFF66;\n --inverse-outline-accent: #0BA686;\n --inverse-outline-accent-hover: #0EE1B7FF;\n --inverse-outline-default: #383838;\n --inverse-outline-default-active: #292929FF;\n --on-light-outline-default-hover: #CCCCCCFF;\n --on-light-outline-primary-hover: #ADA39FFF;\n --personas-blue-text-accent-hover: #1477E1FF;\n --personas-green-text-accent-hover: #8CDECAFF;\n --personas-indigo-text-accent-hover: #000000FF;\n --personas-sea-blue-text-accent-hover: #000000FF;\n --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;\n --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;\n --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;\n --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;\n --on-light-personas-indigo-text-accent-hover: #000000FF;\n --on-light-personas-pink-text-accent-hover: #E47777FF;\n --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;\n --surface-accent-minor-hover: #C7F0E5FF;\n --inverse-surface-accent-secondary-hover: #70CDB7FF;\n --on-dark-surface-accent-secondary-hover: #70CDB7FF;\n --on-light-surface-transparent-deep-hover: #A2A1A0B3;\n --on-light-surface-transparent-secondary-hover: #15110F1A;\n --text-accent-hover: #0DB593FF;\n --inverse-outline-primary-active: #2B2827FF;\n --inverse-outline-transparent-white-active: #FFFFFF49;\n --on-dark-outline-accent-active: #099579FF;\n --on-dark-outline-default-active: #292929FF;\n --on-dark-outline-primary-active: #2B2827FF;\n --personas-ochre-text-accent-active: #AA4A0EFF;\n --personas-olive-text-accent-active: #179315FF;\n --personas-violet-text-accent-active: #D679E6FF;\n --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;\n --inverse-personas-violet-text-accent-active: #D982E8FF;\n --on-light-personas-green-text-accent-active: #04AF87FF;\n --on-light-personas-ochre-text-accent-active: #AA4A0EFF;\n --on-light-personas-violet-text-accent-active: #81288FFF;\n --surface-accent-minor-active: #BFEDE1FF;\n --surface-solid-primary-active: #FFFFFFFF;\n --surface-solid-primary-brightness-hover: #FFFFFFFF;\n --surface-transparent-navi-active: #FFFFFFAD;\n --inverse-surface-accent-active: #0A9E81FF;\n --inverse-surface-accent-minor-active: #043F34FF;\n --inverse-surface-solid-secondary-active: #242424FF;\n --on-light-surface-transparent-accent-minor-active: #0BA88852;\n --on-dark-text-accent-active: #4ABFA4FF;\n --on-light-outline-accent: #0BA686;\n --on-light-outline-primary: #DDD9D7;\n --inverse-personas-sea-blue-text-accent: #00898D;\n --surface-accent: #0BA686;\n --surface-info: #3776BC;\n --surface-solid-card-brightness-active: #FFFFFFFF;\n --surface-solid-default: #15110F;\n --surface-transparent-navi: #FFFFFF99;\n --inverse-surface-accent: #0BA686;\n --inverse-surface-solid-primary: #232323;\n --on-dark-surface-accent-minor: #04473B;\n --on-light-surface-clear: #FFFFFF00;\n --text-primary-brightness-active: #171717C4;\n --inverse-text-accent: #61C8B0;\n --on-dark-text-accent: #61C8B0;\n --dark-background-hardline: #000000;\n --surface-solid-card-brightness-hover: #FFFFFFFF;\n --surface-solid-primary-brightness: #FFFFFFFF;\n --inverse-surface-solid-default: #F6F2F0;\n --on-dark-surface-solid-card-brightness-active: #212121FF;\n --on-dark-text-paragraph-active: #F5F1EF93;\n --overlay-medium: #00000052;\n --inverse-overlay-medium: #00000029;\n --on-dark-overlay-medium: #00000029;\n --on-light-overlay-medium: #00000052;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);\n --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);\n --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);\n --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);\n --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);\n --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);\n --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);\n --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);\n --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);\n --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);\n --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);\n --surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);\n --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);\n --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);\n --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);\n --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);\n --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);\n --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);\n --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);\n --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);\n --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);\n --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);\n --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);\n --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);\n --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);\n --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);\n --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);\n --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);\n --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);\n --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);\n --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);\n --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);\n --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);\n --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);\n --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);\n --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);\n --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);\n --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);\n --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);\n --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);\n --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);\n --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);\n --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);\n --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);\n --inverse-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);\n --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);\n --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);\n --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);\n --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);\n --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);\n --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);\n --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);\n --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);\n --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);\n --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);\n --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);\n --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n}\n\n:root {\n --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;\n --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;\n --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;\n --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;\n --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;\n --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;\n --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;\n --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;\n --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;\n --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;\n}\n\n:root {\n --border-radius-4xl: 2rem;\n --border-radius-3xl: 1.75rem;\n --border-radius-5xl: 2.5rem;\n --border-radius-s: 0.5rem;\n --border-radius-m: 0.75rem;\n --border-radius-l: 1rem;\n --border-radius-xxs: 0.25rem;\n --border-radius-xl: 1.25rem;\n --border-radius-xxl: 1.5rem;\n --border-radius-xs: 0.375rem;\n --border-radius-circle: 100rem;\n}\n\n:root {\n --spacing-16x: 2rem;\n --spacing-10x: 1.25rem;\n --spacing-12x: 1.5rem;\n --spacing-2x: 0.25rem;\n --spacing-3x: 0.375rem;\n --spacing-0x: 0rem;\n --spacing-40x: 5rem;\n --spacing-60x: 7.5rem;\n --spacing-8x: 1rem;\n --spacing-4x: 0.5rem;\n --spacing-20x: 2.5rem;\n --spacing-32x: 4rem;\n --spacing-6x: 0.75rem;\n --spacing-1x: 0.125rem;\n --spacing-24x: 3rem;\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: 'Roboto', sans-serif;\n --plasma-typo-body-font-family: 'Roboto', sans-serif;\n --plasma-typo-header-font-family: 'Roboto', sans-serif;\n --plasma-typo-text-font-family: 'undefined', sans-serif;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: normal;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-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-display-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-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-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-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-h2-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-bold-letter-spacing: normal;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-letter-spacing: normal;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-medium-letter-spacing: normal;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-bold-letter-spacing: normal;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-medium-letter-spacing: normal;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-letter-spacing: normal;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-bold-letter-spacing: normal;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-medium-letter-spacing: normal;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-letter-spacing: normal;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: normal;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: normal;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-letter-spacing: normal;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-letter-spacing: normal;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: normal;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-xxl-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-xxl-medium-letter-spacing: normal;\n --plasma-typo-xxl-medium-font-style: normal;\n --plasma-typo-xl-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-xl-medium-letter-spacing: normal;\n --plasma-typo-xl-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 700;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h4-font-size: 1rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.25rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 700;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-body-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 700;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 700;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 700;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\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-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n --plasma-typo-xxl-medium-font-size: 4.5rem;\n --plasma-typo-xxl-medium-font-weight: 500;\n --plasma-typo-xxl-medium-line-height: 5.625rem;\n --plasma-typo-xl-medium-font-size: 2.5rem;\n --plasma-typo-xl-medium-font-weight: 500;\n --plasma-typo-xl-medium-line-height: 3.125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 700;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-h4-font-size: 1rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 700;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 700;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.125rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\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-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-body-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 700;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 700;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-xxl-medium-font-size: 4.5rem;\n --plasma-typo-xxl-medium-font-weight: 500;\n --plasma-typo-xxl-medium-line-height: 5.625rem;\n --plasma-typo-xl-medium-font-size: 2.5rem;\n --plasma-typo-xl-medium-font-weight: 500;\n --plasma-typo-xl-medium-line-height: 3.125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 700;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-h4-font-size: 1rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\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-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 700;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 700;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 700;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\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-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 700;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-xxl-medium-font-size: 4.5rem;\n --plasma-typo-xxl-medium-font-weight: 500;\n --plasma-typo-xxl-medium-line-height: 5.625rem;\n --plasma-typo-xl-medium-font-size: 2.5rem;\n --plasma-typo-xl-medium-font-weight: 500;\n --plasma-typo-xl-medium-line-height: 3.125rem;\n }\n}`] as unknown as TemplateStringsArray;\n"],"names":["sdds_sbcom__light"],"mappings":";;;;AAAA;;AAEO,IAAMA,iBAAiB,GAAG,CAmuCK,gjgEAAA;;;;"}
1
+ {"version":3,"file":"sdds_sbcom__light.js","sources":["../../src-css/theme/themes/sdds_sbcom__light.ts"],"sourcesContent":["// Generated by robots, do not change this manually!\n\nexport const sdds_sbcom__light = [`\n:root {\n --on-dark-outline-default-hover: #666666FF;\n --surface-accent-secondary-hover: #50C3A8FF;\n --surface-transparent-card-brightness-hover: #FFFFFFFF;\n --surface-transparent-card-brightness-active: #FFFFFFFF;\n --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;\n --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;\n --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;\n --on-dark-surface-solid-card-brightness-hover: #303030FF;\n --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;\n --on-light-personas-olive-text-accent: #127210;\n --on-dark-personas-olive-text-accent: #93CB92;\n --inverse-personas-ochre-text-accent: #F4B49B;\n --inverse-personas-pink-text-accent: #DE5555;\n --surface-solid-tertiary-active: #FFFFFFFF;\n --inverse-surface-solid-primary-brightness-hover: #303030FF;\n --text-primary: #15110FFC;\n --inverse-surface-transparent-navi: #23232399;\n --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;\n --on-light-surface-solid-tertiary-active: #FFFFFFFF;\n --inverse-personas-indigo-text-accent: #7133BE;\n --inverse-surface-solid-primary-brightness-active: #212121FF;\n --personas-olive-text-accent: #127210;\n --on-dark-text-accent-minor-hover: #60C7AFFF;\n --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;\n --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;\n --on-light-surface-solid-card-brightness-active: #FFFFFFFF;\n --on-dark-surface-accent-minor-active: #043F34FF;\n --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;\n --on-light-outline-positive-active: #20801EFF;\n --outline-primary: #DDD9D7;\n --inverse-surface-solid-tertiary: #474747;\n --inverse-personas-green-text-accent: #038768;\n --surface-accent-secondary: #41BDA1;\n --surface-accent-minor: #D0F2E9;\n --on-dark-surface-accent-secondary: #61C8B0;\n --on-dark-personas-indigo-text-accent: #BD91F5;\n --on-dark-surface-solid-tertiary-active: #424242FF;\n --on-light-surface-accent-minor: #D0F2E9;\n --on-light-personas-ochre-text-accent: #D15A11;\n --on-light-personas-violet-text-accent: #9E32AF;\n --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;\n --on-light-outline-warning-active: #A3420AFF;\n --on-dark-surface-accent-minor-hover: #055C4CFF;\n --inverse-surface-solid-card-brightness-active: #212121FF;\n --on-light-surface-accent-minor-hover: #C7F0E5FF;\n --inverse-surface-accent-minor: #04473B;\n --on-dark-surface-transparent-accent-minor: #0BA68647;\n --on-light-personas-sea-blue-text-accent: #00898D;\n --on-dark-personas-blue-text-accent: #79B3F2;\n --on-dark-personas-violet-text-accent: #E19DED;\n --personas-ochre-text-accent: #D15A11;\n --on-light-surface-transparent-navi: #FFFFFF99;\n --inverse-personas-blue-text-accent-active: #5DA3EFFF;\n --on-light-text-warning-active: #6F2D06FF;\n --inverse-personas-olive-text-accent-hover: #A6D4A5FF;\n --on-light-surface-transparent-navi-active: #FFFFFFAD;\n --on-light-personas-blue-text-accent-active: #0D4F96FF;\n --on-light-outline-primary-active: #C4BEBAFF;\n --on-light-outline-default-active: #E6E6E6FF;\n --on-dark-personas-olive-text-accent-active: #7DC07CFF;\n --on-dark-personas-sea-blue-text-accent: #7BC8C8;\n --on-dark-personas-violet-text-accent-active: #D982E8FF;\n --on-dark-personas-green-text-accent-hover: #84DCC6FF;\n --on-dark-surface-accent-secondary-active: #59C5ACFF;\n --inverse-personas-green-text-accent-active: #03A57FFF;\n --inverse-surface-accent-secondary: #61C8B0;\n --on-dark-text-primary-brightness-hover: #FAFAFA93;\n --on-dark-personas-pink-text-accent-active: #F58A8AFF;\n --inverse-personas-indigo-text-accent-active: #652DA9FF;\n --personas-sea-blue-text-accent-active: #4BB4B4FF;\n --on-light-surface-transparent-accent-minor: #0BA6863D;\n --on-light-personas-pink-text-accent-active: #D73333FF;\n --text-primary-brightness-hover: #17171793;\n --inverse-surface-transparent-accent-minor-active: #0BA8882E;\n --personas-ochre-text-accent-hover: #ED6C1DFF;\n --inverse-personas-pink-text-accent-active: #D83B3BFF;\n --on-light-surface-transparent-navi-hover: #FFFFFFA8;\n --outline-primary-active: #C4BEBAFF;\n --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;\n --on-light-personas-green-text-accent: #038768;\n --inverse-surface-accent-secondary-active: #59C5ACFF;\n --personas-indigo-text-accent-active: #5B2999FF;\n --personas-green-text-accent-active: #4CCDACFF;\n --on-dark-surface-transparent-navi-hover: #242424B8;\n --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;\n --on-light-surface-accent-secondary-hover: #50C3A8FF;\n --inverse-personas-blue-text-accent-hover: #C3DDF9FF;\n --inverse-personas-indigo-text-accent-hover: #FFFFFFFF;\n --on-dark-personas-ochre-text-accent: #F4B49B;\n --on-light-personas-green-text-accent-hover: #04D7A6FF;\n --on-dark-personas-ochre-text-accent-active: #F19F7EFF;\n --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;\n --outline-primary-hover: #ADA39FFF;\n --surface-transparent-accent-minor-active: #0BA88852;\n --surface-transparent-navi-hover: #FFFFFFA8;\n --inverse-outline-default-hover: #666666FF;\n --inverse-personas-violet-text-accent-hover: #E9B6F2FF;\n --on-light-surface-transparent-accent-minor-hover: #0BA8884D;\n --inverse-surface-transparent-accent-minor-hover: #0BA8885C;\n --inverse-surface-transparent-navi-hover: #242424B8;\n --inverse-outline-primary-hover: #6B6461FF;\n --personas-olive-text-accent-hover: #1DB71AFF;\n --personas-violet-text-accent: #E19DED;\n --inverse-personas-ochre-text-accent-hover: #F7C8B6FF;\n --on-dark-personas-green-text-accent-active: #54CFB0FF;\n --on-dark-personas-pink-text-accent-hover: #F26E6EFF;\n --inverse-personas-pink-text-accent-hover: #E26E6EFF;\n --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;\n --on-light-personas-blue-text-accent-hover: #1477E1FF;\n --on-light-personas-olive-text-accent-hover: #1DB71AFF;\n --on-light-personas-violet-text-accent-hover: #B740C9FF;\n --on-dark-outline-primary-hover: #6B6461FF;\n --on-dark-personas-pink-text-accent: #F7A4A4;\n --on-dark-outline-primary: #3B3735;\n --on-light-personas-blue-text-accent: #1063BA;\n --surface-accent-secondary-active: #3CAF94FF;\n --personas-blue-text-accent: #1063BA;\n --personas-blue-text-accent-active: #0D4F96FF;\n --personas-green-text-accent: #6CD5BB;\n --surface-solid-primary-brightness-active: #FFFFFFFF;\n --on-light-text-primary-brightness-hover: #17171793;\n --personas-pink-text-accent: #F7A4A4;\n --personas-sea-blue-text-accent: #7BC8C8;\n --surface-transparent-accent-minor: #0BA6863D;\n --personas-violet-text-accent-hover: #EBBEF3FF;\n --inverse-personas-blue-text-accent: #79B3F2;\n --inverse-personas-olive-text-accent-active: #7DC07CFF;\n --inverse-surface-solid-card-brightness-hover: #303030FF;\n --inverse-surface-transparent-accent-minor: #0BA6863D;\n --on-dark-surface-solid-primary-brightness-hover: #303030FF;\n --on-dark-surface-transparent-navi: #23232399;\n --inverse-text-primary-brightness-hover: #FAFAFA93;\n --background-hardline: #FFFFFF;\n --inverse-outline-primary: #3B3735;\n --on-dark-outline-default: #383838;\n --inverse-personas-violet-text-accent: #E19DED;\n --personas-indigo-text-accent: #7133BE;\n --inverse-text-primary-brightness-active: #FAFAFAC4;\n --on-dark-text-primary-brightness-active: #FAFAFAC4;\n --on-light-text-primary-brightness-active: #171717C4;\n --on-dark-personas-indigo-text-accent-active: #AA73F2FF;\n --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;\n --personas-pink-text-accent-hover: #FBCBCBFF;\n --on-dark-surface-transparent-navi-active: #2424248A;\n --on-light-surface-accent-secondary: #41BDA1;\n --on-light-outline-default: #FFFFFF;\n --personas-pink-text-accent-active: #F48080FF;\n --inverse-personas-ochre-text-accent-active: #F19F7EFF;\n --inverse-personas-olive-text-accent: #93CB92;\n --on-dark-personas-blue-text-accent-active: #5DA3EFFF;\n --on-dark-personas-green-text-accent: #6CD5BB;\n --on-light-personas-olive-text-accent-active: #179315FF;\n --on-light-personas-pink-text-accent: #DE5555;\n --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;\n --surface-transparent-accent-minor-hover: #0BA8884D;\n --inverse-surface-transparent-navi-active: #2424248A;\n --on-dark-surface-transparent-accent-minor-hover: #0BA88866;\n --on-light-personas-indigo-text-accent: #7133BE;\n --on-dark-surface-solid-primary-brightness-active: #212121FF;\n --on-dark-surface-transparent-accent-minor-active: #0BA88838;\n --on-light-surface-accent-secondary-active: #3CAF94FF;\n --inverse-personas-green-text-accent-hover: #04C396FF;\n --on-light-personas-indigo-text-accent-active: #5B2999FF;\n --outline-transparent-white-active: #FFFFFFA3;\n --outline-transparent-white-hover: #FFFFFF3D;\n --inverse-outline-deep: #777675;\n --inverse-outline-deep-active: #5D5C5BFF;\n --inverse-outline-deep-hover: #D2D1D1FF;\n --inverse-outline-transparent-white: #FFFFFF7A;\n --inverse-outline-transparent-white-hover: #FFFFFFF5;\n --on-dark-outline-deep: #777675;\n --on-dark-outline-deep-active: #5D5C5BFF;\n --on-dark-outline-deep-hover: #D2D1D1FF;\n --on-dark-outline-transparent-white: #FFFFFF7A;\n --on-dark-outline-transparent-white-active: #FFFFFF49;\n --on-dark-outline-transparent-white-hover: #FFFFFFF5;\n --on-light-outline-deep: #A1A09F;\n --on-light-outline-deep-active: #8D8C8BFF;\n --on-light-outline-deep-hover: #CAC9C9FF;\n --on-light-outline-transparent-white: #FFFFFF66;\n --surface-solid-deep: #A1A09F;\n --surface-solid-deep-active: #979695FF;\n --surface-solid-deep-hover: #B1B0AFFF;\n --surface-transparent-card-minor: #FFFFFF85;\n --surface-transparent-card-minor-active: #FFFFFF99;\n --surface-transparent-card-minor-hover: #FFFFFF94;\n --inverse-surface-solid-deep: #777675;\n --inverse-surface-solid-deep-active: #71706FFF;\n --inverse-surface-solid-deep-hover: #81807EFF;\n --inverse-surface-transparent-card-minor: #23232380;\n --inverse-surface-transparent-card-minor-active: #24242470;\n --inverse-surface-transparent-card-minor-hover: #2424249E;\n --on-dark-surface-solid-deep: #777675;\n --on-dark-surface-solid-deep-active: #71706FFF;\n --on-dark-surface-solid-deep-hover: #81807EFF;\n --on-dark-surface-transparent-card-minor: #23232380;\n --on-dark-surface-transparent-card-minor-active: #24242470;\n --on-dark-surface-transparent-card-minor-hover: #2424249E;\n --on-light-surface-solid-deep: #A1A09F;\n --on-light-surface-solid-deep-active: #979695FF;\n --on-light-surface-solid-deep-hover: #B1B0AFFF;\n --on-light-surface-transparent-card-minor: #FFFFFF85;\n --on-light-surface-transparent-card-minor-active: #FFFFFF99;\n --on-light-surface-transparent-card-minor-hover: #FFFFFF94;\n --outline-deep-active: #8D8C8BFF;\n --outline-deep-hover: #CAC9C9FF;\n --on-light-outline-transparent-white-active: #FFFFFFA3;\n --on-light-outline-transparent-white-hover: #FFFFFF3D;\n --text-positive-active: #185E17FF;\n --text-positive-hover: #29A027FF;\n --text-primary-active: #15110FCA;\n --text-primary-brightness: #171717F5;\n --text-negative: #D11D23;\n --text-negative-active: #AF181DFF;\n --text-negative-hover: #E3353BFF;\n --text-tertiary-active: #15110F49;\n --text-tertiary-hover: #15110FFF;\n --text-warning: #973C09;\n --text-warning-active: #6F2D06FF;\n --text-warning-hover: #BC4C0BFF;\n --text-accent-minor: #0A8E7366;\n --text-accent-minor-active: #0A8F747A;\n --text-accent-minor-hover: #0A8F74FF;\n --text-paragraph-hover: #15110FFF;\n --text-positive: #207F1F;\n --text-paragraph: #15110F66;\n --text-paragraph-active: #15110F7A;\n --text-info: #205EA5;\n --text-info-active: #194B85FF;\n --text-info-hover: #000000FF;\n --text-secondary: #15110FA3;\n --text-secondary-active: #15110FC4;\n --text-secondary-hover: #15110FFF;\n --text-tertiary: #15110F3D;\n --text-accent: #0A8E73;\n --text-accent-active: #076955FF;\n --on-dark-text-accent-minor-active: #60C7AF93;\n --on-dark-text-info-active: #53A3F3FF;\n --on-dark-text-info: #70B2F5;\n --on-dark-text-info-hover: #BCDBFAFF;\n --on-dark-text-negative: #F57E83;\n --on-dark-text-secondary: #F6F2F0A3;\n --on-dark-text-secondary-active: #F5F1EFC4;\n --on-dark-text-tertiary: #F6F2F03D;\n --on-dark-text-secondary-hover: #F5F1EFFF;\n --on-dark-text-primary: #FFFFFFFC;\n --on-dark-text-accent-hover: #77CFBBFF;\n --on-dark-text-positive: #50A84C;\n --on-dark-text-paragraph-hover: #F5F1EFFF;\n --on-dark-text-negative-active: #F3626AFF;\n --on-dark-text-paragraph: #F6F2F07A;\n --on-dark-text-negative-hover: #F89BA0FF;\n --on-dark-text-primary-active: #FFFFFFCA;\n --on-dark-text-primary-brightness: #FAFAFAF5;\n --on-dark-text-warning-hover: #DF7D43FF;\n --on-dark-text-tertiary-active: #F5F1EF49;\n --on-dark-text-warning: #DA6828;\n --on-dark-text-warning-active: #C45D21FF;\n --on-dark-text-tertiary-hover: #F5F1EFFF;\n --on-dark-text-primary-hover: #FFFFFF97;\n --on-dark-text-positive-active: #469442FF;\n --on-dark-text-accent-minor: #61C8B07A;\n --on-dark-text-positive-hover: #62B65DFF;\n --on-light-text-tertiary-active: #15110F49;\n --on-light-text-warning: #973C09;\n --on-light-text-tertiary-hover: #15110FFF;\n --on-light-text-warning-hover: #BC4C0BFF;\n --on-light-text-positive-active: #185E17FF;\n --on-light-text-primary: #15110FFC;\n --on-light-text-positive-hover: #29A027FF;\n --on-light-text-accent-minor-active: #0A8F747A;\n --on-light-text-paragraph: #15110F66;\n --on-light-text-accent-minor-hover: #0A8F74FF;\n --on-light-text-paragraph-active: #15110F7A;\n --on-light-text-positive: #207F1F;\n --on-light-text-paragraph-hover: #15110FFF;\n --on-light-text-secondary: #15110FA3;\n --on-light-text-secondary-active: #15110FC4;\n --on-light-text-tertiary: #15110F3D;\n --on-light-text-secondary-hover: #15110FFF;\n --on-light-text-primary-active: #15110FCA;\n --on-light-text-primary-hover: #15110F97;\n --on-light-text-primary-brightness: #171717F5;\n --on-light-text-accent-active: #076955FF;\n --on-light-text-accent-minor: #0A8E7366;\n --on-light-text-accent: #0A8E73;\n --on-light-text-accent-hover: #0DB593FF;\n --on-light-text-negative-active: #AF181DFF;\n --on-light-text-negative-hover: #E3353BFF;\n --inverse-text-secondary-hover: #F5F1EFFF;\n --inverse-text-secondary: #F6F2F0A3;\n --inverse-text-secondary-active: #F5F1EFC4;\n --inverse-text-tertiary-active: #F5F1EF49;\n --on-light-text-info: #205EA5;\n --inverse-text-tertiary-hover: #F5F1EFFF;\n --on-light-text-info-active: #194B85FF;\n --on-light-text-info-hover: #000000FF;\n --inverse-text-primary-active: #FFFFFFCA;\n --inverse-text-primary-hover: #FFFFFF97;\n --inverse-text-primary-brightness: #FAFAFAF5;\n --inverse-text-accent-minor-active: #60C7AF93;\n --inverse-text-paragraph: #F6F2F07A;\n --inverse-text-accent-minor-hover: #60C7AFFF;\n --inverse-text-paragraph-active: #F5F1EF93;\n --inverse-text-primary: #FFFFFFFC;\n --inverse-text-paragraph-hover: #F5F1EFFF;\n --inverse-text-tertiary: #F6F2F03D;\n --on-light-text-negative: #D11D23;\n --inverse-text-accent-active: #4ABFA4FF;\n --inverse-text-accent-hover: #77CFBBFF;\n --inverse-text-accent-minor: #61C8B07A;\n --inverse-text-negative: #F57E83;\n --inverse-text-positive-active: #469442FF;\n --inverse-text-positive-hover: #62B65DFF;\n --inverse-text-negative-active: #F3626AFF;\n --inverse-text-negative-hover: #F89BA0FF;\n --surface-solid-secondary: #FFFFFF;\n --surface-solid-tertiary: #FFFFFF;\n --surface-solid-secondary-active: #FFFFFFFF;\n --surface-solid-secondary-hover: #FFFFFFFF;\n --surface-solid-tertiary-hover: #FFFFFFFF;\n --inverse-text-info-active: #53A3F3FF;\n --inverse-text-info: #70B2F5;\n --inverse-text-info-hover: #BCDBFAFF;\n --inverse-text-warning: #DA6828;\n --inverse-text-warning-hover: #DF7D43FF;\n --surface-solid-primary: #FFFFFF;\n --inverse-text-warning-active: #C45D21FF;\n --inverse-text-positive: #50A84C;\n --surface-solid-primary-hover: #FFFFFFFF;\n --surface-accent-hover: #0CBB98FF;\n --surface-accent-active: #099579FF;\n --surface-transparent-primary-active: #15110F0F;\n --surface-transparent-secondary: #15110F14;\n --surface-transparent-primary-hover: #15110F0D;\n --surface-transparent-deep: #A1A09FA3;\n --surface-transparent-primary: #15110F0A;\n --surface-transparent-deep-active: #A2A1A0B8;\n --surface-transparent-deep-hover: #A2A1A0B3;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-brightness: #FFFFFFFF;\n --surface-clear-active: #15110F00;\n --surface-clear: #15110F00;\n --surface-solid-card: #FFFFFF;\n --surface-clear-hover: #15110F00;\n --surface-transparent-card-active: #FFFFFFC7;\n --surface-transparent-card-hover: #FFFFFFC2;\n --surface-transparent-card-brightness: #FFFFFFFF;\n --surface-solid-default-active: #090706FF;\n --surface-solid-default-hover: #271F1CFF;\n --surface-transparent-accent-active: #0BA88833;\n --surface-transparent-card: #FFFFFFB3;\n --surface-transparent-secondary-active: #15110F1F;\n --surface-transparent-tertiary: #15110F1F;\n --surface-transparent-accent-hover: #0BA8882E;\n --surface-transparent-accent: #0BA6861F;\n --surface-transparent-secondary-hover: #15110F1A;\n --surface-transparent-tertiary-active: #15110F33;\n --surface-transparent-tertiary-hover: #15110F2E;\n --surface-positive-active: #20801EFF;\n --surface-positive-hover: #28A126FF;\n --surface-negative-active: #E72329FF;\n --surface-positive: #239322;\n --surface-negative-hover: #EC5156FF;\n --surface-info-hover: #4180C8FF;\n --surface-warning: #BE4E0C;\n --surface-warning-hover: #D3560DFF;\n --surface-warning-active: #AD460BFF;\n --surface-info-active: #326CAEFF;\n --surface-negative: #E83439;\n --surface-transparent-negative-active: #E9353B3D;\n --surface-transparent-negative-hover: #E9353B38;\n --surface-transparent-negative: #E8343929;\n --on-dark-surface-solid-secondary: #292929;\n --on-dark-surface-solid-tertiary: #474747;\n --on-dark-surface-solid-secondary-active: #242424FF;\n --on-dark-surface-solid-secondary-hover: #333333FF;\n --on-dark-surface-solid-tertiary-hover: #525252FF;\n --on-dark-surface-solid-primary-active: #1F1F1FFF;\n --on-dark-surface-solid-primary-brightness: #262626FF;\n --surface-read-only-active: #FAFAFA08;\n --surface-read-only: #F9F9F903;\n --surface-read-only-hover: #FAFAFA05;\n --on-dark-surface-solid-primary-hover: #2E2E2EFF;\n --on-dark-surface-solid-primary: #232323;\n --on-dark-surface-accent: #0BA686;\n --on-dark-surface-accent-hover: #0CBB98FF;\n --on-dark-surface-accent-active: #0A9E81FF;\n --on-dark-surface-transparent-primary-active: #FFFFFF0F;\n --on-dark-surface-transparent-secondary: #FFFFFF29;\n --on-dark-surface-transparent-primary-hover: #FFFFFF24;\n --on-dark-surface-transparent-deep: #A1A09F99;\n --on-dark-surface-transparent-primary: #FFFFFF14;\n --on-dark-surface-transparent-deep-active: #A2A1A08A;\n --on-dark-surface-transparent-deep-hover: #A2A1A0B8;\n --on-dark-surface-solid-card-active: #1F1F1FFF;\n --on-dark-surface-solid-card-hover: #2E2E2EFF;\n --on-dark-surface-solid-card-brightness: #262626FF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-solid-card: #232323;\n --on-dark-surface-solid-default-hover: #F9F7F5FF;\n --on-dark-surface-solid-default-active: #F2ECE9FF;\n --on-dark-surface-transparent-card: #373737B8;\n --on-dark-surface-transparent-card-hover: #383838D6;\n --on-dark-surface-transparent-card-brightness: #FAFAFA0F;\n --on-dark-surface-transparent-secondary-active: #FFFFFF1A;\n --on-dark-surface-transparent-tertiary: #FFFFFF3D;\n --on-dark-surface-transparent-card-active: #383838A8;\n --on-dark-surface-transparent-secondary-hover: #FFFFFF47;\n --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;\n --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;\n --on-dark-surface-positive-active: #9FCF9BFF;\n --on-dark-surface-positive-hover: #B3D9B0FF;\n --on-dark-surface-negative-active: #F79C9FFF;\n --on-dark-surface-positive: #A6D2A2;\n --on-dark-surface-negative-hover: #F9B8BAFF;\n --on-dark-surface-info-hover: #AED4F9FF;\n --on-dark-surface-info: #9BCAF8;\n --on-dark-surface-info-active: #91C4F7FF;\n --on-dark-surface-warning-active: #F8A977FF;\n --on-dark-surface-transparent-accent: #0BA68633;\n --on-dark-surface-transparent-accent-hover: #0BA88852;\n --on-dark-surface-transparent-accent-active: #0BA88824;\n --on-dark-surface-warning: #F8AD80;\n --on-dark-surface-warning-hover: #F9BB94FF;\n --on-dark-surface-negative: #F8A6A9;\n --on-dark-surface-transparent-negative-active: #F8A5A870;\n --on-dark-surface-transparent-negative-hover: #F8A5A89E;\n --on-dark-surface-read-only-active: #FAFAFA00;\n --on-dark-surface-transparent-negative: #F8A6A980;\n --on-light-surface-solid-secondary: #FFFFFF;\n --on-light-surface-solid-tertiary: #FFFFFF;\n --on-light-surface-solid-secondary-active: #FFFFFFFF;\n --on-light-surface-solid-secondary-hover: #FFFFFFFF;\n --on-light-surface-solid-tertiary-hover: #FFFFFFFF;\n --on-dark-surface-read-only-hover: #FAFAFA0F;\n --on-dark-surface-read-only: #F9F9F905;\n --on-light-surface-solid-primary-active: #FFFFFFFF;\n --on-light-surface-solid-primary-hover: #FFFFFFFF;\n --on-light-surface-solid-primary-brightness: #FFFFFFFF;\n --on-light-surface-solid-primary: #FFFFFF;\n --on-light-surface-accent: #0BA686;\n --on-light-surface-accent-hover: #0CBB98FF;\n --on-light-surface-accent-active: #099579FF;\n --on-light-surface-transparent-primary-active: #15110F0F;\n --on-light-surface-transparent-secondary: #15110F14;\n --on-light-surface-transparent-primary-hover: #15110F0D;\n --on-light-surface-transparent-deep: #A1A09FA3;\n --on-light-surface-transparent-primary: #15110F0A;\n --on-light-surface-transparent-deep-active: #A2A1A0B8;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-solid-card: #FFFFFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-solid-default-active: #090706FF;\n --on-light-surface-solid-default: #15110F;\n --on-light-surface-solid-default-hover: #271F1CFF;\n --on-light-surface-transparent-card-active: #FFFFFFC7;\n --on-light-surface-transparent-card-hover: #FFFFFFC2;\n --on-light-surface-transparent-secondary-active: #15110F1F;\n --on-light-surface-transparent-tertiary: #15110F1F;\n --on-light-surface-transparent-card-brightness: #FFFFFFFF;\n --on-light-surface-transparent-card: #FFFFFFB3;\n --on-light-surface-transparent-tertiary-active: #15110F33;\n --on-light-surface-transparent-tertiary-hover: #15110F2E;\n --on-light-surface-info: #3776BC;\n --on-light-surface-positive-active: #20801EFF;\n --on-light-surface-positive-hover: #28A126FF;\n --on-light-surface-negative-active: #E72329FF;\n --on-light-surface-positive: #239322;\n --on-light-surface-negative-hover: #EC5156FF;\n --on-light-surface-info-hover: #4180C8FF;\n --on-light-surface-info-active: #326CAEFF;\n --on-light-surface-transparent-accent-hover: #0BA8882E;\n --on-light-surface-transparent-accent: #0BA6861F;\n --on-light-surface-transparent-accent-active: #0BA88833;\n --on-light-surface-warning: #BE4E0C;\n --on-light-surface-warning-active: #AD460BFF;\n --on-light-surface-negative: #E83439;\n --on-light-surface-warning-hover: #D3560DFF;\n --on-light-surface-transparent-negative-active: #E9353B3D;\n --on-light-surface-transparent-negative-hover: #E9353B38;\n --on-light-surface-read-only-active: #FAFAFA08;\n --on-light-surface-transparent-negative: #E8343929;\n --inverse-surface-solid-secondary: #292929;\n --inverse-surface-solid-secondary-hover: #333333FF;\n --on-light-surface-read-only-hover: #FAFAFA05;\n --on-light-surface-read-only: #F9F9F903;\n --inverse-surface-solid-primary-brightness: #262626FF;\n --inverse-surface-solid-primary-active: #1F1F1FFF;\n --inverse-surface-solid-primary-hover: #2E2E2EFF;\n --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-transparent-primary-active: #FFFFFF0F;\n --inverse-surface-transparent-secondary: #FFFFFF29;\n --inverse-surface-transparent-primary-hover: #FFFFFF24;\n --inverse-surface-transparent-deep: #A1A09F99;\n --inverse-surface-transparent-primary: #FFFFFF14;\n --inverse-surface-transparent-deep-active: #A2A1A08A;\n --inverse-surface-transparent-deep-hover: #A2A1A0B8;\n --inverse-surface-solid-card-active: #1F1F1FFF;\n --inverse-surface-solid-card-hover: #2E2E2EFF;\n --inverse-surface-solid-card-brightness: #262626FF;\n --inverse-surface-solid-card: #232323;\n --inverse-surface-transparent-card-brightness: #FAFAFA0F;\n --inverse-surface-transparent-card-hover: #383838D6;\n --inverse-surface-solid-default-active: #F2ECE9FF;\n --inverse-surface-solid-tertiary-active: #424242FF;\n --inverse-surface-transparent-card-active: #383838A8;\n --inverse-surface-transparent-card: #373737B8;\n --inverse-surface-solid-default-hover: #F9F7F5FF;\n --inverse-surface-solid-tertiary-hover: #525252FF;\n --inverse-surface-transparent-secondary-active: #FFFFFF1A;\n --inverse-surface-transparent-tertiary: #FFFFFF3D;\n --inverse-surface-transparent-secondary-hover: #FFFFFF47;\n --inverse-surface-transparent-tertiary-active: #FFFFFF2E;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-warning-active: #F8A977FF;\n --inverse-surface-warning-hover: #F9BB94FF;\n --inverse-surface-accent-hover: #0CBB98FF;\n --inverse-surface-positive-active: #9FCF9BFF;\n --inverse-surface-positive-hover: #B3D9B0FF;\n --inverse-surface-negative-active: #F79C9FFF;\n --inverse-surface-positive: #A6D2A2;\n --inverse-surface-negative-hover: #F9B8BAFF;\n --inverse-surface-negative: #F8A6A9;\n --inverse-surface-info-hover: #AED4F9FF;\n --inverse-surface-warning: #F8AD80;\n --inverse-surface-transparent-accent: #0BA68633;\n --inverse-surface-info-active: #91C4F7FF;\n --inverse-surface-transparent-accent-active: #0BA88824;\n --inverse-surface-info: #9BCAF8;\n --inverse-surface-transparent-accent-hover: #0BA88852;\n --inverse-surface-transparent-negative-active: #F8A5A870;\n --inverse-surface-transparent-negative-hover: #F8A5A89E;\n --inverse-surface-transparent-negative: #F8A6A980;\n --background-secondary: #F6F2F0;\n --background-tertiary: #FFFFFF;\n --light-background-primary: #EBE7E5;\n --inverse-surface-read-only-active: #FAFAFA00;\n --dark-background-secondary: #0F0F0F;\n --inverse-surface-read-only-hover: #FAFAFA0F;\n --inverse-surface-read-only: #F9F9F905;\n --dark-background-tertiary: #141413;\n --background-primary: #EBE7E5;\n --on-dark-overlay-soft: #0000001F;\n --on-dark-overlay-hard: #00000066;\n --outline-transparent-primary-active: #15110F62;\n --outline-transparent-primary: #15110F3D;\n --outline-transparent-primary-hover: #15110F25;\n --overlay-hard: #000000CC;\n --overlay-soft: #0000003D;\n --on-light-overlay-hard: #000000CC;\n --inverse-overlay-soft: #0000001F;\n --on-light-overlay-soft: #0000003D;\n --inverse-overlay-hard: #00000066;\n --outline-clear: #FFFFFF00;\n --inverse-background-tertiary: #141413;\n --inverse-background-secondary: #0F0F0F;\n --light-background-tertiary: #FFFFFF;\n --outline-positive: #239322;\n --outline-negative: #E83439;\n --outline-accent-hover: #0ED8AFFF;\n --outline-accent-active: #088169FF;\n --outline-positive-active: #20801EFF;\n --outline-positive-hover: #32CA2FFF;\n --outline-negative-active: #DC181FFF;\n --outline-negative-hover: #F17E82FF;\n --outline-clear-hover: #FFFFFF00;\n --outline-info-hover: #81AADAFF;\n --outline-warning-hover: #F3813FFF;\n --outline-clear-active: #FFFFFF00;\n --outline-warning: #BE4E0C;\n --outline-warning-active: #A3420AFF;\n --outline-info: #3776BC;\n --outline-info-active: #3067A6FF;\n --on-dark-outline-transparent-primary: #FFFFFF1F;\n --on-dark-outline-transparent-primary-active: #FFFFFF12;\n --on-dark-outline-transparent-primary-hover: #FFFFFF4D;\n --on-dark-outline-warning: #F8AD80;\n --on-dark-outline-accent: #0BA686;\n --on-dark-outline-positive-active: #92C88DFF;\n --on-dark-outline-positive-hover: #DBEDD9FF;\n --on-dark-outline-negative-active: #EF343AFF;\n --on-dark-outline-positive: #A6D2A2;\n --on-dark-outline-negative-hover: #F25A5FFF;\n --on-dark-outline-accent-hover: #0EE1B7FF;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-info-hover: #E7F2FDFF;\n --on-dark-outline-info-active: #7EBAF6FF;\n --on-dark-outline-info: #9BCAF8;\n --on-dark-outline-clear-hover: #FFFFFF00;\n --on-dark-outline-clear-active: #FFFFFF00;\n --on-dark-outline-warning-active: #F79C64FF;\n --on-dark-outline-negative: #F8A6A9;\n --on-dark-outline-warning-hover: #FCE0CFFF;\n --on-light-outline-positive-hover: #32CA2FFF;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-clear-hover: #FFFFFF00;\n --on-light-outline-transparent-primary: #15110F3D;\n --on-light-outline-transparent-primary-active: #15110F62;\n --on-light-outline-transparent-primary-hover: #15110F25;\n --on-light-outline-accent-hover: #0ED8AFFF;\n --on-light-outline-positive: #239322;\n --on-light-outline-accent-active: #088169FF;\n --on-light-outline-clear-active: #FFFFFF00;\n --on-light-outline-negative-active: #DC181FFF;\n --on-light-outline-negative-hover: #F17E82FF;\n --on-light-outline-warning: #BE4E0C;\n --on-light-outline-warning-hover: #F3813FFF;\n --on-light-outline-negative: #E83439;\n --on-light-outline-info-hover: #81AADAFF;\n --on-light-outline-info: #3776BC;\n --on-light-outline-info-active: #3067A6FF;\n --inverse-outline-accent-active: #099579FF;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-clear-active: #FFFFFF00;\n --inverse-outline-clear-hover: #FFFFFF00;\n --inverse-outline-transparent-primary-hover: #FFFFFF4D;\n --inverse-outline-transparent-primary: #FFFFFF1F;\n --inverse-outline-transparent-primary-active: #FFFFFF12;\n --inverse-outline-positive: #A6D2A2;\n --inverse-outline-negative: #F8A6A9;\n --inverse-outline-info-hover: #E7F2FDFF;\n --inverse-outline-info-active: #7EBAF6FF;\n --inverse-outline-positive-active: #92C88DFF;\n --inverse-outline-positive-hover: #DBEDD9FF;\n --inverse-outline-negative-active: #EF343AFF;\n --inverse-outline-negative-hover: #F25A5FFF;\n --inverse-outline-warning-active: #F79C64FF;\n --inverse-outline-warning-hover: #FCE0CFFF;\n --inverse-outline-warning: #F8AD80;\n --inverse-outline-info: #9BCAF8;\n --inverse-surface-accent-minor-hover: #055C4CFF;\n --on-dark-surface-solid-default: #F6F2F0;\n --on-light-surface-accent-minor-active: #BFEDE1FF;\n --text-primary-hover: #15110F97;\n --dark-background-primary: #141413;\n --inverse-background-hardline: #FFFFFF;\n --inverse-background-primary: #141413;\n --light-background-hardline: #FFFFFF;\n --light-background-secondary: #F6F2F0;\n --outline-accent: #0BA686;\n --outline-deep: #A1A09F;\n --outline-default: #ffffff;\n --outline-default-active: #E6E6E6FF;\n --outline-default-hover: #CCCCCCFF;\n --outline-transparent-white: #FFFFFF66;\n --inverse-outline-accent: #0BA686;\n --inverse-outline-accent-hover: #0EE1B7FF;\n --inverse-outline-default: #383838;\n --inverse-outline-default-active: #292929FF;\n --on-light-outline-default-hover: #CCCCCCFF;\n --on-light-outline-primary-hover: #ADA39FFF;\n --personas-blue-text-accent-hover: #1477E1FF;\n --personas-green-text-accent-hover: #8CDECAFF;\n --personas-indigo-text-accent-hover: #000000FF;\n --personas-sea-blue-text-accent-hover: #000000FF;\n --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;\n --on-dark-personas-olive-text-accent-hover: #A6D4A5FF;\n --on-dark-personas-sea-blue-text-accent-hover: #FFFFFFFF;\n --on-dark-personas-violet-text-accent-hover: #E9B6F2FF;\n --on-light-personas-indigo-text-accent-hover: #000000FF;\n --on-light-personas-pink-text-accent-hover: #E47777FF;\n --on-light-personas-sea-blue-text-accent-hover: #00D9E0FF;\n --surface-accent-minor-hover: #C7F0E5FF;\n --inverse-surface-accent-secondary-hover: #70CDB7FF;\n --on-dark-surface-accent-secondary-hover: #70CDB7FF;\n --on-light-surface-transparent-deep-hover: #A2A1A0B3;\n --on-light-surface-transparent-secondary-hover: #15110F1A;\n --text-accent-hover: #0DB593FF;\n --inverse-outline-primary-active: #2B2827FF;\n --inverse-outline-transparent-white-active: #FFFFFF49;\n --on-dark-outline-accent-active: #099579FF;\n --on-dark-outline-default-active: #292929FF;\n --on-dark-outline-primary-active: #2B2827FF;\n --personas-ochre-text-accent-active: #AA4A0EFF;\n --personas-olive-text-accent-active: #179315FF;\n --personas-violet-text-accent-active: #D679E6FF;\n --inverse-personas-sea-blue-text-accent-active: #00A8ADFF;\n --inverse-personas-violet-text-accent-active: #D982E8FF;\n --on-light-personas-green-text-accent-active: #04AF87FF;\n --on-light-personas-ochre-text-accent-active: #AA4A0EFF;\n --on-light-personas-violet-text-accent-active: #81288FFF;\n --surface-accent-minor-active: #BFEDE1FF;\n --surface-solid-primary-active: #FFFFFFFF;\n --surface-solid-primary-brightness-hover: #FFFFFFFF;\n --surface-transparent-navi-active: #FFFFFFAD;\n --inverse-surface-accent-active: #0A9E81FF;\n --inverse-surface-accent-minor-active: #043F34FF;\n --inverse-surface-solid-secondary-active: #242424FF;\n --on-light-surface-transparent-accent-minor-active: #0BA88852;\n --on-dark-text-accent-active: #4ABFA4FF;\n --on-light-outline-accent: #0BA686;\n --on-light-outline-primary: #DDD9D7;\n --inverse-personas-sea-blue-text-accent: #00898D;\n --surface-accent: #0BA686;\n --surface-info: #3776BC;\n --surface-solid-card-brightness-active: #FFFFFFFF;\n --surface-solid-default: #15110F;\n --surface-transparent-navi: #FFFFFF99;\n --inverse-surface-accent: #0BA686;\n --inverse-surface-solid-primary: #232323;\n --on-dark-surface-accent-minor: #04473B;\n --on-light-surface-clear: #FFFFFF00;\n --text-primary-brightness-active: #171717C4;\n --inverse-text-accent: #61C8B0;\n --on-dark-text-accent: #61C8B0;\n --dark-background-hardline: #000000;\n --surface-solid-card-brightness-hover: #FFFFFFFF;\n --surface-solid-primary-brightness: #FFFFFFFF;\n --inverse-surface-solid-default: #F6F2F0;\n --on-dark-surface-solid-card-brightness-active: #212121FF;\n --on-dark-text-paragraph-active: #F5F1EF93;\n --overlay-medium: #00000052;\n --inverse-overlay-medium: #00000029;\n --on-dark-overlay-medium: #00000029;\n --on-light-overlay-medium: #00000052;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);\n --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);\n --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);\n --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);\n --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);\n --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);\n --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);\n --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);\n --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);\n --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);\n --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);\n --surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);\n --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);\n --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);\n --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);\n --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);\n --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);\n --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);\n --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);\n --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);\n --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);\n --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);\n --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);\n --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);\n --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);\n --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);\n --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);\n --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);\n --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);\n --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);\n --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);\n --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);\n --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);\n --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);\n --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);\n --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);\n --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);\n --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);\n --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);\n --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);\n --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);\n --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);\n --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);\n --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);\n --inverse-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);\n --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);\n --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);\n --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);\n --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);\n --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);\n --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);\n --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);\n --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);\n --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);\n --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);\n --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);\n --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n}\n\n:root {\n --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;\n --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;\n --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;\n --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;\n --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;\n --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;\n --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;\n --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;\n --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;\n --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;\n}\n\n:root {\n --border-radius-4xl: 2rem;\n --border-radius-3xl: 1.75rem;\n --border-radius-5xl: 2.5rem;\n --border-radius-s: 0.5rem;\n --border-radius-m: 0.75rem;\n --border-radius-l: 1rem;\n --border-radius-xxs: 0.25rem;\n --border-radius-xl: 1.25rem;\n --border-radius-xxl: 1.5rem;\n --border-radius-xs: 0.375rem;\n --border-radius-circle: 100rem;\n}\n\n:root {\n --spacing-16x: 2rem;\n --spacing-10x: 1.25rem;\n --spacing-12x: 1.5rem;\n --spacing-2x: 0.25rem;\n --spacing-3x: 0.375rem;\n --spacing-0x: 0rem;\n --spacing-40x: 5rem;\n --spacing-60x: 7.5rem;\n --spacing-8x: 1rem;\n --spacing-4x: 0.5rem;\n --spacing-20x: 2.5rem;\n --spacing-32x: 4rem;\n --spacing-6x: 0.75rem;\n --spacing-1x: 0.125rem;\n --spacing-24x: 3rem;\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: 'Roboto', sans-serif;\n --plasma-typo-body-font-family: 'Roboto', sans-serif;\n --plasma-typo-header-font-family: 'Roboto', sans-serif;\n --plasma-typo-text-font-family: 'Roboto', sans-serif;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: normal;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-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-display-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-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-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-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-h2-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-bold-letter-spacing: normal;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-letter-spacing: normal;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-medium-letter-spacing: normal;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-bold-letter-spacing: normal;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-medium-letter-spacing: normal;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-letter-spacing: normal;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-bold-letter-spacing: normal;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-medium-letter-spacing: normal;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-letter-spacing: normal;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: normal;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: normal;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-letter-spacing: normal;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-letter-spacing: normal;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: normal;\n --plasma-typo-body-xxs-medium-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-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-medium-letter-spacing: -0.02em;\n --plasma-typo-text-l-medium-font-style: normal;\n --plasma-typo-text-m-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-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-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-medium-letter-spacing: -0.02em;\n --plasma-typo-text-m-medium-font-style: normal;\n --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-text-xs-bold-font-style: normal;\n --plasma-typo-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-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-text-xs-medium-font-style: normal;\n --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-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-medium-letter-spacing: -0.02em;\n --plasma-typo-text-s-medium-font-style: normal;\n --plasma-typo-xxl-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-xxl-medium-letter-spacing: normal;\n --plasma-typo-xxl-medium-font-style: normal;\n --plasma-typo-xl-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-xl-medium-letter-spacing: normal;\n --plasma-typo-xl-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 700;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h4-font-size: 1rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.25rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 700;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-body-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 700;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 700;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 700;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\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-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\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-l-medium-font-size: 1.125rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 1.625rem;\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-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-m-medium-font-size: 1rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.5rem;\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 --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-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1rem;\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-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-xxl-medium-font-size: 4.5rem;\n --plasma-typo-xxl-medium-font-weight: 500;\n --plasma-typo-xxl-medium-line-height: 5.625rem;\n --plasma-typo-xl-medium-font-size: 2.5rem;\n --plasma-typo-xl-medium-font-weight: 500;\n --plasma-typo-xl-medium-line-height: 3.125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 700;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-h4-font-size: 1rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 700;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 700;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\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-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-body-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 700;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\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-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-m-medium-font-size: 1rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.5rem;\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-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-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-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-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 --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1rem;\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-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-l-medium-font-size: 1.25rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 1.75rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 700;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-xxl-medium-font-size: 4.5rem;\n --plasma-typo-xxl-medium-font-weight: 500;\n --plasma-typo-xxl-medium-line-height: 5.625rem;\n --plasma-typo-xl-medium-font-size: 2.5rem;\n --plasma-typo-xl-medium-font-weight: 500;\n --plasma-typo-xl-medium-line-height: 3.125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 700;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-h4-font-size: 1rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-body-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 700;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 700;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 700;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\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-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 700;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\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-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2rem;\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-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.625rem;\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-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-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-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-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 --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1rem;\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-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\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-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-xxl-medium-font-size: 4.5rem;\n --plasma-typo-xxl-medium-font-weight: 500;\n --plasma-typo-xxl-medium-line-height: 5.625rem;\n --plasma-typo-xl-medium-font-size: 2.5rem;\n --plasma-typo-xl-medium-font-weight: 500;\n --plasma-typo-xl-medium-line-height: 3.125rem;\n }\n}`] as unknown as TemplateStringsArray;\n"],"names":["sdds_sbcom__light"],"mappings":";;;;AAAA;;AAEO,IAAMA,iBAAiB,GAAG,CAm3CK,q6uEAAA;;;;"}
package/theme/tokens/index.d.ts CHANGED
@@ -1920,6 +1920,114 @@ export declare const bodyXXSMedium: {
1920
1920
  letterSpacing: string;
1921
1921
  lineHeight: string;
1922
1922
  };
1923
+ /** typography s text-l */
1924
+ export declare const textL: {
1925
+ fontFamily: string;
1926
+ fontSize: string;
1927
+ fontStyle: string;
1928
+ fontWeight: string;
1929
+ letterSpacing: string;
1930
+ lineHeight: string;
1931
+ };
1932
+ /** typography s text-l-bold */
1933
+ export declare const textLBold: {
1934
+ fontFamily: string;
1935
+ fontSize: string;
1936
+ fontStyle: string;
1937
+ fontWeight: string;
1938
+ letterSpacing: string;
1939
+ lineHeight: string;
1940
+ };
1941
+ /** typography s text-l-medium */
1942
+ export declare const textLMedium: {
1943
+ fontFamily: string;
1944
+ fontSize: string;
1945
+ fontStyle: string;
1946
+ fontWeight: string;
1947
+ letterSpacing: string;
1948
+ lineHeight: string;
1949
+ };
1950
+ /** typography s text-m-bold */
1951
+ export declare const textMBold: {
1952
+ fontFamily: string;
1953
+ fontSize: string;
1954
+ fontStyle: string;
1955
+ fontWeight: string;
1956
+ letterSpacing: string;
1957
+ lineHeight: string;
1958
+ };
1959
+ /** typography s text-s-bold */
1960
+ export declare const textSBold: {
1961
+ fontFamily: string;
1962
+ fontSize: string;
1963
+ fontStyle: string;
1964
+ fontWeight: string;
1965
+ letterSpacing: string;
1966
+ lineHeight: string;
1967
+ };
1968
+ /** typography s text-xs */
1969
+ export declare const textXS: {
1970
+ fontFamily: string;
1971
+ fontSize: string;
1972
+ fontStyle: string;
1973
+ fontWeight: string;
1974
+ letterSpacing: string;
1975
+ lineHeight: string;
1976
+ };
1977
+ /** typography s text-m-medium */
1978
+ export declare const textMMedium: {
1979
+ fontFamily: string;
1980
+ fontSize: string;
1981
+ fontStyle: string;
1982
+ fontWeight: string;
1983
+ letterSpacing: string;
1984
+ lineHeight: string;
1985
+ };
1986
+ /** typography s text-xs-bold */
1987
+ export declare const textXSBold: {
1988
+ fontFamily: string;
1989
+ fontSize: string;
1990
+ fontStyle: string;
1991
+ fontWeight: string;
1992
+ letterSpacing: string;
1993
+ lineHeight: string;
1994
+ };
1995
+ /** typography s text-m */
1996
+ export declare const textM: {
1997
+ fontFamily: string;
1998
+ fontSize: string;
1999
+ fontStyle: string;
2000
+ fontWeight: string;
2001
+ letterSpacing: string;
2002
+ lineHeight: string;
2003
+ };
2004
+ /** typography s text-xs-medium */
2005
+ export declare const textXSMedium: {
2006
+ fontFamily: string;
2007
+ fontSize: string;
2008
+ fontStyle: string;
2009
+ fontWeight: string;
2010
+ letterSpacing: string;
2011
+ lineHeight: string;
2012
+ };
2013
+ /** typography s text-s */
2014
+ export declare const textS: {
2015
+ fontFamily: string;
2016
+ fontSize: string;
2017
+ fontStyle: string;
2018
+ fontWeight: string;
2019
+ letterSpacing: string;
2020
+ lineHeight: string;
2021
+ };
2022
+ /** typography s text-s-medium */
2023
+ export declare const textSMedium: {
2024
+ fontFamily: string;
2025
+ fontSize: string;
2026
+ fontStyle: string;
2027
+ fontWeight: string;
2028
+ letterSpacing: string;
2029
+ lineHeight: string;
2030
+ };
1923
2031
  /** New description */
1924
2032
  export declare const xxlMedium: {
1925
2033
  fontFamily: string;
package/theme/tokens/index.js CHANGED
@@ -2782,6 +2782,126 @@ var bodyXXSMedium = {
2782
2782
  lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
2783
2783
  };
2784
2784
 
2785
+ /** typography s text-l */
2786
+ var textL = {
2787
+ fontFamily: 'var(--plasma-typo-text-l-font-family)',
2788
+ fontSize: 'var(--plasma-typo-text-l-font-size)',
2789
+ fontStyle: 'var(--plasma-typo-text-l-font-style)',
2790
+ fontWeight: 'var(--plasma-typo-text-l-font-weight)',
2791
+ letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
2792
+ lineHeight: 'var(--plasma-typo-text-l-line-height)'
2793
+ };
2794
+
2795
+ /** typography s text-l-bold */
2796
+ var textLBold = {
2797
+ fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
2798
+ fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
2799
+ fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
2800
+ fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
2801
+ letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
2802
+ lineHeight: 'var(--plasma-typo-text-l-bold-line-height)'
2803
+ };
2804
+
2805
+ /** typography s text-l-medium */
2806
+ var textLMedium = {
2807
+ fontFamily: 'var(--plasma-typo-text-l-medium-font-family)',
2808
+ fontSize: 'var(--plasma-typo-text-l-medium-font-size)',
2809
+ fontStyle: 'var(--plasma-typo-text-l-medium-font-style)',
2810
+ fontWeight: 'var(--plasma-typo-text-l-medium-font-weight)',
2811
+ letterSpacing: 'var(--plasma-typo-text-l-medium-letter-spacing)',
2812
+ lineHeight: 'var(--plasma-typo-text-l-medium-line-height)'
2813
+ };
2814
+
2815
+ /** typography s text-m-bold */
2816
+ var textMBold = {
2817
+ fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
2818
+ fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
2819
+ fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
2820
+ fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
2821
+ letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
2822
+ lineHeight: 'var(--plasma-typo-text-m-bold-line-height)'
2823
+ };
2824
+
2825
+ /** typography s text-s-bold */
2826
+ var textSBold = {
2827
+ fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
2828
+ fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
2829
+ fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
2830
+ fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
2831
+ letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
2832
+ lineHeight: 'var(--plasma-typo-text-s-bold-line-height)'
2833
+ };
2834
+
2835
+ /** typography s text-xs */
2836
+ var textXS = {
2837
+ fontFamily: 'var(--plasma-typo-text-xs-font-family)',
2838
+ fontSize: 'var(--plasma-typo-text-xs-font-size)',
2839
+ fontStyle: 'var(--plasma-typo-text-xs-font-style)',
2840
+ fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
2841
+ letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
2842
+ lineHeight: 'var(--plasma-typo-text-xs-line-height)'
2843
+ };
2844
+
2845
+ /** typography s text-m-medium */
2846
+ var textMMedium = {
2847
+ fontFamily: 'var(--plasma-typo-text-m-medium-font-family)',
2848
+ fontSize: 'var(--plasma-typo-text-m-medium-font-size)',
2849
+ fontStyle: 'var(--plasma-typo-text-m-medium-font-style)',
2850
+ fontWeight: 'var(--plasma-typo-text-m-medium-font-weight)',
2851
+ letterSpacing: 'var(--plasma-typo-text-m-medium-letter-spacing)',
2852
+ lineHeight: 'var(--plasma-typo-text-m-medium-line-height)'
2853
+ };
2854
+
2855
+ /** typography s text-xs-bold */
2856
+ var textXSBold = {
2857
+ fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
2858
+ fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
2859
+ fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
2860
+ fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
2861
+ letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
2862
+ lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)'
2863
+ };
2864
+
2865
+ /** typography s text-m */
2866
+ var textM = {
2867
+ fontFamily: 'var(--plasma-typo-text-m-font-family)',
2868
+ fontSize: 'var(--plasma-typo-text-m-font-size)',
2869
+ fontStyle: 'var(--plasma-typo-text-m-font-style)',
2870
+ fontWeight: 'var(--plasma-typo-text-m-font-weight)',
2871
+ letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
2872
+ lineHeight: 'var(--plasma-typo-text-m-line-height)'
2873
+ };
2874
+
2875
+ /** typography s text-xs-medium */
2876
+ var textXSMedium = {
2877
+ fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)',
2878
+ fontSize: 'var(--plasma-typo-text-xs-medium-font-size)',
2879
+ fontStyle: 'var(--plasma-typo-text-xs-medium-font-style)',
2880
+ fontWeight: 'var(--plasma-typo-text-xs-medium-font-weight)',
2881
+ letterSpacing: 'var(--plasma-typo-text-xs-medium-letter-spacing)',
2882
+ lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
2883
+ };
2884
+
2885
+ /** typography s text-s */
2886
+ var textS = {
2887
+ fontFamily: 'var(--plasma-typo-text-s-font-family)',
2888
+ fontSize: 'var(--plasma-typo-text-s-font-size)',
2889
+ fontStyle: 'var(--plasma-typo-text-s-font-style)',
2890
+ fontWeight: 'var(--plasma-typo-text-s-font-weight)',
2891
+ letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
2892
+ lineHeight: 'var(--plasma-typo-text-s-line-height)'
2893
+ };
2894
+
2895
+ /** typography s text-s-medium */
2896
+ var textSMedium = {
2897
+ fontFamily: 'var(--plasma-typo-text-s-medium-font-family)',
2898
+ fontSize: 'var(--plasma-typo-text-s-medium-font-size)',
2899
+ fontStyle: 'var(--plasma-typo-text-s-medium-font-style)',
2900
+ fontWeight: 'var(--plasma-typo-text-s-medium-font-weight)',
2901
+ letterSpacing: 'var(--plasma-typo-text-s-medium-letter-spacing)',
2902
+ lineHeight: 'var(--plasma-typo-text-s-medium-line-height)'
2903
+ };
2904
+
2785
2905
  /** New description */
2786
2906
  var xxlMedium = {
2787
2907
  fontFamily: 'var(--plasma-typo-xxl-medium-font-family)',
@@ -3638,6 +3758,12 @@ exports.textAccentMinorHover = textAccentMinorHover;
3638
3758
  exports.textInfo = textInfo;
3639
3759
  exports.textInfoActive = textInfoActive;
3640
3760
  exports.textInfoHover = textInfoHover;
3761
+ exports.textL = textL;
3762
+ exports.textLBold = textLBold;
3763
+ exports.textLMedium = textLMedium;
3764
+ exports.textM = textM;
3765
+ exports.textMBold = textMBold;
3766
+ exports.textMMedium = textMMedium;
3641
3767
  exports.textNegative = textNegative;
3642
3768
  exports.textNegativeActive = textNegativeActive;
3643
3769
  exports.textNegativeHover = textNegativeHover;
@@ -3653,6 +3779,9 @@ exports.textPrimaryBrightness = textPrimaryBrightness;
3653
3779
  exports.textPrimaryBrightnessActive = textPrimaryBrightnessActive;
3654
3780
  exports.textPrimaryBrightnessHover = textPrimaryBrightnessHover;
3655
3781
  exports.textPrimaryHover = textPrimaryHover;
3782
+ exports.textS = textS;
3783
+ exports.textSBold = textSBold;
3784
+ exports.textSMedium = textSMedium;
3656
3785
  exports.textSecondary = textSecondary;
3657
3786
  exports.textSecondaryActive = textSecondaryActive;
3658
3787
  exports.textSecondaryHover = textSecondaryHover;
@@ -3662,6 +3791,9 @@ exports.textTertiaryHover = textTertiaryHover;
3662
3791
  exports.textWarning = textWarning;
3663
3792
  exports.textWarningActive = textWarningActive;
3664
3793
  exports.textWarningHover = textWarningHover;
3794
+ exports.textXS = textXS;
3795
+ exports.textXSBold = textXSBold;
3796
+ exports.textXSMedium = textXSMedium;
3665
3797
  exports.viewContainer = viewContainer;
3666
3798
  exports.xlMedium = xlMedium;
3667
3799
  exports.xxlMedium = xxlMedium;