@navikt/ds-css 7.11.0 → 7.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/darkside/accordion.darkside.css +7 -7
  3. package/darkside/action-menu.darkside.css +10 -10
  4. package/darkside/baseline/baseline.darkside.css +2 -1
  5. package/darkside/button.darkside.css +22 -30
  6. package/darkside/chat.darkside.css +5 -5
  7. package/darkside/chips.darkside.css +12 -12
  8. package/darkside/copybutton.darkside.css +1 -134
  9. package/darkside/date.darkside.css +10 -14
  10. package/darkside/expansioncard.darkside.css +6 -6
  11. package/darkside/form/combobox.darkside.css +18 -18
  12. package/darkside/form/fieldset.darkside.css +1 -1
  13. package/darkside/form/file-upload.darkside.css +11 -11
  14. package/darkside/form/form-progress.darkside.css +19 -21
  15. package/darkside/form/form-summary.darkside.css +8 -8
  16. package/darkside/form/form.darkside.css +2 -2
  17. package/darkside/form/radio-checkbox.darkside.css +11 -11
  18. package/darkside/form/search.darkside.css +1 -5
  19. package/darkside/form/select.darkside.css +10 -10
  20. package/darkside/form/switch.darkside.css +12 -12
  21. package/darkside/form/text-field.darkside.css +6 -6
  22. package/darkside/form/textarea.darkside.css +8 -8
  23. package/darkside/guide-panel.darkside.css +6 -2
  24. package/darkside/help-text.darkside.css +3 -3
  25. package/darkside/internalheader.darkside.css +9 -9
  26. package/darkside/link.darkside.css +5 -5
  27. package/darkside/list.darkside.css +1 -6
  28. package/darkside/loader.darkside.css +5 -5
  29. package/darkside/modal.darkside.css +3 -3
  30. package/darkside/pagination.darkside.css +2 -2
  31. package/darkside/popover.darkside.css +8 -2
  32. package/darkside/primitives/page.darkside.css +2 -2
  33. package/darkside/progress-bar.darkside.css +2 -2
  34. package/darkside/read-more.darkside.css +5 -6
  35. package/darkside/skeleton.darkside.css +1 -1
  36. package/darkside/stepper.darkside.css +10 -22
  37. package/darkside/table.darkside.css +38 -21
  38. package/darkside/tabs.darkside.css +3 -3
  39. package/darkside/tag.darkside.css +21 -21
  40. package/darkside/theme.darkside.css +1 -1
  41. package/darkside/timeline.darkside.css +21 -16
  42. package/darkside/toggle-group.darkside.css +7 -7
  43. package/darkside/tooltip.darkside.css +4 -4
  44. package/darkside/typography.darkside.css +2 -2
  45. package/dist/component/alert.min.css +1 -1
  46. package/dist/component/chat.min.css +1 -1
  47. package/dist/component/date.min.css +1 -1
  48. package/dist/component/expansioncard.min.css +1 -1
  49. package/dist/component/form.min.css +1 -1
  50. package/dist/component/list.min.css +1 -1
  51. package/dist/component/modal.min.css +1 -1
  52. package/dist/component/primitives.min.css +1 -1
  53. package/dist/component/skeleton.min.css +1 -1
  54. package/dist/component/stepper.min.css +1 -1
  55. package/dist/component/table.css +2 -2
  56. package/dist/component/table.min.css +1 -1
  57. package/dist/component/tabs.min.css +1 -1
  58. package/dist/component/tag.css +6 -6
  59. package/dist/component/tag.min.css +1 -1
  60. package/dist/component/timeline.min.css +1 -1
  61. package/dist/component/togglegroup.min.css +1 -1
  62. package/dist/components.css +8 -8
  63. package/dist/components.min.css +3 -3
  64. package/dist/darkside/component/accordion.css +13 -28
  65. package/dist/darkside/component/accordion.min.css +1 -1
  66. package/dist/darkside/component/actionmenu.css +11 -19
  67. package/dist/darkside/component/actionmenu.min.css +1 -1
  68. package/dist/darkside/component/alert.css +5 -13
  69. package/dist/darkside/component/alert.min.css +1 -1
  70. package/dist/darkside/component/button.css +22 -62
  71. package/dist/darkside/component/button.min.css +1 -1
  72. package/dist/darkside/component/chat.css +7 -16
  73. package/dist/darkside/component/chat.min.css +1 -1
  74. package/dist/darkside/component/chips.css +12 -12
  75. package/dist/darkside/component/chips.min.css +1 -1
  76. package/dist/darkside/component/copybutton.css +1 -126
  77. package/dist/darkside/component/copybutton.min.css +1 -1
  78. package/dist/darkside/component/date.css +19 -73
  79. package/dist/darkside/component/date.min.css +1 -1
  80. package/dist/darkside/component/dropdown.css +1 -2
  81. package/dist/darkside/component/dropdown.min.css +1 -1
  82. package/dist/darkside/component/expansioncard.css +11 -37
  83. package/dist/darkside/component/expansioncard.min.css +1 -1
  84. package/dist/darkside/component/form.css +124 -299
  85. package/dist/darkside/component/form.min.css +1 -1
  86. package/dist/darkside/component/guidepanel.css +7 -19
  87. package/dist/darkside/component/guidepanel.min.css +1 -1
  88. package/dist/darkside/component/helptext.css +4 -8
  89. package/dist/darkside/component/helptext.min.css +1 -1
  90. package/dist/darkside/component/internalheader.css +10 -19
  91. package/dist/darkside/component/internalheader.min.css +1 -1
  92. package/dist/darkside/component/link.css +6 -10
  93. package/dist/darkside/component/link.min.css +1 -1
  94. package/dist/darkside/component/list.css +3 -7
  95. package/dist/darkside/component/list.min.css +1 -1
  96. package/dist/darkside/component/loader.css +5 -5
  97. package/dist/darkside/component/loader.min.css +1 -1
  98. package/dist/darkside/component/modal.css +6 -23
  99. package/dist/darkside/component/modal.min.css +1 -1
  100. package/dist/darkside/component/pagination.css +2 -2
  101. package/dist/darkside/component/pagination.min.css +1 -1
  102. package/dist/darkside/component/popover.css +8 -2
  103. package/dist/darkside/component/popover.min.css +1 -1
  104. package/dist/darkside/component/primitives.css +6 -20
  105. package/dist/darkside/component/primitives.min.css +1 -1
  106. package/dist/darkside/component/progressbar.css +2 -2
  107. package/dist/darkside/component/progressbar.min.css +1 -1
  108. package/dist/darkside/component/readmore.css +6 -21
  109. package/dist/darkside/component/readmore.min.css +1 -1
  110. package/dist/darkside/component/skeleton.css +1 -2
  111. package/dist/darkside/component/skeleton.min.css +1 -1
  112. package/dist/darkside/component/stepper.css +12 -42
  113. package/dist/darkside/component/stepper.min.css +1 -1
  114. package/dist/darkside/component/table.css +35 -24
  115. package/dist/darkside/component/table.min.css +1 -1
  116. package/dist/darkside/component/tabs.css +6 -6
  117. package/dist/darkside/component/tabs.min.css +1 -1
  118. package/dist/darkside/component/tag.css +22 -33
  119. package/dist/darkside/component/tag.min.css +1 -1
  120. package/dist/darkside/component/theme.css +1 -1
  121. package/dist/darkside/component/theme.min.css +1 -1
  122. package/dist/darkside/component/timeline.css +23 -28
  123. package/dist/darkside/component/timeline.min.css +1 -1
  124. package/dist/darkside/component/togglegroup.css +7 -8
  125. package/dist/darkside/component/togglegroup.min.css +1 -1
  126. package/dist/darkside/component/tooltip.css +4 -4
  127. package/dist/darkside/component/tooltip.min.css +1 -1
  128. package/dist/darkside/component/typography.css +2 -2
  129. package/dist/darkside/component/typography.min.css +1 -1
  130. package/dist/darkside/components.css +404 -975
  131. package/dist/darkside/components.min.css +1 -1
  132. package/dist/darkside/global/baseline.css +1 -1
  133. package/dist/darkside/global/baseline.min.css +1 -1
  134. package/dist/darkside/global/tokens.css +802 -846
  135. package/dist/darkside/global/tokens.min.css +1 -1
  136. package/dist/darkside/index.css +1241 -1856
  137. package/dist/darkside/index.min.css +1 -1
  138. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/accordion.css +13 -28
  139. package/dist/darkside/version/7.12.0/component/accordion.min.css +1 -0
  140. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/actionmenu.css +11 -19
  141. package/dist/darkside/version/7.12.0/component/actionmenu.min.css +1 -0
  142. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/alert.css +5 -13
  143. package/dist/darkside/version/7.12.0/component/alert.min.css +1 -0
  144. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/button.css +22 -62
  145. package/dist/darkside/version/7.12.0/component/button.min.css +1 -0
  146. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/chat.css +7 -16
  147. package/dist/darkside/version/7.12.0/component/chat.min.css +1 -0
  148. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/chips.css +12 -12
  149. package/dist/darkside/version/7.12.0/component/chips.min.css +1 -0
  150. package/dist/darkside/version/7.12.0/component/copybutton.css +23 -0
  151. package/dist/darkside/version/7.12.0/component/copybutton.min.css +1 -0
  152. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/date.css +19 -73
  153. package/dist/darkside/version/7.12.0/component/date.min.css +1 -0
  154. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/dropdown.css +1 -2
  155. package/dist/darkside/version/7.12.0/component/dropdown.min.css +1 -0
  156. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/expansioncard.css +11 -37
  157. package/dist/darkside/version/7.12.0/component/expansioncard.min.css +1 -0
  158. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/form.css +124 -299
  159. package/dist/darkside/version/7.12.0/component/form.min.css +1 -0
  160. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/guidepanel.css +7 -19
  161. package/dist/darkside/version/7.12.0/component/guidepanel.min.css +1 -0
  162. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/helptext.css +4 -8
  163. package/dist/darkside/version/7.12.0/component/helptext.min.css +1 -0
  164. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/internalheader.css +10 -19
  165. package/dist/darkside/version/7.12.0/component/internalheader.min.css +1 -0
  166. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/link.css +6 -10
  167. package/dist/darkside/version/7.12.0/component/link.min.css +1 -0
  168. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/list.css +3 -7
  169. package/dist/darkside/version/7.12.0/component/list.min.css +1 -0
  170. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/loader.css +5 -5
  171. package/dist/darkside/version/7.12.0/component/loader.min.css +1 -0
  172. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/modal.css +6 -23
  173. package/dist/darkside/version/7.12.0/component/modal.min.css +1 -0
  174. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/pagination.css +2 -2
  175. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/pagination.min.css +1 -1
  176. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/popover.css +8 -2
  177. package/dist/darkside/version/7.12.0/component/popover.min.css +1 -0
  178. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/primitives.css +6 -20
  179. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/primitives.min.css +1 -1
  180. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/progressbar.css +2 -2
  181. package/dist/darkside/version/7.12.0/component/progressbar.min.css +1 -0
  182. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/readmore.css +6 -21
  183. package/dist/darkside/version/7.12.0/component/readmore.min.css +1 -0
  184. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/skeleton.css +1 -2
  185. package/dist/darkside/version/7.12.0/component/skeleton.min.css +1 -0
  186. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/stepper.css +12 -42
  187. package/dist/darkside/version/7.12.0/component/stepper.min.css +1 -0
  188. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/table.css +35 -24
  189. package/dist/darkside/version/7.12.0/component/table.min.css +1 -0
  190. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/tabs.css +6 -6
  191. package/dist/darkside/version/7.12.0/component/tabs.min.css +1 -0
  192. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/tag.css +22 -33
  193. package/dist/darkside/version/7.12.0/component/tag.min.css +1 -0
  194. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/theme.css +1 -1
  195. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/theme.min.css +1 -1
  196. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/timeline.css +23 -28
  197. package/dist/darkside/version/7.12.0/component/timeline.min.css +1 -0
  198. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/togglegroup.css +7 -8
  199. package/dist/darkside/version/7.12.0/component/togglegroup.min.css +1 -0
  200. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/tooltip.css +4 -4
  201. package/dist/darkside/version/7.12.0/component/tooltip.min.css +1 -0
  202. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/typography.css +2 -2
  203. package/dist/darkside/version/{7.11.0 → 7.12.0}/component/typography.min.css +1 -1
  204. package/dist/darkside/version/{7.11.0 → 7.12.0}/components.css +404 -975
  205. package/dist/darkside/version/7.12.0/components.min.css +1 -0
  206. package/dist/darkside/version/{7.11.0 → 7.12.0}/global/baseline.css +1 -1
  207. package/dist/darkside/version/7.12.0/global/baseline.min.css +1 -0
  208. package/dist/darkside/version/7.12.0/global/tokens.css +817 -0
  209. package/dist/darkside/version/7.12.0/global/tokens.min.css +1 -0
  210. package/dist/darkside/version/{7.11.0 → 7.12.0}/index.css +1241 -1856
  211. package/dist/darkside/version/7.12.0/index.min.css +1 -0
  212. package/dist/global/baseline.min.css +1 -1
  213. package/dist/global/tokens.css +324 -324
  214. package/dist/global/tokens.min.css +1 -1
  215. package/dist/index.css +332 -332
  216. package/dist/index.min.css +4 -4
  217. package/package.json +3 -3
  218. package/table.css +2 -2
  219. package/tag.css +6 -6
  220. package/dist/darkside/version/7.11.0/component/accordion.min.css +0 -1
  221. package/dist/darkside/version/7.11.0/component/actionmenu.min.css +0 -1
  222. package/dist/darkside/version/7.11.0/component/alert.min.css +0 -1
  223. package/dist/darkside/version/7.11.0/component/button.min.css +0 -1
  224. package/dist/darkside/version/7.11.0/component/chat.min.css +0 -1
  225. package/dist/darkside/version/7.11.0/component/chips.min.css +0 -1
  226. package/dist/darkside/version/7.11.0/component/copybutton.css +0 -148
  227. package/dist/darkside/version/7.11.0/component/copybutton.min.css +0 -1
  228. package/dist/darkside/version/7.11.0/component/date.min.css +0 -1
  229. package/dist/darkside/version/7.11.0/component/dropdown.min.css +0 -1
  230. package/dist/darkside/version/7.11.0/component/expansioncard.min.css +0 -1
  231. package/dist/darkside/version/7.11.0/component/form.min.css +0 -1
  232. package/dist/darkside/version/7.11.0/component/guidepanel.min.css +0 -1
  233. package/dist/darkside/version/7.11.0/component/helptext.min.css +0 -1
  234. package/dist/darkside/version/7.11.0/component/internalheader.min.css +0 -1
  235. package/dist/darkside/version/7.11.0/component/link.min.css +0 -1
  236. package/dist/darkside/version/7.11.0/component/list.min.css +0 -1
  237. package/dist/darkside/version/7.11.0/component/loader.min.css +0 -1
  238. package/dist/darkside/version/7.11.0/component/modal.min.css +0 -1
  239. package/dist/darkside/version/7.11.0/component/popover.min.css +0 -1
  240. package/dist/darkside/version/7.11.0/component/progressbar.min.css +0 -1
  241. package/dist/darkside/version/7.11.0/component/readmore.min.css +0 -1
  242. package/dist/darkside/version/7.11.0/component/skeleton.min.css +0 -1
  243. package/dist/darkside/version/7.11.0/component/stepper.min.css +0 -1
  244. package/dist/darkside/version/7.11.0/component/table.min.css +0 -1
  245. package/dist/darkside/version/7.11.0/component/tabs.min.css +0 -1
  246. package/dist/darkside/version/7.11.0/component/tag.min.css +0 -1
  247. package/dist/darkside/version/7.11.0/component/timeline.min.css +0 -1
  248. package/dist/darkside/version/7.11.0/component/togglegroup.min.css +0 -1
  249. package/dist/darkside/version/7.11.0/component/tooltip.min.css +0 -1
  250. package/dist/darkside/version/7.11.0/components.min.css +0 -1
  251. package/dist/darkside/version/7.11.0/global/baseline.min.css +0 -1
  252. package/dist/darkside/version/7.11.0/global/tokens.css +0 -861
  253. package/dist/darkside/version/7.11.0/global/tokens.min.css +0 -1
  254. package/dist/darkside/version/7.11.0/index.min.css +0 -1
  255. /package/dist/darkside/version/{7.11.0 → 7.12.0}/component/panel.css +0 -0
  256. /package/dist/darkside/version/{7.11.0 → 7.12.0}/component/panel.min.css +0 -0
  257. /package/dist/darkside/version/{7.11.0 → 7.12.0}/global/fonts.css +0 -0
  258. /package/dist/darkside/version/{7.11.0 → 7.12.0}/global/fonts.min.css +0 -0
  259. /package/dist/darkside/version/{7.11.0 → 7.12.0}/global/print.css +0 -0
  260. /package/dist/darkside/version/{7.11.0 → 7.12.0}/global/print.min.css +0 -0
  261. /package/dist/darkside/version/{7.11.0 → 7.12.0}/global/reset.css +0 -0
  262. /package/dist/darkside/version/{7.11.0 → 7.12.0}/global/reset.min.css +0 -0
@@ -94,863 +94,819 @@
94
94
 
95
95
  @layer aksel.theming {
96
96
  :root, :host, .light, .light-theme {
97
- --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, .02), 0px 2px 5px 0px rgba(7, 9, 13, .1), 0px 5px 12px 0px rgba(7, 9, 13, .12);
98
- --ax-opacity-disabled: .3;
99
- --ax-bg-default: #fff;
100
- --ax-bg-input: rgba(255, 255, 255, .85);
101
- --ax-bg-overlay: rgba(2, 20, 49, .49);
102
- --ax-text-logo: #c30000;
103
- --ax-neutral-100: #f5f6f7;
104
- --ax-neutral-200: #ecedef;
105
- --ax-neutral-300: #e1e3e7;
106
- --ax-neutral-400: #cfd3d8;
107
- --ax-neutral-500: #818997;
108
- --ax-neutral-600: #6f7785;
109
- --ax-neutral-700: #5d6573;
110
- --ax-neutral-800: #555d6a;
111
- --ax-neutral-900: #49515e;
112
- --ax-neutral-1000: #202733;
113
- --ax-neutral-000: white;
114
- --ax-neutral-100A: rgba(0, 26, 51, .04);
115
- --ax-neutral-200A: rgba(0, 14, 41, .075);
116
- --ax-neutral-300A: rgba(0, 17, 51, .118);
117
- --ax-neutral-400A: rgba(0, 22, 48, .19);
118
- --ax-accent-100: #f1f7ff;
119
- --ax-accent-200: #e4eeff;
120
- --ax-accent-300: #d4e5fd;
121
- --ax-accent-400: #bad5fb;
122
- --ax-accent-500: #428ae3;
123
- --ax-accent-600: #2277d5;
124
- --ax-accent-700: #0063c1;
125
- --ax-accent-800: #005bb6;
126
- --ax-accent-900: #004ea3;
127
- --ax-accent-1000: #002459;
128
- --ax-accent-100A: rgba(0, 110, 255, .055);
129
- --ax-accent-200A: rgba(0, 95, 255, .106);
130
- --ax-accent-300A: rgba(1, 101, 244, .17);
131
- --ax-accent-400A: rgba(0, 100, 241, .27);
132
- --ax-success-100: #e2fde8;
133
- --ax-success-200: #d5f6db;
134
- --ax-success-300: #c4edcd;
135
- --ax-success-400: #a8dfb4;
136
- --ax-success-500: #199d4f;
137
- --ax-success-600: #00893c;
138
- --ax-success-700: #007629;
139
- --ax-success-800: #006c1f;
140
- --ax-success-900: #005e0f;
141
- --ax-success-1000: #002e00;
142
- --ax-success-100A: rgba(0, 238, 53, .114);
143
- --ax-success-200A: rgba(0, 201, 37, .165);
144
- --ax-success-300A: rgba(1, 178, 39, .23);
145
- --ax-success-400A: rgba(0, 162, 36, .34);
146
- --ax-warning-100: #fff5e4;
147
- --ax-warning-200: #ffebc7;
148
- --ax-warning-300: #ffdea5;
149
- --ax-warning-400: #ffcb6f;
150
- --ax-warning-500: #e75e01;
151
- --ax-warning-600: #c95100;
152
- --ax-warning-700: #ac4400;
153
- --ax-warning-800: #a03e00;
154
- --ax-warning-900: #8c3500;
155
- --ax-warning-1000: #481700;
156
- --ax-warning-100A: rgba(255, 161, 0, .106);
157
- --ax-warning-200A: rgba(255, 164, 0, .22);
158
- --ax-warning-300A: rgba(255, 162, 1, .353);
159
- --ax-warning-400A: rgba(255, 163, 0, .565);
160
- --ax-danger-100: #fff2f7;
161
- --ax-danger-200: #ffe8f0;
162
- --ax-danger-300: #ffd9e6;
163
- --ax-danger-400: #ffc2d7;
164
- --ax-danger-500: #ec526e;
165
- --ax-danger-600: #e22a49;
166
- --ax-danger-700: #cb0035;
167
- --ax-danger-800: #bc002a;
168
- --ax-danger-900: #a60017;
169
- --ax-danger-1000: #560000;
170
- --ax-danger-100A: rgba(255, 0, 99, .05);
171
- --ax-danger-200A: rgba(255, 0, 89, .09);
172
- --ax-danger-300A: rgba(255, 0, 88, .15);
173
- --ax-danger-400A: rgba(255, 0, 88, .24);
174
- --ax-info-100: #eef6fc;
175
- --ax-info-200: #e3eff7;
176
- --ax-info-300: #d7e6f0;
177
- --ax-info-400: #c0d6e4;
178
- --ax-info-500: #5a8fae;
179
- --ax-info-600: #417da0;
180
- --ax-info-700: #246b91;
181
- --ax-info-800: #156389;
182
- --ax-info-900: #00557d;
183
- --ax-info-1000: #002942;
184
- --ax-info-100A: rgba(0, 120, 210, .067);
185
- --ax-info-200A: rgba(0, 110, 183, .11);
186
- --ax-info-300A: rgba(0, 96, 160, .157);
97
+ --ax-meta-lime-400A: #d0dc00;
98
+ --ax-meta-lime-300A: rgba(202, 223, 0, .58);
99
+ --ax-meta-lime-200A: rgba(196, 223, 0, .337);
100
+ --ax-meta-lime-100A: rgba(195, 222, 0, .18);
101
+ --ax-meta-lime-1000: #2a2800;
102
+ --ax-meta-lime-900: #515400;
103
+ --ax-meta-lime-800: #5c6100;
104
+ --ax-meta-lime-700: #646900;
105
+ --ax-meta-lime-600: #757c00;
106
+ --ax-meta-lime-500: #878f00;
107
+ --ax-meta-lime-400: #d0dc00;
108
+ --ax-meta-lime-300: #e0ec6b;
109
+ --ax-meta-lime-200: #ebf4a9;
110
+ --ax-meta-lime-100: #f4f9d1;
111
+ --ax-meta-purple-400A: rgba(43, 0, 107, .19);
112
+ --ax-meta-purple-300A: rgba(43, 0, 102, .118);
113
+ --ax-meta-purple-200A: rgba(43, 0, 100, .07);
114
+ --ax-meta-purple-100A: rgba(51, 0, 102, .04);
115
+ --ax-meta-purple-1000: #331a4d;
116
+ --ax-meta-purple-900: #5e467c;
117
+ --ax-meta-purple-800: #6a5289;
118
+ --ax-meta-purple-700: #725a91;
119
+ --ax-meta-purple-600: #846ca4;
120
+ --ax-meta-purple-500: #9580b1;
121
+ --ax-meta-purple-400: #d7cfe3;
122
+ --ax-meta-purple-300: #e6e1ed;
123
+ --ax-meta-purple-200: #f0edf4;
124
+ --ax-meta-purple-100: #f7f5f9;
125
+ --ax-brand-blue-400A: rgba(0, 90, 146, .247);
126
+ --ax-brand-blue-300A: rgba(0, 96, 160, .157);
127
+ --ax-brand-blue-200A: rgba(0, 110, 183, .11);
128
+ --ax-brand-blue-100A: rgba(0, 120, 210, .067);
129
+ --ax-brand-blue-1000: #002942;
130
+ --ax-brand-blue-900: #00557d;
131
+ --ax-brand-blue-800: #156389;
132
+ --ax-brand-blue-700: #246b91;
133
+ --ax-brand-blue-600: #417da0;
134
+ --ax-brand-blue-500: #5a8fae;
135
+ --ax-brand-blue-400: #c0d6e4;
136
+ --ax-brand-blue-300: #d7e6f0;
137
+ --ax-brand-blue-200: #e3eff7;
138
+ --ax-brand-blue-100: #eef6fc;
139
+ --ax-brand-beige-400A: rgba(233, 76, 0, .306);
140
+ --ax-brand-beige-300A: rgba(240, 82, 0, .196);
141
+ --ax-brand-beige-200A: rgba(239, 91, 0, .12);
142
+ --ax-brand-beige-100A: rgba(255, 90, 0, .067);
143
+ --ax-brand-beige-1000: #3c1f15;
144
+ --ax-brand-beige-900: #764332;
145
+ --ax-brand-beige-800: #874e3b;
146
+ --ax-brand-beige-700: #915541;
147
+ --ax-brand-beige-600: #a9654e;
148
+ --ax-brand-beige-500: #c0765d;
149
+ --ax-brand-beige-400: #f8c8b1;
150
+ --ax-brand-beige-300: #fcddcd;
151
+ --ax-brand-beige-200: #fdebe0;
152
+ --ax-brand-beige-100: #fff4ee;
153
+ --ax-brand-magenta-400A: rgba(164, 0, 58, .208);
154
+ --ax-brand-magenta-300A: rgba(165, 0, 60, .133);
155
+ --ax-brand-magenta-200A: rgba(170, 0, 61, .082);
156
+ --ax-brand-magenta-100A: rgba(170, 0, 64, .047);
157
+ --ax-brand-magenta-1000: #52002b;
158
+ --ax-brand-magenta-900: #98185d;
159
+ --ax-brand-magenta-800: #a33069;
160
+ --ax-brand-magenta-700: #a93d70;
161
+ --ax-brand-magenta-600: #b65781;
162
+ --ax-brand-magenta-500: #c26f92;
163
+ --ax-brand-magenta-400: #eccad6;
164
+ --ax-brand-magenta-300: #f3dde5;
165
+ --ax-brand-magenta-200: #f8eaef;
166
+ --ax-brand-magenta-100: #fbf3f6;
187
167
  --ax-info-400A: rgba(0, 90, 146, .247);
188
- --ax-brand-1-100: #fbf3f6;
189
- --ax-brand-1-200: #f8eaef;
190
- --ax-brand-1-300: #f3dde5;
191
- --ax-brand-1-400: #eccad6;
192
- --ax-brand-1-500: #c26f92;
193
- --ax-brand-1-600: #b65781;
194
- --ax-brand-1-700: #a93d70;
195
- --ax-brand-1-800: #a33069;
196
- --ax-brand-1-900: #98185d;
197
- --ax-brand-1-1000: #52002b;
198
- --ax-brand-1-100A: rgba(170, 0, 64, .047);
199
- --ax-brand-1-200A: rgba(170, 0, 61, .082);
200
- --ax-brand-1-300A: rgba(165, 0, 60, .133);
201
- --ax-brand-1-400A: rgba(164, 0, 58, .208);
202
- --ax-brand-2-100: #fff4ee;
203
- --ax-brand-2-200: #fdebe0;
204
- --ax-brand-2-300: #fcddcd;
205
- --ax-brand-2-400: #f8c8b1;
206
- --ax-brand-2-500: #c0765d;
207
- --ax-brand-2-600: #a9654e;
208
- --ax-brand-2-700: #915541;
209
- --ax-brand-2-800: #874e3b;
210
- --ax-brand-2-900: #764332;
211
- --ax-brand-2-1000: #3c1f15;
212
- --ax-brand-2-100A: rgba(255, 90, 0, .067);
213
- --ax-brand-2-200A: rgba(239, 91, 0, .12);
214
- --ax-brand-2-300A: rgba(240, 82, 0, .196);
215
- --ax-brand-2-400A: rgba(233, 76, 0, .306);
216
- --ax-brand-3-100: #eef6fc;
217
- --ax-brand-3-200: #e3eff7;
218
- --ax-brand-3-300: #d7e6f0;
219
- --ax-brand-3-400: #c0d6e4;
220
- --ax-brand-3-500: #5a8fae;
221
- --ax-brand-3-600: #417da0;
222
- --ax-brand-3-700: #246b91;
223
- --ax-brand-3-800: #156389;
224
- --ax-brand-3-900: #00557d;
225
- --ax-brand-3-1000: #002942;
226
- --ax-brand-3-100A: rgba(0, 120, 210, .067);
227
- --ax-brand-3-200A: rgba(0, 110, 183, .11);
228
- --ax-brand-3-300A: rgba(0, 96, 160, .157);
229
- --ax-brand-3-400A: rgba(0, 90, 146, .247);
230
- --ax-meta-1-100: #f7f5f9;
231
- --ax-meta-1-200: #f0edf4;
232
- --ax-meta-1-300: #e6e1ed;
233
- --ax-meta-1-400: #d7cfe3;
234
- --ax-meta-1-500: #9580b1;
235
- --ax-meta-1-600: #846ca4;
236
- --ax-meta-1-700: #725a91;
237
- --ax-meta-1-800: #6a5289;
238
- --ax-meta-1-900: #5e467c;
239
- --ax-meta-1-1000: #331a4d;
240
- --ax-meta-1-100A: rgba(51, 0, 102, .04);
241
- --ax-meta-1-200A: rgba(43, 0, 100, .07);
242
- --ax-meta-1-300A: rgba(43, 0, 102, .118);
243
- --ax-meta-1-400A: rgba(43, 0, 107, .19);
244
- --ax-meta-2-100: #f4f9d1;
245
- --ax-meta-2-200: #ebf4a9;
246
- --ax-meta-2-300: #e0ec6b;
247
- --ax-meta-2-400: #d0dc00;
248
- --ax-meta-2-500: #878f00;
249
- --ax-meta-2-600: #757c00;
250
- --ax-meta-2-700: #646900;
251
- --ax-meta-2-800: #5c6100;
252
- --ax-meta-2-900: #515400;
253
- --ax-meta-2-1000: #2a2800;
254
- --ax-meta-2-100A: rgba(195, 222, 0, .18);
255
- --ax-meta-2-200A: rgba(196, 223, 0, .337);
256
- --ax-meta-2-300A: rgba(202, 223, 0, .58);
257
- --ax-meta-2-400A: #d0dc00;
258
- --ax-bg-accent-soft: var(--ax-accent-100);
259
- --ax-bg-accent-softA: var(--ax-accent-100A);
260
- --ax-bg-accent-hover: var(--ax-accent-200);
261
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
262
- --ax-bg-accent-moderate: var(--ax-accent-200);
263
- --ax-bg-accent-moderateA: var(--ax-accent-200A);
264
- --ax-bg-accent-moderate-hover: var(--ax-accent-300);
265
- --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
266
- --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
267
- --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
268
- --ax-bg-accent-strong: var(--ax-accent-600);
269
- --ax-bg-accent-strong-hover: var(--ax-accent-700);
270
- --ax-bg-accent-strong-pressed: var(--ax-accent-800);
271
- --ax-bg-success-soft: var(--ax-success-100);
272
- --ax-bg-success-softA: var(--ax-success-100A);
273
- --ax-bg-success-hover: var(--ax-success-200);
274
- --ax-bg-success-hoverA: var(--ax-success-200A);
275
- --ax-bg-success-moderate: var(--ax-success-200);
276
- --ax-bg-success-moderateA: var(--ax-success-200A);
277
- --ax-bg-success-moderate-hover: var(--ax-success-300);
278
- --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
279
- --ax-bg-success-moderate-pressed: var(--ax-success-400);
280
- --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
281
- --ax-bg-success-strong: var(--ax-success-600);
282
- --ax-bg-success-strong-hover: var(--ax-success-700);
283
- --ax-bg-success-strong-pressed: var(--ax-success-800);
284
- --ax-bg-warning-soft: var(--ax-warning-100);
285
- --ax-bg-warning-softA: var(--ax-warning-100A);
286
- --ax-bg-warning-hover: var(--ax-warning-200);
287
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
288
- --ax-bg-warning-moderate: var(--ax-warning-200);
289
- --ax-bg-warning-moderateA: var(--ax-warning-200A);
290
- --ax-bg-warning-moderate-hover: var(--ax-warning-300);
291
- --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
292
- --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
293
- --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
294
- --ax-bg-warning-strong: var(--ax-warning-600);
295
- --ax-bg-warning-strong-hover: var(--ax-warning-700);
296
- --ax-bg-warning-strong-pressed: var(--ax-warning-800);
297
- --ax-bg-danger-soft: var(--ax-danger-100);
298
- --ax-bg-danger-softA: var(--ax-danger-100A);
299
- --ax-bg-danger-hover: var(--ax-danger-200);
300
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
301
- --ax-bg-danger-moderate: var(--ax-danger-200);
302
- --ax-bg-danger-moderateA: var(--ax-danger-200A);
303
- --ax-bg-danger-moderate-hover: var(--ax-danger-300);
304
- --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
305
- --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
306
- --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
307
- --ax-bg-danger-strong: var(--ax-danger-600);
308
- --ax-bg-danger-strong-hover: var(--ax-danger-700);
309
- --ax-bg-danger-strong-pressed: var(--ax-danger-800);
310
- --ax-bg-info-soft: var(--ax-info-100);
311
- --ax-bg-info-softA: var(--ax-info-100A);
312
- --ax-bg-info-hover: var(--ax-info-200);
313
- --ax-bg-info-hoverA: var(--ax-info-200A);
314
- --ax-bg-info-moderate: var(--ax-info-200);
315
- --ax-bg-info-moderateA: var(--ax-info-200A);
316
- --ax-bg-info-moderate-hover: var(--ax-info-300);
317
- --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
318
- --ax-bg-info-moderate-pressed: var(--ax-info-400);
319
- --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
320
- --ax-bg-info-strong: var(--ax-info-600);
321
- --ax-bg-info-strong-hover: var(--ax-info-700);
322
- --ax-bg-info-strong-pressed: var(--ax-info-800);
323
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
324
- --ax-bg-brand-1-softA: var(--ax-brand-1-100A);
325
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
326
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
327
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
328
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
329
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
330
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
331
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
332
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
333
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
334
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
335
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
336
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
337
- --ax-bg-brand-2-softA: var(--ax-brand-2-100A);
338
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
339
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
340
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
341
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
342
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
343
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
344
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
345
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
346
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
347
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
348
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
349
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
350
- --ax-bg-brand-3-softA: var(--ax-brand-3-100A);
351
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
352
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
353
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
354
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
355
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
356
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
357
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
358
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
359
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
360
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
361
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
362
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
363
- --ax-bg-meta-1-softA: var(--ax-meta-1-100A);
364
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
365
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
366
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
367
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
368
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
369
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
370
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
371
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
372
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
373
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
374
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
375
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
376
- --ax-bg-meta-2-softA: var(--ax-meta-2-100A);
377
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
378
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
379
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
380
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
381
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
382
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
383
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
384
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
385
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
386
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
387
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
388
- --ax-bg-raised: var(--ax-neutral-000);
389
- --ax-bg-sunken: var(--ax-neutral-200);
390
- --ax-bg-soft: var(--ax-neutral-100);
391
- --ax-bg-softA: var(--ax-neutral-100A);
392
- --ax-bg-hover: var(--ax-neutral-200);
393
- --ax-bg-hoverA: var(--ax-neutral-200A);
394
- --ax-bg-moderate: var(--ax-neutral-200);
395
- --ax-bg-moderateA: var(--ax-neutral-200A);
396
- --ax-bg-moderate-hover: var(--ax-neutral-300);
397
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
398
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
399
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
400
- --ax-bg-strong: var(--ax-neutral-700);
401
- --ax-bg-strong-hover: var(--ax-neutral-800);
402
- --ax-bg-strong-pressed: var(--ax-neutral-900);
403
- --ax-text-accent: var(--ax-accent-800);
404
- --ax-text-accent-strong: var(--ax-accent-1000);
405
- --ax-text-accent-icon: var(--ax-accent-600);
406
- --ax-text-success: var(--ax-success-800);
407
- --ax-text-success-strong: var(--ax-success-1000);
408
- --ax-text-success-icon: var(--ax-success-600);
409
- --ax-text-warning: var(--ax-warning-800);
410
- --ax-text-warning-strong: var(--ax-warning-1000);
411
- --ax-text-warning-icon: var(--ax-warning-600);
412
- --ax-text-danger: var(--ax-danger-800);
413
- --ax-text-danger-strong: var(--ax-danger-1000);
414
- --ax-text-danger-icon: var(--ax-danger-600);
415
- --ax-text-info: var(--ax-info-800);
416
- --ax-text-info-strong: var(--ax-info-1000);
417
- --ax-text-info-icon: var(--ax-info-600);
418
- --ax-text-brand-1: var(--ax-brand-1-800);
419
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
420
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
421
- --ax-text-brand-2: var(--ax-brand-2-800);
422
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
423
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
424
- --ax-text-brand-3: var(--ax-brand-3-800);
425
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
426
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
427
- --ax-text-meta-1: var(--ax-meta-1-800);
428
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
429
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
430
- --ax-text-meta-2: var(--ax-meta-2-800);
431
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
432
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
433
- --ax-text-accent-contrast: var(--ax-neutral-000);
434
- --ax-text-danger-contrast: var(--ax-neutral-000);
435
- --ax-text-info-contrast: var(--ax-neutral-000);
436
- --ax-text-success-contrast: var(--ax-neutral-000);
437
- --ax-text-warning-contrast: var(--ax-neutral-000);
438
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
439
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
440
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
441
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
442
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
443
- --ax-text-default: var(--ax-neutral-1000);
444
- --ax-text-subtle: var(--ax-neutral-900);
445
- --ax-text-icon: var(--ax-neutral-600);
446
- --ax-text-contrast: var(--ax-neutral-000);
447
- --ax-border-accent: var(--ax-accent-600);
448
- --ax-border-accent-subtle: var(--ax-accent-400);
449
- --ax-border-accent-subtleA: var(--ax-accent-400A);
450
- --ax-border-accent-strong: var(--ax-accent-700);
451
- --ax-border-success: var(--ax-success-600);
452
- --ax-border-success-subtle: var(--ax-success-400);
453
- --ax-border-success-subtleA: var(--ax-success-400A);
454
- --ax-border-success-strong: var(--ax-success-700);
455
- --ax-border-warning: var(--ax-warning-600);
456
- --ax-border-warning-subtle: var(--ax-warning-400);
457
- --ax-border-warning-subtleA: var(--ax-warning-400A);
458
- --ax-border-warning-strong: var(--ax-warning-700);
459
- --ax-border-danger: var(--ax-danger-600);
460
- --ax-border-danger-subtle: var(--ax-danger-400);
461
- --ax-border-danger-subtleA: var(--ax-danger-400A);
462
- --ax-border-danger-strong: var(--ax-danger-700);
463
- --ax-border-info: var(--ax-info-600);
464
- --ax-border-info-subtle: var(--ax-info-400);
465
- --ax-border-info-subtleA: var(--ax-info-400A);
466
- --ax-border-info-strong: var(--ax-info-700);
467
- --ax-border-brand-1: var(--ax-brand-1-600);
468
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
469
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
470
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
471
- --ax-border-brand-2: var(--ax-brand-2-600);
472
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
473
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
474
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
475
- --ax-border-brand-3: var(--ax-brand-3-600);
476
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
477
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
478
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
479
- --ax-border-meta-1: var(--ax-meta-1-600);
480
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
481
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
482
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
483
- --ax-border-meta-2: var(--ax-meta-2-600);
484
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
485
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
486
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
487
- --ax-border-default: var(--ax-neutral-600);
488
- --ax-border-subtle: var(--ax-neutral-400);
489
- --ax-border-subtleA: var(--ax-neutral-400A);
490
- --ax-border-strong: var(--ax-neutral-600);
491
- --ax-border-focus: var(--ax-neutral-1000);
492
- }
493
-
494
- .dark, .dark-theme {
495
- --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, 0), 0px 2px 5px 0px rgba(7, 9, 13, .35), 0px 5px 12px 0px rgba(7, 9, 13, .5);
496
- --ax-opacity-disabled: .4;
497
- --ax-bg-default: #0e151f;
498
- --ax-bg-input: rgba(7, 9, 13, .5);
499
- --ax-bg-sunken: #07090d;
500
- --ax-bg-overlay: rgba(2, 20, 49, .49);
501
- --ax-neutral-100: #161d28;
502
- --ax-neutral-200: #1c232f;
503
- --ax-neutral-300: #242b37;
504
- --ax-neutral-400: #2e3641;
505
- --ax-neutral-500: #656d7b;
506
- --ax-neutral-600: #767e8c;
507
- --ax-neutral-700: #8a92a0;
508
- --ax-neutral-800: #949ba8;
509
- --ax-neutral-900: #a5acb6;
510
- --ax-neutral-1000: #dfe1e5;
511
- --ax-neutral-000: black;
512
- --ax-neutral-100A: rgba(200, 207, 240, .043);
513
- --ax-neutral-200A: rgba(202, 209, 246, .075);
514
- --ax-neutral-300A: rgba(215, 222, 250, .11);
515
- --ax-neutral-400A: rgba(224, 237, 254, .153);
516
- --ax-accent-100: #101d2d;
517
- --ax-accent-200: #152436;
518
- --ax-accent-300: #1a2c41;
519
- --ax-accent-400: #23374f;
520
- --ax-accent-500: #2e6db8;
521
- --ax-accent-600: #447fc9;
522
- --ax-accent-700: #5f94d8;
523
- --ax-accent-800: #6d9ddd;
524
- --ax-accent-900: #84aee6;
525
- --ax-accent-1000: #b0caf1;
526
- --ax-accent-100A: rgba(46, 149, 255, .063);
527
- --ax-accent-200A: rgba(80, 163, 249, .106);
528
- --ax-accent-300A: rgba(93, 172, 254, .153);
529
- --ax-accent-400A: rgba(112, 179, 254, .216);
530
- --ax-success-100: #00230b;
531
- --ax-success-200: #032911;
532
- --ax-success-300: #0b3118;
533
- --ax-success-400: #183d24;
534
- --ax-success-500: #207c41;
535
- --ax-success-600: #368e52;
536
- --ax-success-700: #4ca265;
537
- --ax-success-800: #5eab72;
538
- --ax-success-900: #78ba87;
539
- --ax-success-1000: #a4d4ad;
540
- --ax-success-100A: rgba(0, 245, 0, .063);
541
- --ax-success-200A: rgba(0, 253, 0, .086);
542
- --ax-success-300A: rgba(0, 252, 0, .12);
543
- --ax-success-400A: rgba(72, 253, 60, .173);
544
- --ax-warning-100: #371100;
545
- --ax-warning-200: #3e1704;
546
- --ax-warning-300: #471f0c;
547
- --ax-warning-400: #542b18;
548
- --ax-warning-500: #af5122;
549
- --ax-warning-600: #c46233;
550
- --ax-warning-700: #de753c;
551
- --ax-warning-800: #e78040;
552
- --ax-warning-900: #ed974b;
553
- --ax-warning-1000: #f5bf6d;
554
- --ax-warning-100A: rgba(252, 0, 0, .173);
555
- --ax-warning-200A: rgba(254, 31, 0, .2);
556
- --ax-warning-300A: rgba(252, 63, 0, .24);
557
- --ax-warning-400A: rgba(253, 96, 8, .294);
558
- --ax-danger-100: #410409;
559
- --ax-danger-200: #490b10;
560
- --ax-danger-300: #521517;
561
- --ax-danger-400: #5f2021;
562
- --ax-danger-500: #c8343f;
563
- --ax-danger-600: #dd4a50;
564
- --ax-danger-700: #eb6772;
565
- --ax-danger-800: #ee7685;
566
- --ax-danger-900: #f28ea2;
567
- --ax-danger-1000: #f6b7cd;
568
- --ax-danger-100A: rgba(255, 0, 0, .21);
569
- --ax-danger-200A: rgba(252, 0, 0, .247);
570
- --ax-danger-300A: rgba(255, 21, 3, .282);
571
- --ax-danger-400A: rgba(255, 54, 37, .337);
572
- --ax-info-100: #071e2d;
573
- --ax-info-200: #0d2534;
574
- --ax-info-300: #122d3e;
575
- --ax-info-400: #19394c;
576
- --ax-info-500: #43718d;
577
- --ax-info-600: #5a839b;
578
- --ax-info-700: #7396ab;
579
- --ax-info-800: #7f9fb3;
580
- --ax-info-900: #93afc0;
581
- --ax-info-1000: #b7cbd7;
582
- --ax-info-100A: rgba(0, 165, 255, .063);
583
- --ax-info-200A: rgba(4, 191, 255, .094);
584
- --ax-info-300A: rgba(43, 191, 251, .14);
585
- --ax-info-400A: rgba(68, 198, 252, .204);
586
- --ax-brand-1-100: #321220;
587
- --ax-brand-1-200: #3a1827;
588
- --ax-brand-1-300: #42202e;
589
- --ax-brand-1-400: #4e2a39;
590
- --ax-brand-1-500: #a35276;
591
- --ax-brand-1-600: #b06886;
592
- --ax-brand-1-700: #be7f99;
593
- --ax-brand-1-800: #c58aa2;
594
- --ax-brand-1-900: #cf9eb1;
595
- --ax-brand-1-1000: #e1c0cc;
596
- --ax-brand-1-100A: rgba(250, 2, 38, .153);
597
- --ax-brand-1-200A: rgba(253, 38, 75, .184);
598
- --ax-brand-1-300A: rgba(251, 72, 100, .22);
599
- --ax-brand-1-400A: rgba(254, 100, 129, .267);
600
- --ax-brand-2-100: #2d160e;
601
- --ax-brand-2-200: #351d15;
602
- --ax-brand-2-300: #3d241c;
603
- --ax-brand-2-400: #493027;
604
- --ax-brand-2-500: #975e4a;
605
- --ax-brand-2-600: #ab6f5b;
606
- --ax-brand-2-700: #c0836e;
607
- --ax-brand-2-800: #c78e79;
608
- --ax-brand-2-900: #d1a08c;
609
- --ax-brand-2-1000: #e3c2b1;
610
- --ax-brand-2-100A: rgba(254, 29, 0, .13);
611
- --ax-brand-2-200A: rgba(251, 69, 0, .165);
612
- --ax-brand-2-300A: rgba(254, 98, 16, .196);
613
- --ax-brand-2-400A: rgba(252, 131, 64, .247);
614
- --ax-brand-3-100: #071e2d;
615
- --ax-brand-3-200: #0d2534;
616
- --ax-brand-3-300: #122d3e;
617
- --ax-brand-3-400: #19394c;
618
- --ax-brand-3-500: #43718d;
619
- --ax-brand-3-600: #5a839b;
620
- --ax-brand-3-700: #7396ab;
621
- --ax-brand-3-800: #7f9fb3;
622
- --ax-brand-3-900: #93afc0;
623
- --ax-brand-3-1000: #b7cbd7;
624
- --ax-brand-3-100A: rgba(0, 165, 255, .063);
625
- --ax-brand-3-200A: rgba(4, 191, 255, .094);
626
- --ax-brand-3-300A: rgba(43, 191, 251, .14);
627
- --ax-brand-3-400A: rgba(68, 198, 252, .204);
628
- --ax-meta-1-100: #221a2c;
629
- --ax-meta-1-200: #272032;
630
- --ax-meta-1-300: #2f273a;
631
- --ax-meta-1-400: #3a3245;
632
- --ax-meta-1-500: #776491;
633
- --ax-meta-1-600: #8876a1;
634
- --ax-meta-1-700: #9b8bb0;
635
- --ax-meta-1-800: #a495b7;
636
- --ax-meta-1-900: #b2a7c3;
637
- --ax-meta-1-1000: #cdc5d9;
638
- --ax-meta-1-100A: rgba(246, 79, 182, .086);
639
- --ax-meta-1-200A: rgba(250, 125, 211, .106);
640
- --ax-meta-1-300A: rgba(255, 153, 228, .137);
641
- --ax-meta-1-400A: rgba(253, 179, 238, .184);
642
- --ax-meta-2-100: #1c1f00;
643
- --ax-meta-2-200: #222500;
644
- --ax-meta-2-300: #292d00;
645
- --ax-meta-2-400: #343900;
646
- --ax-meta-2-500: #6a7200;
647
- --ax-meta-2-600: #7c8400;
648
- --ax-meta-2-700: #8f9800;
649
- --ax-meta-2-800: #99a200;
650
- --ax-meta-2-900: #a9b325;
651
- --ax-meta-2-1000: #c5d14c;
652
- --ax-meta-2-100A: rgba(252, 191, 0, .06);
653
- --ax-meta-2-200A: rgba(246, 207, 0, .086);
654
- --ax-meta-2-300A: rgba(252, 233, 0, .114);
655
- --ax-meta-2-400A: rgba(251, 245, 0, .16);
656
- --ax-bg-accent-soft: var(--ax-accent-100);
657
- --ax-bg-accent-softA: var(--ax-accent-100A);
658
- --ax-bg-accent-hover: var(--ax-accent-200);
659
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
660
- --ax-bg-accent-moderate: var(--ax-accent-200);
661
- --ax-bg-accent-moderateA: var(--ax-accent-200A);
662
- --ax-bg-accent-moderate-hover: var(--ax-accent-300);
663
- --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
664
- --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
665
- --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
666
- --ax-bg-accent-strong: var(--ax-accent-600);
667
- --ax-bg-accent-strong-hover: var(--ax-accent-700);
668
- --ax-bg-accent-strong-pressed: var(--ax-accent-800);
669
- --ax-bg-success-soft: var(--ax-success-100);
670
- --ax-bg-success-softA: var(--ax-success-100A);
671
- --ax-bg-success-hover: var(--ax-success-200);
672
- --ax-bg-success-hoverA: var(--ax-success-200A);
673
- --ax-bg-success-moderate: var(--ax-success-200);
674
- --ax-bg-success-moderateA: var(--ax-success-200A);
675
- --ax-bg-success-moderate-hover: var(--ax-success-300);
676
- --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
677
- --ax-bg-success-moderate-pressed: var(--ax-success-400);
678
- --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
679
- --ax-bg-success-strong: var(--ax-success-600);
680
- --ax-bg-success-strong-hover: var(--ax-success-700);
681
- --ax-bg-success-strong-pressed: var(--ax-success-800);
682
- --ax-bg-warning-soft: var(--ax-warning-100);
683
- --ax-bg-warning-softA: var(--ax-warning-100A);
684
- --ax-bg-warning-hover: var(--ax-warning-200);
685
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
686
- --ax-bg-warning-moderate: var(--ax-warning-200);
687
- --ax-bg-warning-moderateA: var(--ax-warning-200A);
688
- --ax-bg-warning-moderate-hover: var(--ax-warning-300);
689
- --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
690
- --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
691
- --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
692
- --ax-bg-warning-strong: var(--ax-warning-600);
693
- --ax-bg-warning-strong-hover: var(--ax-warning-700);
694
- --ax-bg-warning-strong-pressed: var(--ax-warning-800);
695
- --ax-bg-danger-soft: var(--ax-danger-100);
696
- --ax-bg-danger-softA: var(--ax-danger-100A);
697
- --ax-bg-danger-hover: var(--ax-danger-200);
698
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
699
- --ax-bg-danger-moderate: var(--ax-danger-200);
700
- --ax-bg-danger-moderateA: var(--ax-danger-200A);
701
- --ax-bg-danger-moderate-hover: var(--ax-danger-300);
702
- --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
703
- --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
704
- --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
705
- --ax-bg-danger-strong: var(--ax-danger-600);
706
- --ax-bg-danger-strong-hover: var(--ax-danger-700);
707
- --ax-bg-danger-strong-pressed: var(--ax-danger-800);
708
- --ax-bg-info-soft: var(--ax-info-100);
709
- --ax-bg-info-softA: var(--ax-info-100A);
710
- --ax-bg-info-hover: var(--ax-info-200);
711
- --ax-bg-info-hoverA: var(--ax-info-200A);
712
- --ax-bg-info-moderate: var(--ax-info-200);
713
- --ax-bg-info-moderateA: var(--ax-info-200A);
714
- --ax-bg-info-moderate-hover: var(--ax-info-300);
715
- --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
716
- --ax-bg-info-moderate-pressed: var(--ax-info-400);
717
- --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
718
- --ax-bg-info-strong: var(--ax-info-600);
719
- --ax-bg-info-strong-hover: var(--ax-info-700);
720
- --ax-bg-info-strong-pressed: var(--ax-info-800);
721
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
722
- --ax-bg-brand-1-softA: var(--ax-brand-1-100A);
723
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
724
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
725
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
726
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
727
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
728
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
729
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
730
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
731
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
732
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
733
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
734
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
735
- --ax-bg-brand-2-softA: var(--ax-brand-2-100A);
736
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
737
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
738
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
739
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
740
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
741
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
742
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
743
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
744
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
745
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
746
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
747
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
748
- --ax-bg-brand-3-softA: var(--ax-brand-3-100A);
749
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
750
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
751
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
752
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
753
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
754
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
755
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
756
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
757
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
758
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
759
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
760
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
761
- --ax-bg-meta-1-softA: var(--ax-meta-1-100A);
762
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
763
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
764
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
765
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
766
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
767
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
768
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
769
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
770
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
771
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
772
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
773
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
774
- --ax-bg-meta-2-softA: var(--ax-meta-2-100A);
775
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
776
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
777
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
778
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
779
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
780
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
781
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
782
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
783
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
784
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
785
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
786
- --ax-bg-raised: var(--ax-neutral-100);
787
- --ax-bg-soft: var(--ax-neutral-100);
788
- --ax-bg-softA: var(--ax-neutral-100A);
789
- --ax-bg-hover: var(--ax-neutral-200);
790
- --ax-bg-hoverA: var(--ax-neutral-200A);
791
- --ax-bg-moderate: var(--ax-neutral-200);
792
- --ax-bg-moderateA: var(--ax-neutral-200A);
793
- --ax-bg-moderate-hover: var(--ax-neutral-300);
794
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
795
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
796
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
797
- --ax-bg-strong: var(--ax-neutral-700);
798
- --ax-bg-strong-hover: var(--ax-neutral-800);
799
- --ax-bg-strong-pressed: var(--ax-neutral-900);
800
- --ax-text-accent: var(--ax-accent-800);
801
- --ax-text-accent-strong: var(--ax-accent-1000);
802
- --ax-text-accent-icon: var(--ax-accent-600);
803
- --ax-text-success: var(--ax-success-800);
804
- --ax-text-success-strong: var(--ax-success-1000);
805
- --ax-text-success-icon: var(--ax-success-600);
806
- --ax-text-warning: var(--ax-warning-800);
807
- --ax-text-warning-strong: var(--ax-warning-1000);
808
- --ax-text-warning-icon: var(--ax-warning-600);
809
- --ax-text-danger: var(--ax-danger-800);
810
- --ax-text-danger-strong: var(--ax-danger-1000);
811
- --ax-text-danger-icon: var(--ax-danger-600);
812
- --ax-text-info: var(--ax-info-800);
813
- --ax-text-info-strong: var(--ax-info-1000);
814
- --ax-text-info-icon: var(--ax-info-600);
815
- --ax-text-brand-1: var(--ax-brand-1-800);
816
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
817
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
818
- --ax-text-brand-2: var(--ax-brand-2-800);
819
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
820
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
821
- --ax-text-brand-3: var(--ax-brand-3-800);
822
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
823
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
824
- --ax-text-meta-1: var(--ax-meta-1-800);
825
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
826
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
827
- --ax-text-meta-2: var(--ax-meta-2-800);
828
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
829
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
830
- --ax-text-accent-contrast: var(--ax-neutral-000);
831
- --ax-text-danger-contrast: var(--ax-neutral-000);
832
- --ax-text-info-contrast: var(--ax-neutral-000);
833
- --ax-text-success-contrast: var(--ax-neutral-000);
834
- --ax-text-warning-contrast: var(--ax-neutral-000);
835
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
836
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
837
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
838
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
839
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
840
- --ax-text-default: var(--ax-neutral-1000);
841
- --ax-text-subtle: var(--ax-neutral-900);
842
- --ax-text-icon: var(--ax-neutral-600);
843
- --ax-text-logo: var(--ax-neutral-1000);
844
- --ax-text-contrast: var(--ax-neutral-000);
845
- --ax-border-accent: var(--ax-accent-600);
846
- --ax-border-accent-subtle: var(--ax-accent-400);
847
- --ax-border-accent-subtleA: var(--ax-accent-400A);
848
- --ax-border-accent-strong: var(--ax-accent-700);
849
- --ax-border-success: var(--ax-success-600);
850
- --ax-border-success-subtle: var(--ax-success-400);
851
- --ax-border-success-subtleA: var(--ax-success-400A);
852
- --ax-border-success-strong: var(--ax-success-700);
853
- --ax-border-warning: var(--ax-warning-600);
854
- --ax-border-warning-subtle: var(--ax-warning-400);
855
- --ax-border-warning-subtleA: var(--ax-warning-400A);
856
- --ax-border-warning-strong: var(--ax-warning-700);
857
- --ax-border-danger: var(--ax-danger-600);
858
- --ax-border-danger-subtle: var(--ax-danger-400);
859
- --ax-border-danger-subtleA: var(--ax-danger-400A);
860
- --ax-border-danger-strong: var(--ax-danger-700);
861
- --ax-border-info: var(--ax-info-600);
862
- --ax-border-info-subtle: var(--ax-info-400);
863
- --ax-border-info-subtleA: var(--ax-info-400A);
168
+ --ax-info-300A: rgba(0, 96, 160, .157);
169
+ --ax-info-200A: rgba(0, 110, 183, .11);
170
+ --ax-info-100A: rgba(0, 120, 210, .067);
171
+ --ax-info-1000: #002942;
172
+ --ax-info-900: #00557d;
173
+ --ax-info-800: #156389;
174
+ --ax-info-700: #246b91;
175
+ --ax-info-600: #417da0;
176
+ --ax-info-500: #5a8fae;
177
+ --ax-info-400: #c0d6e4;
178
+ --ax-info-300: #d7e6f0;
179
+ --ax-info-200: #e3eff7;
180
+ --ax-info-100: #eef6fc;
181
+ --ax-danger-400A: rgba(255, 0, 88, .24);
182
+ --ax-danger-300A: rgba(255, 0, 88, .15);
183
+ --ax-danger-200A: rgba(255, 0, 89, .09);
184
+ --ax-danger-100A: rgba(255, 0, 99, .05);
185
+ --ax-danger-1000: #560000;
186
+ --ax-danger-900: #a60017;
187
+ --ax-danger-800: #bc002a;
188
+ --ax-danger-700: #cb0035;
189
+ --ax-danger-600: #e22a49;
190
+ --ax-danger-500: #ec526e;
191
+ --ax-danger-400: #ffc2d7;
192
+ --ax-danger-300: #ffd9e6;
193
+ --ax-danger-200: #ffe8f0;
194
+ --ax-danger-100: #fff2f7;
195
+ --ax-warning-400A: rgba(255, 163, 0, .565);
196
+ --ax-warning-300A: rgba(255, 162, 1, .353);
197
+ --ax-warning-200A: rgba(255, 164, 0, .22);
198
+ --ax-warning-100A: rgba(255, 161, 0, .106);
199
+ --ax-warning-1000: #481700;
200
+ --ax-warning-900: #8c3500;
201
+ --ax-warning-800: #a03e00;
202
+ --ax-warning-700: #ac4400;
203
+ --ax-warning-600: #c95100;
204
+ --ax-warning-500: #e75e01;
205
+ --ax-warning-400: #ffcb6f;
206
+ --ax-warning-300: #ffdea5;
207
+ --ax-warning-200: #ffebc7;
208
+ --ax-warning-100: #fff5e4;
209
+ --ax-success-400A: rgba(0, 162, 36, .34);
210
+ --ax-success-300A: rgba(1, 178, 39, .23);
211
+ --ax-success-200A: rgba(0, 201, 37, .165);
212
+ --ax-success-100A: rgba(0, 238, 53, .114);
213
+ --ax-success-1000: #002e00;
214
+ --ax-success-900: #005e0f;
215
+ --ax-success-800: #006c1f;
216
+ --ax-success-700: #007629;
217
+ --ax-success-600: #00893c;
218
+ --ax-success-500: #199d4f;
219
+ --ax-success-400: #a8dfb4;
220
+ --ax-success-300: #c4edcd;
221
+ --ax-success-200: #d5f6db;
222
+ --ax-success-100: #e2fde8;
223
+ --ax-accent-400A: rgba(0, 100, 241, .27);
224
+ --ax-accent-300A: rgba(1, 101, 244, .17);
225
+ --ax-accent-200A: rgba(0, 95, 255, .106);
226
+ --ax-accent-100A: rgba(0, 110, 255, .055);
227
+ --ax-accent-1000: #002459;
228
+ --ax-accent-900: #004ea3;
229
+ --ax-accent-800: #005bb6;
230
+ --ax-accent-700: #0063c1;
231
+ --ax-accent-600: #2277d5;
232
+ --ax-accent-500: #428ae3;
233
+ --ax-accent-400: #bad5fb;
234
+ --ax-accent-300: #d4e5fd;
235
+ --ax-accent-200: #e4eeff;
236
+ --ax-accent-100: #f1f7ff;
237
+ --ax-neutral-400A: rgba(0, 22, 48, .19);
238
+ --ax-neutral-300A: rgba(0, 17, 51, .118);
239
+ --ax-neutral-200A: rgba(0, 14, 41, .075);
240
+ --ax-neutral-100A: rgba(0, 26, 51, .04);
241
+ --ax-neutral-000: white;
242
+ --ax-neutral-1000: #202733;
243
+ --ax-neutral-900: #49515e;
244
+ --ax-neutral-800: #555d6a;
245
+ --ax-neutral-700: #5d6573;
246
+ --ax-neutral-600: #6f7785;
247
+ --ax-neutral-500: #818997;
248
+ --ax-neutral-400: #cfd3d8;
249
+ --ax-neutral-300: #e1e3e7;
250
+ --ax-neutral-200: #ecedef;
251
+ --ax-neutral-100: #f5f6f7;
252
+ --ax-text-logo: #c30000;
253
+ --ax-bg-overlay: rgba(2, 20, 49, .49);
254
+ --ax-bg-input: rgba(255, 255, 255, .85);
255
+ --ax-bg-default: #fff;
256
+ --ax-opacity-disabled: .3;
257
+ --ax-shadow-dialog: 0px 4px 6px 0px rgba(0, 0, 0, .15), 0px 1px 3px -1px rgba(0, 0, 0, .15), 0px 1px 1px 0px rgba(0, 0, 0, .06);
258
+ --ax-border-focus: var(--ax-neutral-1000);
259
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
260
+ --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
261
+ --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
262
+ --ax-border-meta-lime: var(--ax-meta-lime-600);
263
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
264
+ --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
265
+ --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
266
+ --ax-border-meta-purple: var(--ax-meta-purple-600);
267
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
268
+ --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
269
+ --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
270
+ --ax-border-brand-blue: var(--ax-brand-blue-600);
271
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
272
+ --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
273
+ --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
274
+ --ax-border-brand-beige: var(--ax-brand-beige-600);
275
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
276
+ --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
277
+ --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
278
+ --ax-border-brand-magenta: var(--ax-brand-magenta-600);
864
279
  --ax-border-info-strong: var(--ax-info-700);
865
- --ax-border-brand-1: var(--ax-brand-1-600);
866
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
867
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
868
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
869
- --ax-border-brand-2: var(--ax-brand-2-600);
870
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
871
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
872
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
873
- --ax-border-brand-3: var(--ax-brand-3-600);
874
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
875
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
876
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
877
- --ax-border-meta-1: var(--ax-meta-1-600);
878
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
879
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
880
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
881
- --ax-border-meta-2: var(--ax-meta-2-600);
882
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
883
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
884
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
885
- --ax-border-default: var(--ax-neutral-600);
886
- --ax-border-subtle: var(--ax-neutral-400);
887
- --ax-border-subtleA: var(--ax-neutral-400A);
888
- --ax-border-strong: var(--ax-neutral-600);
280
+ --ax-border-info-subtleA: var(--ax-info-400A);
281
+ --ax-border-info-subtle: var(--ax-info-400);
282
+ --ax-border-info: var(--ax-info-600);
283
+ --ax-border-danger-strong: var(--ax-danger-700);
284
+ --ax-border-danger-subtleA: var(--ax-danger-400A);
285
+ --ax-border-danger-subtle: var(--ax-danger-400);
286
+ --ax-border-danger: var(--ax-danger-600);
287
+ --ax-border-warning-strong: var(--ax-warning-700);
288
+ --ax-border-warning-subtleA: var(--ax-warning-400A);
289
+ --ax-border-warning-subtle: var(--ax-warning-400);
290
+ --ax-border-warning: var(--ax-warning-600);
291
+ --ax-border-success-strong: var(--ax-success-700);
292
+ --ax-border-success-subtleA: var(--ax-success-400A);
293
+ --ax-border-success-subtle: var(--ax-success-400);
294
+ --ax-border-success: var(--ax-success-600);
295
+ --ax-border-accent-strong: var(--ax-accent-700);
296
+ --ax-border-accent-subtleA: var(--ax-accent-400A);
297
+ --ax-border-accent-subtle: var(--ax-accent-400);
298
+ --ax-border-accent: var(--ax-accent-600);
299
+ --ax-border-neutral-strong: var(--ax-neutral-700);
300
+ --ax-border-neutral-subtleA: var(--ax-neutral-400A);
301
+ --ax-border-neutral-subtle: var(--ax-neutral-400);
302
+ --ax-border-neutral: var(--ax-neutral-600);
303
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
304
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
305
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
306
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
307
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
308
+ --ax-text-warning-contrast: var(--ax-neutral-000);
309
+ --ax-text-success-contrast: var(--ax-neutral-000);
310
+ --ax-text-info-contrast: var(--ax-neutral-000);
311
+ --ax-text-danger-contrast: var(--ax-neutral-000);
312
+ --ax-text-accent-contrast: var(--ax-neutral-000);
313
+ --ax-text-neutral-contrast: var(--ax-neutral-000);
314
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
315
+ --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
316
+ --ax-text-meta-lime: var(--ax-meta-lime-1000);
317
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
318
+ --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
319
+ --ax-text-meta-purple: var(--ax-meta-purple-1000);
320
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
321
+ --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
322
+ --ax-text-brand-blue: var(--ax-brand-blue-1000);
323
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
324
+ --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
325
+ --ax-text-brand-beige: var(--ax-brand-beige-1000);
326
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
327
+ --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
328
+ --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
329
+ --ax-text-info-icon: var(--ax-info-600);
330
+ --ax-text-info-subtle: var(--ax-info-800);
331
+ --ax-text-info: var(--ax-info-1000);
332
+ --ax-text-danger-icon: var(--ax-danger-600);
333
+ --ax-text-danger-subtle: var(--ax-danger-800);
334
+ --ax-text-danger: var(--ax-danger-1000);
335
+ --ax-text-warning-icon: var(--ax-warning-600);
336
+ --ax-text-warning-subtle: var(--ax-warning-800);
337
+ --ax-text-warning: var(--ax-warning-1000);
338
+ --ax-text-success-icon: var(--ax-success-600);
339
+ --ax-text-success-subtle: var(--ax-success-800);
340
+ --ax-text-success: var(--ax-success-1000);
341
+ --ax-text-accent-icon: var(--ax-accent-600);
342
+ --ax-text-accent-subtle: var(--ax-accent-800);
343
+ --ax-text-accent: var(--ax-accent-1000);
344
+ --ax-text-neutral-icon: var(--ax-neutral-600);
345
+ --ax-text-neutral-subtle: var(--ax-neutral-900);
346
+ --ax-text-neutral: var(--ax-neutral-1000);
347
+ --ax-bg-sunken: var(--ax-neutral-200);
348
+ --ax-bg-raised: var(--ax-neutral-000);
349
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
350
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
351
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
352
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
353
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
354
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
355
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
356
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
357
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
358
+ --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
359
+ --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
360
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
361
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
362
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
363
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
364
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
365
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
366
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
367
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
368
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
369
+ --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
370
+ --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
371
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
372
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
373
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
374
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
375
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
376
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
377
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
378
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
379
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
380
+ --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
381
+ --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
382
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
383
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
384
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
385
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
386
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
387
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
388
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
389
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
390
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
391
+ --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
392
+ --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
393
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
394
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
395
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
396
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
397
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
398
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
399
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
400
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
401
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
402
+ --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
403
+ --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
404
+ --ax-bg-info-strong-pressed: var(--ax-info-800);
405
+ --ax-bg-info-strong-hover: var(--ax-info-700);
406
+ --ax-bg-info-strong: var(--ax-info-600);
407
+ --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
408
+ --ax-bg-info-moderate-pressed: var(--ax-info-400);
409
+ --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
410
+ --ax-bg-info-moderate-hover: var(--ax-info-300);
411
+ --ax-bg-info-moderateA: var(--ax-info-200A);
412
+ --ax-bg-info-moderate: var(--ax-info-200);
413
+ --ax-bg-info-softA: var(--ax-info-100A);
414
+ --ax-bg-info-soft: var(--ax-info-100);
415
+ --ax-bg-danger-strong-pressed: var(--ax-danger-800);
416
+ --ax-bg-danger-strong-hover: var(--ax-danger-700);
417
+ --ax-bg-danger-strong: var(--ax-danger-600);
418
+ --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
419
+ --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
420
+ --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
421
+ --ax-bg-danger-moderate-hover: var(--ax-danger-300);
422
+ --ax-bg-danger-moderateA: var(--ax-danger-200A);
423
+ --ax-bg-danger-moderate: var(--ax-danger-200);
424
+ --ax-bg-danger-softA: var(--ax-danger-100A);
425
+ --ax-bg-danger-soft: var(--ax-danger-100);
426
+ --ax-bg-warning-strong-pressed: var(--ax-warning-800);
427
+ --ax-bg-warning-strong-hover: var(--ax-warning-700);
428
+ --ax-bg-warning-strong: var(--ax-warning-600);
429
+ --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
430
+ --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
431
+ --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
432
+ --ax-bg-warning-moderate-hover: var(--ax-warning-300);
433
+ --ax-bg-warning-moderateA: var(--ax-warning-200A);
434
+ --ax-bg-warning-moderate: var(--ax-warning-200);
435
+ --ax-bg-warning-softA: var(--ax-warning-100A);
436
+ --ax-bg-warning-soft: var(--ax-warning-100);
437
+ --ax-bg-success-strong-pressed: var(--ax-success-800);
438
+ --ax-bg-success-strong-hover: var(--ax-success-700);
439
+ --ax-bg-success-strong: var(--ax-success-600);
440
+ --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
441
+ --ax-bg-success-moderate-pressed: var(--ax-success-400);
442
+ --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
443
+ --ax-bg-success-moderate-hover: var(--ax-success-300);
444
+ --ax-bg-success-moderateA: var(--ax-success-200A);
445
+ --ax-bg-success-moderate: var(--ax-success-200);
446
+ --ax-bg-success-softA: var(--ax-success-100A);
447
+ --ax-bg-success-soft: var(--ax-success-100);
448
+ --ax-bg-accent-strong-pressed: var(--ax-accent-800);
449
+ --ax-bg-accent-strong-hover: var(--ax-accent-700);
450
+ --ax-bg-accent-strong: var(--ax-accent-600);
451
+ --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
452
+ --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
453
+ --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
454
+ --ax-bg-accent-moderate-hover: var(--ax-accent-300);
455
+ --ax-bg-accent-moderateA: var(--ax-accent-200A);
456
+ --ax-bg-accent-moderate: var(--ax-accent-200);
457
+ --ax-bg-accent-softA: var(--ax-accent-100A);
458
+ --ax-bg-accent-soft: var(--ax-accent-100);
459
+ --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
460
+ --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
461
+ --ax-bg-neutral-strong: var(--ax-neutral-700);
462
+ --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
463
+ --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
464
+ --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
465
+ --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
466
+ --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
467
+ --ax-bg-neutral-moderate: var(--ax-neutral-200);
468
+ --ax-bg-neutral-softA: var(--ax-neutral-100A);
469
+ --ax-bg-neutral-soft: var(--ax-neutral-100);
470
+ }
471
+
472
+ .dark, .dark-theme {
473
+ --ax-meta-lime-400A: rgba(251, 245, 0, .16);
474
+ --ax-meta-lime-300A: rgba(252, 233, 0, .114);
475
+ --ax-meta-lime-200A: rgba(246, 207, 0, .086);
476
+ --ax-meta-lime-100A: rgba(252, 191, 0, .06);
477
+ --ax-meta-lime-1000: #c5d14c;
478
+ --ax-meta-lime-900: #a9b325;
479
+ --ax-meta-lime-800: #99a200;
480
+ --ax-meta-lime-700: #8f9800;
481
+ --ax-meta-lime-600: #7c8400;
482
+ --ax-meta-lime-500: #6a7200;
483
+ --ax-meta-lime-400: #343900;
484
+ --ax-meta-lime-300: #292d00;
485
+ --ax-meta-lime-200: #222500;
486
+ --ax-meta-lime-100: #1c1f00;
487
+ --ax-meta-purple-400A: rgba(253, 179, 238, .184);
488
+ --ax-meta-purple-300A: rgba(255, 153, 228, .137);
489
+ --ax-meta-purple-200A: rgba(250, 125, 211, .106);
490
+ --ax-meta-purple-100A: rgba(246, 79, 182, .086);
491
+ --ax-meta-purple-1000: #cdc5d9;
492
+ --ax-meta-purple-900: #b2a7c3;
493
+ --ax-meta-purple-800: #a495b7;
494
+ --ax-meta-purple-700: #9b8bb0;
495
+ --ax-meta-purple-600: #8876a1;
496
+ --ax-meta-purple-500: #776491;
497
+ --ax-meta-purple-400: #3a3245;
498
+ --ax-meta-purple-300: #2f273a;
499
+ --ax-meta-purple-200: #272032;
500
+ --ax-meta-purple-100: #221a2c;
501
+ --ax-brand-blue-400A: rgba(68, 198, 252, .204);
502
+ --ax-brand-blue-300A: rgba(43, 191, 251, .14);
503
+ --ax-brand-blue-200A: rgba(4, 191, 255, .094);
504
+ --ax-brand-blue-100A: rgba(0, 165, 255, .063);
505
+ --ax-brand-blue-1000: #b7cbd7;
506
+ --ax-brand-blue-900: #93afc0;
507
+ --ax-brand-blue-800: #7f9fb3;
508
+ --ax-brand-blue-700: #7396ab;
509
+ --ax-brand-blue-600: #5a839b;
510
+ --ax-brand-blue-500: #43718d;
511
+ --ax-brand-blue-400: #19394c;
512
+ --ax-brand-blue-300: #122d3e;
513
+ --ax-brand-blue-200: #0d2534;
514
+ --ax-brand-blue-100: #071e2d;
515
+ --ax-brand-beige-400A: rgba(252, 131, 64, .247);
516
+ --ax-brand-beige-300A: rgba(254, 98, 16, .196);
517
+ --ax-brand-beige-200A: rgba(251, 69, 0, .165);
518
+ --ax-brand-beige-100A: rgba(254, 29, 0, .13);
519
+ --ax-brand-beige-1000: #e3c2b1;
520
+ --ax-brand-beige-900: #d1a08c;
521
+ --ax-brand-beige-800: #c78e79;
522
+ --ax-brand-beige-700: #c0836e;
523
+ --ax-brand-beige-600: #ab6f5b;
524
+ --ax-brand-beige-500: #975e4a;
525
+ --ax-brand-beige-400: #493027;
526
+ --ax-brand-beige-300: #3d241c;
527
+ --ax-brand-beige-200: #351d15;
528
+ --ax-brand-beige-100: #2d160e;
529
+ --ax-brand-magenta-400A: rgba(254, 100, 129, .267);
530
+ --ax-brand-magenta-300A: rgba(251, 72, 100, .22);
531
+ --ax-brand-magenta-200A: rgba(253, 38, 75, .184);
532
+ --ax-brand-magenta-100A: rgba(250, 2, 38, .153);
533
+ --ax-brand-magenta-1000: #e1c0cc;
534
+ --ax-brand-magenta-900: #cf9eb1;
535
+ --ax-brand-magenta-800: #c58aa2;
536
+ --ax-brand-magenta-700: #be7f99;
537
+ --ax-brand-magenta-600: #b06886;
538
+ --ax-brand-magenta-500: #a35276;
539
+ --ax-brand-magenta-400: #4e2a39;
540
+ --ax-brand-magenta-300: #42202e;
541
+ --ax-brand-magenta-200: #3a1827;
542
+ --ax-brand-magenta-100: #321220;
543
+ --ax-info-400A: rgba(68, 198, 252, .204);
544
+ --ax-info-300A: rgba(43, 191, 251, .14);
545
+ --ax-info-200A: rgba(4, 191, 255, .094);
546
+ --ax-info-100A: rgba(0, 165, 255, .063);
547
+ --ax-info-1000: #b7cbd7;
548
+ --ax-info-900: #93afc0;
549
+ --ax-info-800: #7f9fb3;
550
+ --ax-info-700: #7396ab;
551
+ --ax-info-600: #5a839b;
552
+ --ax-info-500: #43718d;
553
+ --ax-info-400: #19394c;
554
+ --ax-info-300: #122d3e;
555
+ --ax-info-200: #0d2534;
556
+ --ax-info-100: #071e2d;
557
+ --ax-danger-400A: rgba(255, 54, 37, .337);
558
+ --ax-danger-300A: rgba(255, 21, 3, .282);
559
+ --ax-danger-200A: rgba(252, 0, 0, .247);
560
+ --ax-danger-100A: rgba(255, 0, 0, .21);
561
+ --ax-danger-1000: #f6b7cd;
562
+ --ax-danger-900: #f28ea2;
563
+ --ax-danger-800: #ee7685;
564
+ --ax-danger-700: #eb6772;
565
+ --ax-danger-600: #dd4a50;
566
+ --ax-danger-500: #c8343f;
567
+ --ax-danger-400: #5f2021;
568
+ --ax-danger-300: #521517;
569
+ --ax-danger-200: #490b10;
570
+ --ax-danger-100: #410409;
571
+ --ax-warning-400A: rgba(253, 96, 8, .294);
572
+ --ax-warning-300A: rgba(252, 63, 0, .24);
573
+ --ax-warning-200A: rgba(254, 31, 0, .2);
574
+ --ax-warning-100A: rgba(252, 0, 0, .173);
575
+ --ax-warning-1000: #f5bf6d;
576
+ --ax-warning-900: #ed974b;
577
+ --ax-warning-800: #e78040;
578
+ --ax-warning-700: #de753c;
579
+ --ax-warning-600: #c46233;
580
+ --ax-warning-500: #af5122;
581
+ --ax-warning-400: #542b18;
582
+ --ax-warning-300: #471f0c;
583
+ --ax-warning-200: #3e1704;
584
+ --ax-warning-100: #371100;
585
+ --ax-success-400A: rgba(72, 253, 60, .173);
586
+ --ax-success-300A: rgba(0, 252, 0, .12);
587
+ --ax-success-200A: rgba(0, 253, 0, .086);
588
+ --ax-success-100A: rgba(0, 245, 0, .063);
589
+ --ax-success-1000: #a4d4ad;
590
+ --ax-success-900: #78ba87;
591
+ --ax-success-800: #5eab72;
592
+ --ax-success-700: #4ca265;
593
+ --ax-success-600: #368e52;
594
+ --ax-success-500: #207c41;
595
+ --ax-success-400: #183d24;
596
+ --ax-success-300: #0b3118;
597
+ --ax-success-200: #032911;
598
+ --ax-success-100: #00230b;
599
+ --ax-accent-400A: rgba(112, 179, 254, .216);
600
+ --ax-accent-300A: rgba(93, 172, 254, .153);
601
+ --ax-accent-200A: rgba(80, 163, 249, .106);
602
+ --ax-accent-100A: rgba(46, 149, 255, .063);
603
+ --ax-accent-1000: #b0caf1;
604
+ --ax-accent-900: #84aee6;
605
+ --ax-accent-800: #6d9ddd;
606
+ --ax-accent-700: #5f94d8;
607
+ --ax-accent-600: #447fc9;
608
+ --ax-accent-500: #2e6db8;
609
+ --ax-accent-400: #23374f;
610
+ --ax-accent-300: #1a2c41;
611
+ --ax-accent-200: #152436;
612
+ --ax-accent-100: #101d2d;
613
+ --ax-neutral-400A: rgba(224, 237, 254, .153);
614
+ --ax-neutral-300A: rgba(215, 222, 250, .11);
615
+ --ax-neutral-200A: rgba(202, 209, 246, .075);
616
+ --ax-neutral-100A: rgba(200, 207, 240, .043);
617
+ --ax-neutral-000: black;
618
+ --ax-neutral-1000: #dfe1e5;
619
+ --ax-neutral-900: #a5acb6;
620
+ --ax-neutral-800: #949ba8;
621
+ --ax-neutral-700: #8a92a0;
622
+ --ax-neutral-600: #767e8c;
623
+ --ax-neutral-500: #656d7b;
624
+ --ax-neutral-400: #2e3641;
625
+ --ax-neutral-300: #242b37;
626
+ --ax-neutral-200: #1c232f;
627
+ --ax-neutral-100: #161d28;
628
+ --ax-bg-overlay: rgba(2, 20, 49, .49);
629
+ --ax-bg-sunken: #07090d;
630
+ --ax-bg-input: rgba(7, 9, 13, .5);
631
+ --ax-bg-default: #0e151f;
632
+ --ax-opacity-disabled: .4;
633
+ --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, 0), 0px 2px 5px 0px rgba(7, 9, 13, .35), 0px 5px 12px 0px rgba(7, 9, 13, .5);
889
634
  --ax-border-focus: var(--ax-neutral-1000);
635
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
636
+ --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
637
+ --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
638
+ --ax-border-meta-lime: var(--ax-meta-lime-600);
639
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
640
+ --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
641
+ --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
642
+ --ax-border-meta-purple: var(--ax-meta-purple-600);
643
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
644
+ --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
645
+ --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
646
+ --ax-border-brand-blue: var(--ax-brand-blue-600);
647
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
648
+ --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
649
+ --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
650
+ --ax-border-brand-beige: var(--ax-brand-beige-600);
651
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
652
+ --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
653
+ --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
654
+ --ax-border-brand-magenta: var(--ax-brand-magenta-600);
655
+ --ax-border-info-strong: var(--ax-info-700);
656
+ --ax-border-info-subtleA: var(--ax-info-400A);
657
+ --ax-border-info-subtle: var(--ax-info-400);
658
+ --ax-border-info: var(--ax-info-600);
659
+ --ax-border-danger-strong: var(--ax-danger-700);
660
+ --ax-border-danger-subtleA: var(--ax-danger-400A);
661
+ --ax-border-danger-subtle: var(--ax-danger-400);
662
+ --ax-border-danger: var(--ax-danger-600);
663
+ --ax-border-warning-strong: var(--ax-warning-700);
664
+ --ax-border-warning-subtleA: var(--ax-warning-400A);
665
+ --ax-border-warning-subtle: var(--ax-warning-400);
666
+ --ax-border-warning: var(--ax-warning-600);
667
+ --ax-border-success-strong: var(--ax-success-700);
668
+ --ax-border-success-subtleA: var(--ax-success-400A);
669
+ --ax-border-success-subtle: var(--ax-success-400);
670
+ --ax-border-success: var(--ax-success-600);
671
+ --ax-border-accent-strong: var(--ax-accent-700);
672
+ --ax-border-accent-subtleA: var(--ax-accent-400A);
673
+ --ax-border-accent-subtle: var(--ax-accent-400);
674
+ --ax-border-accent: var(--ax-accent-600);
675
+ --ax-border-neutral-strong: var(--ax-neutral-700);
676
+ --ax-border-neutral-subtleA: var(--ax-neutral-400A);
677
+ --ax-border-neutral-subtle: var(--ax-neutral-400);
678
+ --ax-border-neutral: var(--ax-neutral-600);
679
+ --ax-text-logo: var(--ax-neutral-1000);
680
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
681
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
682
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
683
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
684
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
685
+ --ax-text-warning-contrast: var(--ax-neutral-000);
686
+ --ax-text-success-contrast: var(--ax-neutral-000);
687
+ --ax-text-info-contrast: var(--ax-neutral-000);
688
+ --ax-text-danger-contrast: var(--ax-neutral-000);
689
+ --ax-text-accent-contrast: var(--ax-neutral-000);
690
+ --ax-text-neutral-contrast: var(--ax-neutral-000);
691
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
692
+ --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
693
+ --ax-text-meta-lime: var(--ax-meta-lime-1000);
694
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
695
+ --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
696
+ --ax-text-meta-purple: var(--ax-meta-purple-1000);
697
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
698
+ --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
699
+ --ax-text-brand-blue: var(--ax-brand-blue-1000);
700
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
701
+ --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
702
+ --ax-text-brand-beige: var(--ax-brand-beige-1000);
703
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
704
+ --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
705
+ --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
706
+ --ax-text-info-icon: var(--ax-info-600);
707
+ --ax-text-info-subtle: var(--ax-info-800);
708
+ --ax-text-info: var(--ax-info-1000);
709
+ --ax-text-danger-icon: var(--ax-danger-600);
710
+ --ax-text-danger-subtle: var(--ax-danger-800);
711
+ --ax-text-danger: var(--ax-danger-1000);
712
+ --ax-text-warning-icon: var(--ax-warning-600);
713
+ --ax-text-warning-subtle: var(--ax-warning-800);
714
+ --ax-text-warning: var(--ax-warning-1000);
715
+ --ax-text-success-icon: var(--ax-success-600);
716
+ --ax-text-success-subtle: var(--ax-success-800);
717
+ --ax-text-success: var(--ax-success-1000);
718
+ --ax-text-accent-icon: var(--ax-accent-600);
719
+ --ax-text-accent-subtle: var(--ax-accent-800);
720
+ --ax-text-accent: var(--ax-accent-1000);
721
+ --ax-text-neutral-icon: var(--ax-neutral-600);
722
+ --ax-text-neutral-subtle: var(--ax-neutral-900);
723
+ --ax-text-neutral: var(--ax-neutral-1000);
724
+ --ax-bg-raised: var(--ax-neutral-100);
725
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
726
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
727
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
728
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
729
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
730
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
731
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
732
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
733
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
734
+ --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
735
+ --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
736
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
737
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
738
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
739
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
740
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
741
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
742
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
743
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
744
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
745
+ --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
746
+ --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
747
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
748
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
749
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
750
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
751
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
752
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
753
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
754
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
755
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
756
+ --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
757
+ --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
758
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
759
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
760
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
761
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
762
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
763
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
764
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
765
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
766
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
767
+ --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
768
+ --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
769
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
770
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
771
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
772
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
773
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
774
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
775
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
776
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
777
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
778
+ --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
779
+ --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
780
+ --ax-bg-info-strong-pressed: var(--ax-info-800);
781
+ --ax-bg-info-strong-hover: var(--ax-info-700);
782
+ --ax-bg-info-strong: var(--ax-info-600);
783
+ --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
784
+ --ax-bg-info-moderate-pressed: var(--ax-info-400);
785
+ --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
786
+ --ax-bg-info-moderate-hover: var(--ax-info-300);
787
+ --ax-bg-info-moderateA: var(--ax-info-200A);
788
+ --ax-bg-info-moderate: var(--ax-info-200);
789
+ --ax-bg-info-softA: var(--ax-info-100A);
790
+ --ax-bg-info-soft: var(--ax-info-100);
791
+ --ax-bg-danger-strong-pressed: var(--ax-danger-800);
792
+ --ax-bg-danger-strong-hover: var(--ax-danger-700);
793
+ --ax-bg-danger-strong: var(--ax-danger-600);
794
+ --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
795
+ --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
796
+ --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
797
+ --ax-bg-danger-moderate-hover: var(--ax-danger-300);
798
+ --ax-bg-danger-moderateA: var(--ax-danger-200A);
799
+ --ax-bg-danger-moderate: var(--ax-danger-200);
800
+ --ax-bg-danger-softA: var(--ax-danger-100A);
801
+ --ax-bg-danger-soft: var(--ax-danger-100);
802
+ --ax-bg-warning-strong-pressed: var(--ax-warning-800);
803
+ --ax-bg-warning-strong-hover: var(--ax-warning-700);
804
+ --ax-bg-warning-strong: var(--ax-warning-600);
805
+ --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
806
+ --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
807
+ --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
808
+ --ax-bg-warning-moderate-hover: var(--ax-warning-300);
809
+ --ax-bg-warning-moderateA: var(--ax-warning-200A);
810
+ --ax-bg-warning-moderate: var(--ax-warning-200);
811
+ --ax-bg-warning-softA: var(--ax-warning-100A);
812
+ --ax-bg-warning-soft: var(--ax-warning-100);
813
+ --ax-bg-success-strong-pressed: var(--ax-success-800);
814
+ --ax-bg-success-strong-hover: var(--ax-success-700);
815
+ --ax-bg-success-strong: var(--ax-success-600);
816
+ --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
817
+ --ax-bg-success-moderate-pressed: var(--ax-success-400);
818
+ --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
819
+ --ax-bg-success-moderate-hover: var(--ax-success-300);
820
+ --ax-bg-success-moderateA: var(--ax-success-200A);
821
+ --ax-bg-success-moderate: var(--ax-success-200);
822
+ --ax-bg-success-softA: var(--ax-success-100A);
823
+ --ax-bg-success-soft: var(--ax-success-100);
824
+ --ax-bg-accent-strong-pressed: var(--ax-accent-800);
825
+ --ax-bg-accent-strong-hover: var(--ax-accent-700);
826
+ --ax-bg-accent-strong: var(--ax-accent-600);
827
+ --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
828
+ --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
829
+ --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
830
+ --ax-bg-accent-moderate-hover: var(--ax-accent-300);
831
+ --ax-bg-accent-moderateA: var(--ax-accent-200A);
832
+ --ax-bg-accent-moderate: var(--ax-accent-200);
833
+ --ax-bg-accent-softA: var(--ax-accent-100A);
834
+ --ax-bg-accent-soft: var(--ax-accent-100);
835
+ --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
836
+ --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
837
+ --ax-bg-neutral-strong: var(--ax-neutral-700);
838
+ --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
839
+ --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
840
+ --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
841
+ --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
842
+ --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
843
+ --ax-bg-neutral-moderate: var(--ax-neutral-200);
844
+ --ax-bg-neutral-softA: var(--ax-neutral-100A);
845
+ --ax-bg-neutral-soft: var(--ax-neutral-100);
890
846
  }
891
847
 
892
848
  :root, :host {
893
- --ax-version: "7.11.0";
894
- --ax-space-0: 0rem;
895
- --ax-space-1: .0625rem;
896
- --ax-space-2: .125rem;
897
- --ax-space-4: .25rem;
898
- --ax-space-6: .375rem;
899
- --ax-space-8: .5rem;
900
- --ax-space-12: .75rem;
901
- --ax-space-16: 1rem;
902
- --ax-space-20: 1.25rem;
903
- --ax-space-24: 1.5rem;
904
- --ax-space-28: 1.75rem;
905
- --ax-space-32: 2rem;
906
- --ax-space-36: 2.25rem;
907
- --ax-space-40: 2.5rem;
908
- --ax-space-44: 2.75rem;
909
- --ax-space-48: 3rem;
910
- --ax-space-56: 3.5rem;
911
- --ax-space-64: 4rem;
912
- --ax-space-72: 4.5rem;
913
- --ax-space-80: 5rem;
914
- --ax-space-96: 6rem;
915
- --ax-space-128: 8rem;
916
- --ax-border-radius-small: 2px;
917
- --ax-border-radius-medium: 4px;
918
- --ax-border-radius-large: 8px;
919
- --ax-border-radius-xlarge: 12px;
920
- --ax-border-radius-full: 9999px;
921
- --ax-breakpoint-xs: 0;
922
- --ax-breakpoint-sm: 480px;
923
- --ax-breakpoint-sm-down: 479px;
924
- --ax-breakpoint-md: 768px;
925
- --ax-breakpoint-md-down: 767px;
926
- --ax-breakpoint-lg: 1024px;
927
- --ax-breakpoint-lg-down: 1023px;
928
- --ax-breakpoint-xl: 1280px;
929
- --ax-breakpoint-xl-down: 1279px;
930
- --ax-breakpoint-2xl: 1440px;
931
- --ax-breakpoint-2xl-down: 1439px;
932
- --ax-font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
933
- --ax-font-line-height-heading-2xlarge: 3.25rem;
934
- --ax-font-line-height-heading-xlarge: 2.5rem;
935
- --ax-font-line-height-heading-large: 2.25rem;
936
- --ax-font-line-height-heading-medium: 2rem;
937
- --ax-font-line-height-heading-small: 1.75rem;
938
- --ax-font-line-height-heading-xsmall: 1.5rem;
939
- --ax-font-line-height-xlarge: 1.75rem;
940
- --ax-font-line-height-large: 1.5rem;
941
- --ax-font-line-height-medium: 1.25rem;
942
- --ax-font-size-heading-2xlarge: 2.5rem;
943
- --ax-font-size-heading-xlarge: 2rem;
944
- --ax-font-size-heading-large: 1.75rem;
945
- --ax-font-size-heading-medium: 1.5rem;
946
- --ax-font-size-heading-small: 1.25rem;
947
- --ax-font-size-heading-xsmall: 1.125rem;
948
- --ax-font-size-xlarge: 1.25rem;
949
- --ax-font-size-large: 1.125rem;
950
- --ax-font-size-medium: 1rem;
951
- --ax-font-size-small: .875rem;
952
- --ax-font-weight-bold: 600;
849
+ --ax-version: "7.12.0";
953
850
  --ax-font-weight-regular: 400;
851
+ --ax-font-weight-bold: 600;
852
+ --ax-font-size-small: .875rem;
853
+ --ax-font-size-medium: 1rem;
854
+ --ax-font-size-large: 1.125rem;
855
+ --ax-font-size-xlarge: 1.25rem;
856
+ --ax-font-size-heading-xsmall: 1.125rem;
857
+ --ax-font-size-heading-small: 1.25rem;
858
+ --ax-font-size-heading-medium: 1.5rem;
859
+ --ax-font-size-heading-large: 1.75rem;
860
+ --ax-font-size-heading-xlarge: 2rem;
861
+ --ax-font-size-heading-2xlarge: 2.5rem;
862
+ --ax-font-line-height-medium: 1.25rem;
863
+ --ax-font-line-height-large: 1.5rem;
864
+ --ax-font-line-height-xlarge: 1.75rem;
865
+ --ax-font-line-height-heading-xsmall: 1.5rem;
866
+ --ax-font-line-height-heading-small: 1.75rem;
867
+ --ax-font-line-height-heading-medium: 2rem;
868
+ --ax-font-line-height-heading-large: 2.25rem;
869
+ --ax-font-line-height-heading-xlarge: 2.5rem;
870
+ --ax-font-line-height-heading-2xlarge: 3.25rem;
871
+ --ax-font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
872
+ --ax-breakpoint-2xl-down: 1439px;
873
+ --ax-breakpoint-2xl: 1440px;
874
+ --ax-breakpoint-xl-down: 1279px;
875
+ --ax-breakpoint-xl: 1280px;
876
+ --ax-breakpoint-lg-down: 1023px;
877
+ --ax-breakpoint-lg: 1024px;
878
+ --ax-breakpoint-md-down: 767px;
879
+ --ax-breakpoint-md: 768px;
880
+ --ax-breakpoint-sm-down: 479px;
881
+ --ax-breakpoint-sm: 480px;
882
+ --ax-breakpoint-xs: 0;
883
+ --ax-border-radius-full: 9999px;
884
+ --ax-border-radius-xlarge: 12px;
885
+ --ax-border-radius-large: 8px;
886
+ --ax-border-radius-medium: 4px;
887
+ --ax-border-radius-small: 2px;
888
+ --ax-space-128: 8rem;
889
+ --ax-space-96: 6rem;
890
+ --ax-space-80: 5rem;
891
+ --ax-space-72: 4.5rem;
892
+ --ax-space-64: 4rem;
893
+ --ax-space-56: 3.5rem;
894
+ --ax-space-48: 3rem;
895
+ --ax-space-44: 2.75rem;
896
+ --ax-space-40: 2.5rem;
897
+ --ax-space-36: 2.25rem;
898
+ --ax-space-32: 2rem;
899
+ --ax-space-28: 1.75rem;
900
+ --ax-space-24: 1.5rem;
901
+ --ax-space-20: 1.25rem;
902
+ --ax-space-16: 1rem;
903
+ --ax-space-12: .75rem;
904
+ --ax-space-8: .5rem;
905
+ --ax-space-6: .375rem;
906
+ --ax-space-4: .25rem;
907
+ --ax-space-2: .125rem;
908
+ --ax-space-1: .0625rem;
909
+ --ax-space-0: 0rem;
954
910
  }
955
911
  }
956
912
 
@@ -962,7 +918,7 @@
962
918
  }
963
919
 
964
920
  [hidden] {
965
- display: none !important;
921
+ display: none;
966
922
  }
967
923
 
968
924
  @media (prefers-reduced-motion: reduce) {
@@ -1368,7 +1324,7 @@
1368
1324
  }
1369
1325
 
1370
1326
  .navds-error-message {
1371
- color: var(--ax-text-danger);
1327
+ color: var(--ax-text-danger-subtle);
1372
1328
  }
1373
1329
 
1374
1330
  .navds-error-message.navds-error-message--show-icon {
@@ -1419,7 +1375,7 @@
1419
1375
  }
1420
1376
 
1421
1377
  .navds-typo--color-subtle {
1422
- color: var(--ax-text-subtle);
1378
+ color: var(--ax-text-neutral-subtle);
1423
1379
  }
1424
1380
 
1425
1381
  .navds-button {
@@ -1510,10 +1466,6 @@
1510
1466
  background-color: var(--ax-bg-accent-strong-pressed);
1511
1467
  }
1512
1468
 
1513
- .navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
1514
- background-color: var(--ax-bg-accent-strong);
1515
- }
1516
-
1517
1469
  .navds-button--primary:is(:disabled, .navds-button--disabled) {
1518
1470
  background-color: var(--ax-bg-accent-strong);
1519
1471
  }
@@ -1530,29 +1482,25 @@
1530
1482
  }
1531
1483
 
1532
1484
  .navds-button--primary-neutral {
1533
- background-color: var(--ax-bg-strong);
1534
- color: var(--ax-text-contrast);
1485
+ background-color: var(--ax-bg-neutral-strong);
1486
+ color: var(--ax-text-neutral-contrast);
1535
1487
  }
1536
1488
 
1537
1489
  .navds-button--primary-neutral:hover {
1538
- background-color: var(--ax-bg-strong-hover);
1490
+ background-color: var(--ax-bg-neutral-strong-hover);
1539
1491
  }
1540
1492
 
1541
1493
  .navds-button--primary-neutral:active {
1542
- background-color: var(--ax-bg-strong-pressed);
1543
- }
1544
-
1545
- .navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
1546
- background-color: var(--ax-bg-strong);
1494
+ background-color: var(--ax-bg-neutral-strong-pressed);
1547
1495
  }
1548
1496
 
1549
1497
  .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
1550
- background-color: var(--ax-bg-strong);
1498
+ background-color: var(--ax-bg-neutral-strong);
1551
1499
  }
1552
1500
 
1553
1501
  .navds-button--secondary {
1554
1502
  --__axc-button-border-color: var(--ax-border-accent);
1555
- color: var(--ax-text-accent);
1503
+ color: var(--ax-text-accent-subtle);
1556
1504
  background-color: rgba(0, 0, 0, 0);
1557
1505
  }
1558
1506
 
@@ -1562,54 +1510,38 @@
1562
1510
  }
1563
1511
 
1564
1512
  .navds-button--secondary:active {
1565
- --__axc-button-border-color: transparent;
1566
- background-color: var(--ax-bg-accent-strong-pressed);
1567
- color: var(--ax-text-accent-contrast);
1568
- }
1569
-
1570
- .navds-button--secondary:-webkit-any(:disabled, .navds-button--disabled) {
1571
- --__axc-button-border-color: var(--ax-border-accent);
1572
- color: var(--ax-text-accent);
1573
- background-color: rgba(0, 0, 0, 0);
1513
+ background-color: var(--ax-bg-accent-moderate-pressedA);
1574
1514
  }
1575
1515
 
1576
1516
  .navds-button--secondary:is(:disabled, .navds-button--disabled) {
1577
1517
  --__axc-button-border-color: var(--ax-border-accent);
1578
- color: var(--ax-text-accent);
1518
+ color: var(--ax-text-accent-subtle);
1579
1519
  background-color: rgba(0, 0, 0, 0);
1580
1520
  }
1581
1521
 
1582
1522
  .navds-button--secondary-neutral {
1583
- --__axc-button-border-color: var(--ax-border-default);
1584
- color: var(--ax-text-default);
1523
+ --__axc-button-border-color: var(--ax-border-neutral);
1524
+ color: var(--ax-text-neutral);
1585
1525
  background-color: rgba(0, 0, 0, 0);
1586
1526
  }
1587
1527
 
1588
1528
  .navds-button--secondary-neutral:hover {
1589
- --__axc-button-border-color: var(--ax-border-strong);
1590
- background-color: var(--ax-bg-moderate-hoverA);
1529
+ --__axc-button-border-color: var(--ax-border-neutral-strong);
1530
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
1591
1531
  }
1592
1532
 
1593
1533
  .navds-button--secondary-neutral:active {
1594
- --__axc-button-border-color: transparent;
1595
- color: var(--ax-text-contrast);
1596
- background-color: var(--ax-bg-strong-pressed);
1597
- }
1598
-
1599
- .navds-button--secondary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
1600
- --__axc-button-border-color: var(--ax-border-default);
1601
- color: var(--ax-text-default);
1602
- background-color: rgba(0, 0, 0, 0);
1534
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
1603
1535
  }
1604
1536
 
1605
1537
  .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
1606
- --__axc-button-border-color: var(--ax-border-default);
1607
- color: var(--ax-text-default);
1538
+ --__axc-button-border-color: var(--ax-border-neutral);
1539
+ color: var(--ax-text-neutral);
1608
1540
  background-color: rgba(0, 0, 0, 0);
1609
1541
  }
1610
1542
 
1611
1543
  .navds-button--tertiary {
1612
- color: var(--ax-text-accent);
1544
+ color: var(--ax-text-accent-subtle);
1613
1545
  background-color: rgba(0, 0, 0, 0);
1614
1546
  }
1615
1547
 
@@ -1618,41 +1550,29 @@
1618
1550
  }
1619
1551
 
1620
1552
  .navds-button--tertiary:active {
1621
- background-color: var(--ax-bg-accent-strong-pressed);
1622
- color: var(--ax-text-accent-contrast);
1623
- }
1624
-
1625
- .navds-button--tertiary:-webkit-any(:disabled, .navds-button--disabled) {
1626
- color: var(--ax-text-accent);
1627
- background-color: rgba(0, 0, 0, 0);
1553
+ background-color: var(--ax-bg-accent-moderate-pressedA);
1628
1554
  }
1629
1555
 
1630
1556
  .navds-button--tertiary:is(:disabled, .navds-button--disabled) {
1631
- color: var(--ax-text-accent);
1557
+ color: var(--ax-text-accent-subtle);
1632
1558
  background-color: rgba(0, 0, 0, 0);
1633
1559
  }
1634
1560
 
1635
1561
  .navds-button--tertiary-neutral {
1636
- color: var(--ax-text-default);
1562
+ color: var(--ax-text-neutral);
1637
1563
  background-color: rgba(0, 0, 0, 0);
1638
1564
  }
1639
1565
 
1640
1566
  .navds-button--tertiary-neutral:hover {
1641
- background-color: var(--ax-bg-moderate-hoverA);
1567
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
1642
1568
  }
1643
1569
 
1644
1570
  .navds-button--tertiary-neutral:active {
1645
- background-color: var(--ax-bg-strong-pressed);
1646
- color: var(--ax-text-contrast);
1647
- }
1648
-
1649
- .navds-button--tertiary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
1650
- color: var(--ax-text-default);
1651
- background-color: rgba(0, 0, 0, 0);
1571
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
1652
1572
  }
1653
1573
 
1654
1574
  .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
1655
- color: var(--ax-text-default);
1575
+ color: var(--ax-text-neutral);
1656
1576
  background-color: rgba(0, 0, 0, 0);
1657
1577
  }
1658
1578
 
@@ -1669,10 +1589,6 @@
1669
1589
  background-color: var(--ax-bg-danger-strong-pressed);
1670
1590
  }
1671
1591
 
1672
- .navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
1673
- background-color: var(--ax-bg-danger-strong);
1674
- }
1675
-
1676
1592
  .navds-button--danger:is(:disabled, .navds-button--disabled) {
1677
1593
  background-color: var(--ax-bg-danger-strong);
1678
1594
  }
@@ -1769,7 +1685,7 @@
1769
1685
  }
1770
1686
 
1771
1687
  .navds-chips--readonly .navds-chips__chip {
1772
- background-color: var(--ax-bg-moderateA);
1688
+ background-color: var(--ax-bg-neutral-moderateA);
1773
1689
  }
1774
1690
 
1775
1691
  .navds-chips--small .navds-chips__chip {
@@ -1802,7 +1718,7 @@
1802
1718
  .navds-chips__toggle--action {
1803
1719
  box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
1804
1720
  background-color: var(--ax-bg-accent-moderate);
1805
- color: var(--ax-text-accent-strong);
1721
+ color: var(--ax-text-accent);
1806
1722
  }
1807
1723
 
1808
1724
  .navds-chips__toggle--action:hover {
@@ -1820,23 +1736,23 @@
1820
1736
  }
1821
1737
 
1822
1738
  .navds-chips__toggle--neutral {
1823
- box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
1824
- background-color: var(--ax-bg-moderate);
1825
- color: var(--ax-text-default);
1739
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
1740
+ background-color: var(--ax-bg-neutral-moderate);
1741
+ color: var(--ax-text-neutral);
1826
1742
  }
1827
1743
 
1828
1744
  .navds-chips__toggle--neutral:hover {
1829
- background-color: var(--ax-bg-moderate-hover);
1745
+ background-color: var(--ax-bg-neutral-moderate-hover);
1830
1746
  }
1831
1747
 
1832
1748
  .navds-chips__toggle--neutral[data-pressed="true"] {
1833
1749
  box-shadow: none;
1834
- background-color: var(--ax-bg-strong-pressed);
1835
- color: var(--ax-text-contrast);
1750
+ background-color: var(--ax-bg-neutral-strong-pressed);
1751
+ color: var(--ax-text-neutral-contrast);
1836
1752
  }
1837
1753
 
1838
1754
  .navds-chips__toggle--neutral[data-pressed="true"]:hover {
1839
- background-color: var(--ax-bg-strong-hover);
1755
+ background-color: var(--ax-bg-neutral-strong-hover);
1840
1756
  }
1841
1757
 
1842
1758
  .navds-chips--medium .navds-chips__toggle--with-checkmark {
@@ -1857,12 +1773,12 @@
1857
1773
  }
1858
1774
 
1859
1775
  .navds-chips__removable--neutral {
1860
- background: var(--ax-bg-strong-pressed);
1861
- color: var(--ax-text-contrast);
1776
+ background: var(--ax-bg-neutral-strong-pressed);
1777
+ color: var(--ax-text-neutral-contrast);
1862
1778
  }
1863
1779
 
1864
1780
  .navds-chips__removable--neutral:hover {
1865
- background: var(--ax-bg-strong-hover);
1781
+ background: var(--ax-bg-neutral-strong-hover);
1866
1782
  }
1867
1783
 
1868
1784
  .navds-chips__removable-icon {
@@ -1920,7 +1836,7 @@
1920
1836
  }
1921
1837
 
1922
1838
  .navds-fieldset__description {
1923
- color: var(--ax-text-subtle);
1839
+ color: var(--ax-text-neutral-subtle);
1924
1840
  }
1925
1841
 
1926
1842
  .navds-fieldset > .navds-fieldset__description:not(:empty) {
@@ -1961,10 +1877,10 @@
1961
1877
  text-align: center;
1962
1878
  width: 100%;
1963
1879
  padding: var(--ax-space-16) var(--ax-space-20);
1964
- border: 1px dashed var(--ax-border-default);
1880
+ border: 1px dashed var(--ax-border-neutral);
1965
1881
  border-radius: var(--ax-border-radius-xlarge);
1966
1882
  background-color: var(--__axc-dropzone-background);
1967
- color: var(--ax-text-default);
1883
+ color: var(--ax-text-neutral);
1968
1884
  transition: background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
1969
1885
  cursor: pointer;
1970
1886
  flex-direction: column;
@@ -1988,8 +1904,8 @@
1988
1904
  }
1989
1905
 
1990
1906
  .navds-dropzone__area[data-disabled="true"] {
1991
- --__axc-dropzone-background: var(--ax-bg-soft);
1992
- border-color: var(--ax-border-subtleA);
1907
+ --__axc-dropzone-background: var(--ax-bg-neutral-soft);
1908
+ border-color: var(--ax-border-neutral-subtleA);
1993
1909
  cursor: default;
1994
1910
  }
1995
1911
 
@@ -1998,7 +1914,7 @@
1998
1914
  }
1999
1915
 
2000
1916
  .navds-dropzone--dragging > .navds-dropzone__area:after {
2001
- color: var(--ax-text-accent-strong);
1917
+ color: var(--ax-text-accent);
2002
1918
  background-color: var(--ax-bg-accent-moderateA);
2003
1919
  content: "";
2004
1920
  border: 1px dashed var(--ax-border-accent-strong);
@@ -2008,10 +1924,7 @@
2008
1924
  animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
2009
1925
  margin: -1px;
2010
1926
  position: absolute;
2011
- top: 0;
2012
- bottom: 0;
2013
- left: 0;
2014
- right: 0;
1927
+ inset: 0;
2015
1928
  }
2016
1929
 
2017
1930
  @keyframes akselDropzoneDragoverAnimation {
@@ -2055,7 +1968,7 @@
2055
1968
  .navds-dropzone__area-release__icon {
2056
1969
  padding: var(--__axc-dropzone-icon-padding);
2057
1970
  border-radius: var(--ax-border-radius-full);
2058
- background-color: var(--ax-bg-moderateA);
1971
+ background-color: var(--ax-bg-neutral-moderateA);
2059
1972
  transition: background-color .3s var(--__axc-dropzone-animation-ease-out), font-size .3s var(--__axc-dropzone-animation-ease-out);
2060
1973
  font-size: 1.5rem;
2061
1974
  display: grid;
@@ -2076,38 +1989,20 @@
2076
1989
  }
2077
1990
 
2078
1991
  .navds-dropzone--dragging .navds-dropzone__area-release {
2079
- color: var(--ax-text-accent);
1992
+ color: var(--ax-text-accent-subtle);
2080
1993
  top: 50%;
2081
1994
  transform: translateY(-50%);
2082
1995
  }
2083
1996
 
2084
- .navds-dropzone__area-disabled {
2085
- color: var(--ax-text-subtle);
2086
- align-items: center;
2087
- gap: var(--ax-space-8);
2088
- flex-direction: column;
2089
- display: flex;
2090
- }
2091
-
2092
- li.navds-file-item {
2093
- margin: 0;
2094
- padding: 0;
2095
- list-style: none;
2096
- }
2097
-
2098
- .navds-file-upload :-webkit-any(ul, li) {
2099
- margin: 0;
2100
- padding: 0;
2101
- list-style: none;
2102
- }
2103
-
2104
- .navds-file-upload :is(ul, li) {
2105
- margin: 0;
2106
- padding: 0;
2107
- list-style: none;
1997
+ .navds-dropzone__area-disabled {
1998
+ color: var(--ax-text-neutral-subtle);
1999
+ align-items: center;
2000
+ gap: var(--ax-space-8);
2001
+ flex-direction: column;
2002
+ display: flex;
2108
2003
  }
2109
2004
 
2110
- ul:has( > li.navds-file-item) {
2005
+ .navds-file-upload :is(ul, li), ul:has( > li.navds-file-item), li.navds-file-item {
2111
2006
  margin: 0;
2112
2007
  padding: 0;
2113
2008
  list-style: none;
@@ -2115,7 +2010,7 @@
2115
2010
 
2116
2011
  .navds-file-item__inner {
2117
2012
  background-color: var(--ax-bg-raised);
2118
- border: 1px solid var(--ax-border-subtleA);
2013
+ border: 1px solid var(--ax-border-neutral-subtleA);
2119
2014
  outline-offset: -1px;
2120
2015
  border-radius: var(--ax-border-radius-xlarge);
2121
2016
  padding: var(--ax-space-12) var(--ax-space-16);
@@ -2130,8 +2025,8 @@
2130
2025
  }
2131
2026
 
2132
2027
  .navds-file-item__icon {
2133
- background-color: var(--ax-bg-moderateA);
2134
- color: var(--ax-text-default);
2028
+ background-color: var(--ax-bg-neutral-moderateA);
2029
+ color: var(--ax-text-neutral);
2135
2030
  border-radius: var(--ax-border-radius-full);
2136
2031
  min-width: 2.5rem;
2137
2032
  min-height: 2.5rem;
@@ -2179,7 +2074,7 @@
2179
2074
  }
2180
2075
 
2181
2076
  .navds-form-field__description {
2182
- color: var(--ax-text-subtle);
2077
+ color: var(--ax-text-neutral-subtle);
2183
2078
  margin-top: -.375rem;
2184
2079
  }
2185
2080
 
@@ -2193,7 +2088,7 @@
2193
2088
  }
2194
2089
 
2195
2090
  .navds-form-field__subdescription {
2196
- color: var(--ax-text-subtle);
2091
+ color: var(--ax-text-neutral-subtle);
2197
2092
  }
2198
2093
 
2199
2094
  .navds-form-field--readonly > :where(.navds-form-field__label) {
@@ -2221,11 +2116,7 @@
2221
2116
  outline-offset: 3px;
2222
2117
  }
2223
2118
 
2224
- .navds-error-summary:focus-visible {
2225
- outline: 3px solid var(--ax-border-focus);
2226
- }
2227
-
2228
- .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
2119
+ .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
2229
2120
  outline: 3px solid var(--ax-border-focus);
2230
2121
  }
2231
2122
 
@@ -2304,27 +2195,14 @@
2304
2195
  border-color: orange;
2305
2196
  border-left-style: solid;
2306
2197
  border-left-width: 8px;
2198
+ border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
2199
+ border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
2307
2200
  height: 100%;
2308
2201
  position: absolute;
2309
2202
  top: 0;
2310
2203
  left: 0;
2311
2204
  }
2312
2205
 
2313
- .navds-confirmation-panel__inner:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
2314
- border-top-left-radius: calc(var(--a-border-radius-medium) - 1px);
2315
- border-bottom-left-radius: calc(var(--a-border-radius-medium) - 1px);
2316
- }
2317
-
2318
- .navds-confirmation-panel__inner:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
2319
- border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
2320
- border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
2321
- }
2322
-
2323
- .navds-confirmation-panel__inner:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
2324
- border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
2325
- border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
2326
- }
2327
-
2328
2206
  .navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
2329
2207
  border-color: green;
2330
2208
  }
@@ -2335,7 +2213,6 @@
2335
2213
  }
2336
2214
 
2337
2215
  .navds-checkbox, .navds-radio {
2338
- width: -webkit-fit-content;
2339
2216
  width: fit-content;
2340
2217
  position: relative;
2341
2218
  }
@@ -2355,8 +2232,8 @@
2355
2232
  padding: var(--ax-space-12) 0;
2356
2233
  cursor: pointer;
2357
2234
  gap: var(--ax-space-8);
2358
- --__axc-radio-checkbox-readonly-bg: var(--ax-bg-moderate);
2359
- --__axc-radio-checkbox-readonly-border: var(--ax-border-subtle);
2235
+ --__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);
2236
+ --__axc-radio-checkbox-readonly-border: var(--ax-border-neutral-subtle);
2360
2237
  display: flex;
2361
2238
  }
2362
2239
 
@@ -2364,7 +2241,7 @@
2364
2241
  content: "";
2365
2242
  border-radius: var(--ax-border-radius-medium);
2366
2243
  background-color: var(--ax-bg-input);
2367
- border: 2px solid var(--ax-border-default);
2244
+ border: 2px solid var(--ax-border-neutral);
2368
2245
  flex-shrink: 0;
2369
2246
  width: 1.5rem;
2370
2247
  height: 1.5rem;
@@ -2478,8 +2355,8 @@
2478
2355
  border-width: 6px;
2479
2356
  }
2480
2357
 
2481
- .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
2482
- color: var(--ax-text-accent);
2358
+ .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label {
2359
+ color: var(--ax-text-accent-subtle);
2483
2360
  }
2484
2361
 
2485
2362
  .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
@@ -2495,11 +2372,6 @@
2495
2372
  background-color: var(--ax-bg-danger-moderate-hoverA);
2496
2373
  }
2497
2374
 
2498
- .navds-checkbox--error > .navds-checkbox__input:-webkit-any(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
2499
- background-color: var(--ax-bg-danger-strong-pressed);
2500
- border-color: var(--ax-bg-danger-strong-pressed);
2501
- }
2502
-
2503
2375
  .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
2504
2376
  background-color: var(--ax-bg-danger-strong-pressed);
2505
2377
  border-color: var(--ax-bg-danger-strong-pressed);
@@ -2517,11 +2389,7 @@
2517
2389
  cursor: not-allowed;
2518
2390
  }
2519
2391
 
2520
- .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label) {
2521
- cursor: default;
2522
- }
2523
-
2524
- .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
2392
+ .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label), .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
2525
2393
  cursor: default;
2526
2394
  }
2527
2395
 
@@ -2530,7 +2398,7 @@
2530
2398
  }
2531
2399
 
2532
2400
  .navds-checkbox--readonly > .navds-checkbox__input:hover + .navds-checkbox__label, .navds-radio--readonly > .navds-radio__input:hover + .navds-radio__label {
2533
- color: var(--ax-text-default);
2401
+ color: var(--ax-text-neutral);
2534
2402
  }
2535
2403
 
2536
2404
  .navds-checkbox--readonly > .navds-checkbox__input:not(:disabled) + .navds-checkbox__label:before, .navds-checkbox--readonly > .navds-checkbox__input:hover .navds-checkbox__label:before, .navds-radio--readonly > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before, .navds-radio--readonly > .navds-radio__input:hover:not(:checked, :focus) + .navds-radio__label:before {
@@ -2544,17 +2412,17 @@
2544
2412
  }
2545
2413
 
2546
2414
  .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
2547
- color: var(--ax-text-subtle);
2415
+ color: var(--ax-text-neutral-subtle);
2548
2416
  }
2549
2417
 
2550
2418
  .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
2551
- background-color: var(--ax-bg-strong);
2552
- box-shadow: inset 0 0 0 2px var(--ax-border-subtle), inset 0 0 0 8px var(--ax-bg-moderate);
2419
+ background-color: var(--ax-bg-neutral-strong);
2420
+ box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 8px var(--ax-bg-neutral-moderate);
2553
2421
  border-width: 0;
2554
2422
  }
2555
2423
 
2556
2424
  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2557
- background-color: var(--ax-text-subtle);
2425
+ background-color: var(--ax-text-neutral-subtle);
2558
2426
  }
2559
2427
 
2560
2428
  @media (forced-colors: active) {
@@ -2605,22 +2473,17 @@
2605
2473
  --__axc-radio-checkbox-high-contrast-text: graytext;
2606
2474
  }
2607
2475
 
2608
- :-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
2609
- color: graytext;
2610
- }
2611
-
2612
2476
  :is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
2613
2477
  color: graytext;
2614
2478
  }
2615
2479
  }
2616
2480
 
2617
2481
  .navds-select__input {
2618
- -webkit-appearance: none;
2619
2482
  appearance: none;
2620
2483
  background-color: var(--ax-bg-input);
2621
2484
  border-radius: var(--ax-border-radius-large);
2622
- border: 1px solid var(--ax-border-default);
2623
- color: var(--ax-text-default);
2485
+ border: 1px solid var(--ax-border-neutral);
2486
+ color: var(--ax-text-neutral);
2624
2487
  box-sizing: border-box;
2625
2488
  width: 100%;
2626
2489
  min-height: 3rem;
@@ -2651,7 +2514,7 @@
2651
2514
 
2652
2515
  .navds-select__container {
2653
2516
  width: 100%;
2654
- color: var(--ax-text-default);
2517
+ color: var(--ax-text-neutral);
2655
2518
  display: flex;
2656
2519
  position: relative;
2657
2520
  }
@@ -2659,7 +2522,7 @@
2659
2522
  .navds-select__chevron {
2660
2523
  right: var(--ax-space-8);
2661
2524
  pointer-events: none;
2662
- color: var(--ax-text-default);
2525
+ color: var(--ax-text-neutral);
2663
2526
  align-self: center;
2664
2527
  font-size: 1.5rem;
2665
2528
  position: absolute;
@@ -2673,36 +2536,25 @@
2673
2536
 
2674
2537
  .navds-form-field--small .navds-select__input {
2675
2538
  min-height: 2rem;
2676
- padding-top: 0;
2677
- padding-bottom: 0;
2678
- }
2679
-
2680
- .navds-select--error > * select {
2681
- box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2682
- border-color: var(--ax-border-danger-strong);
2683
- }
2684
-
2685
- .navds-select--error > * select:hover {
2686
- box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2687
- border-color: var(--ax-border-danger-strong);
2539
+ padding-block: 0;
2688
2540
  }
2689
2541
 
2690
- .navds-select--error > * select:focus {
2542
+ .navds-select--error > * select, .navds-select--error > * select:hover, .navds-select--error > * select:focus {
2691
2543
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2692
2544
  border-color: var(--ax-border-danger-strong);
2693
2545
  }
2694
2546
 
2695
2547
  .navds-select__input:disabled {
2696
2548
  background-color: var(--ax-bg-input);
2697
- border: 1px solid var(--ax-border-default);
2549
+ border: 1px solid var(--ax-border-neutral);
2698
2550
  box-shadow: none;
2699
2551
  cursor: not-allowed;
2700
2552
  opacity: 1;
2701
- color: var(--ax-text-default);
2553
+ color: var(--ax-text-neutral);
2702
2554
  }
2703
2555
 
2704
2556
  .navds-select__input:disabled > option {
2705
- color: var(--ax-text-default);
2557
+ color: var(--ax-text-neutral);
2706
2558
  }
2707
2559
 
2708
2560
  @media (forced-colors: active) {
@@ -2712,18 +2564,12 @@
2712
2564
  }
2713
2565
 
2714
2566
  .navds-select--readonly .navds-select__input {
2715
- background-color: var(--ax-bg-moderate);
2716
- border-color: var(--ax-border-subtleA);
2567
+ background-color: var(--ax-bg-neutral-moderate);
2568
+ border-color: var(--ax-border-neutral-subtleA);
2717
2569
  cursor: default;
2718
2570
  }
2719
2571
 
2720
2572
  @media (forced-colors: active) {
2721
- .navds-select--readonly .navds-select__input:-webkit-any(:hover, :focus) {
2722
- color: buttontext;
2723
- background-color: buttonface;
2724
- border-color: buttontext;
2725
- }
2726
-
2727
2573
  .navds-select--readonly .navds-select__input:is(:hover, :focus) {
2728
2574
  color: buttontext;
2729
2575
  background-color: buttonface;
@@ -2732,11 +2578,10 @@
2732
2578
  }
2733
2579
 
2734
2580
  .navds-select--readonly .navds-select__chevron {
2735
- color: var(--ax-text-subtle);
2581
+ color: var(--ax-text-neutral-subtle);
2736
2582
  }
2737
2583
 
2738
2584
  .navds-switch {
2739
- width: -webkit-fit-content;
2740
2585
  width: fit-content;
2741
2586
  min-height: 3rem;
2742
2587
  position: relative;
@@ -2763,7 +2608,7 @@
2763
2608
 
2764
2609
  .navds-switch__label-wrapper {
2765
2610
  cursor: pointer;
2766
- color: var(--ax-text-default);
2611
+ color: var(--ax-text-neutral);
2767
2612
  }
2768
2613
 
2769
2614
  .navds-switch__content {
@@ -2804,7 +2649,7 @@
2804
2649
  }
2805
2650
 
2806
2651
  .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
2807
- color: var(--ax-text-accent);
2652
+ color: var(--ax-text-accent-subtle);
2808
2653
  }
2809
2654
 
2810
2655
  .navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
@@ -2817,7 +2662,7 @@
2817
2662
  height: 1.5rem;
2818
2663
  top: var(--ax-space-12);
2819
2664
  border-radius: var(--ax-border-radius-full);
2820
- border: 2px solid var(--ax-border-default);
2665
+ border: 2px solid var(--ax-border-neutral);
2821
2666
  transition-property: background-color, border-color;
2822
2667
  transition-duration: .1s;
2823
2668
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -2841,7 +2686,7 @@
2841
2686
 
2842
2687
  .navds-switch__input:disabled ~ .navds-switch__track {
2843
2688
  background-color: var(--ax-bg-input);
2844
- border-color: var(--ax-border-default);
2689
+ border-color: var(--ax-border-neutral);
2845
2690
  }
2846
2691
 
2847
2692
  .navds-switch__input:checked:disabled ~ .navds-switch__track {
@@ -2855,7 +2700,7 @@
2855
2700
  }
2856
2701
 
2857
2702
  .navds-switch__thumb {
2858
- background-color: var(--ax-bg-strong);
2703
+ background-color: var(--ax-bg-neutral-strong);
2859
2704
  border-radius: var(--ax-border-radius-full);
2860
2705
  justify-content: center;
2861
2706
  align-items: center;
@@ -2871,7 +2716,7 @@
2871
2716
 
2872
2717
  .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
2873
2718
  background-color: var(--ax-bg-raised);
2874
- color: var(--ax-text-accent);
2719
+ color: var(--ax-text-accent-subtle);
2875
2720
  width: 1.25rem;
2876
2721
  height: 1.25rem;
2877
2722
  top: 0;
@@ -2904,18 +2749,12 @@
2904
2749
  width: auto;
2905
2750
  }
2906
2751
 
2907
- .navds-switch--right .navds-switch__input {
2908
- left: auto;
2909
- right: 0;
2910
- }
2911
-
2912
- .navds-switch--right .navds-switch__track {
2752
+ .navds-switch--right .navds-switch__input, .navds-switch--right .navds-switch__track {
2913
2753
  left: auto;
2914
2754
  right: 0;
2915
2755
  }
2916
2756
 
2917
2757
  .navds-switch__input:disabled {
2918
- -webkit-appearance: none;
2919
2758
  appearance: none;
2920
2759
  }
2921
2760
 
@@ -2927,40 +2766,17 @@
2927
2766
  cursor: not-allowed;
2928
2767
  }
2929
2768
 
2930
- .navds-switch--readonly > .navds-switch__track {
2931
- background-color: var(--ax-bg-moderate);
2932
- border-color: var(--ax-border-subtleA);
2933
- }
2934
-
2935
- .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track {
2936
- background-color: var(--ax-bg-moderate);
2937
- border-color: var(--ax-border-subtleA);
2938
- }
2939
-
2940
- .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track {
2941
- background-color: var(--ax-bg-moderate);
2942
- border-color: var(--ax-border-subtleA);
2943
- }
2944
-
2945
- .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
2946
- background-color: var(--ax-bg-moderate);
2947
- border-color: var(--ax-border-subtleA);
2769
+ .navds-switch--readonly > .navds-switch__track, .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
2770
+ background-color: var(--ax-bg-neutral-moderate);
2771
+ border-color: var(--ax-border-neutral-subtleA);
2948
2772
  }
2949
2773
 
2950
- .navds-switch--readonly > .navds-switch__label-wrapper {
2774
+ .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
2951
2775
  cursor: default;
2952
2776
  }
2953
2777
 
2954
- .navds-switch--readonly > .navds-switch__input {
2955
- cursor: default;
2956
- }
2957
-
2958
- .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
2959
- color: var(--ax-text-default);
2960
- }
2961
-
2962
- .navds-switch--readonly .navds-switch__label-wrapper:hover {
2963
- color: var(--ax-text-default);
2778
+ .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
2779
+ color: var(--ax-text-neutral);
2964
2780
  }
2965
2781
 
2966
2782
  .navds-switch--readonly .navds-switch__label {
@@ -2968,12 +2784,12 @@
2968
2784
  }
2969
2785
 
2970
2786
  .navds-switch--readonly .navds-switch__thumb {
2971
- background-color: var(--ax-bg-strong);
2787
+ background-color: var(--ax-bg-neutral-strong);
2972
2788
  }
2973
2789
 
2974
2790
  .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
2975
- background-color: var(--ax-bg-strong);
2976
- color: var(--ax-text-contrast);
2791
+ background-color: var(--ax-bg-neutral-strong);
2792
+ color: var(--ax-text-neutral-contrast);
2977
2793
  }
2978
2794
 
2979
2795
  @media (hover: hover) and (pointer: fine) {
@@ -3021,15 +2837,14 @@
3021
2837
  }
3022
2838
 
3023
2839
  .navds-text-field__input {
3024
- -webkit-appearance: none;
3025
2840
  appearance: none;
3026
2841
  padding: var(--ax-space-8);
3027
2842
  background: var(--ax-bg-input);
3028
2843
  border-radius: var(--ax-border-radius-large);
3029
- border: 1px solid var(--ax-border-default);
2844
+ border: 1px solid var(--ax-border-neutral);
3030
2845
  width: 100%;
3031
2846
  min-height: 3rem;
3032
- color: var(--ax-text-default);
2847
+ color: var(--ax-text-neutral);
3033
2848
  }
3034
2849
 
3035
2850
  .navds-text-field__input:hover {
@@ -3044,12 +2859,12 @@
3044
2859
 
3045
2860
  .navds-text-field__input:disabled {
3046
2861
  background-color: var(--ax-bg-input);
3047
- border-color: var(--ax-border-default);
2862
+ border-color: var(--ax-border-neutral);
3048
2863
  cursor: not-allowed;
3049
2864
  }
3050
2865
 
3051
2866
  .navds-text-field__input::placeholder {
3052
- color: var(--ax-text-subtle);
2867
+ color: var(--ax-text-neutral-subtle);
3053
2868
  }
3054
2869
 
3055
2870
  .navds-text-field__input[size] {
@@ -3067,8 +2882,8 @@
3067
2882
  }
3068
2883
 
3069
2884
  .navds-text-field--readonly .navds-text-field__input {
3070
- background-color: var(--ax-bg-moderate);
3071
- border-color: var(--ax-border-subtleA);
2885
+ background-color: var(--ax-bg-neutral-moderate);
2886
+ border-color: var(--ax-border-neutral-subtleA);
3072
2887
  cursor: default;
3073
2888
  }
3074
2889
 
@@ -3097,20 +2912,19 @@
3097
2912
 
3098
2913
  .navds-textarea__input {
3099
2914
  height: var(--__axc-textarea-height);
3100
- -webkit-appearance: none;
3101
2915
  appearance: none;
3102
2916
  padding: var(--ax-space-8);
3103
2917
  background-color: var(--ax-bg-input);
3104
2918
  border-radius: var(--ax-border-radius-large);
3105
- border: 1px solid var(--ax-border-default);
2919
+ border: 1px solid var(--ax-border-neutral);
3106
2920
  resize: none;
3107
2921
  width: 100%;
3108
- color: var(--ax-text-default);
2922
+ color: var(--ax-text-neutral);
3109
2923
  display: block;
3110
2924
  }
3111
2925
 
3112
2926
  .navds-textarea__input::placeholder {
3113
- color: var(--ax-text-subtle);
2927
+ color: var(--ax-text-neutral-subtle);
3114
2928
  }
3115
2929
 
3116
2930
  .navds-textarea__input:hover {
@@ -3125,7 +2939,7 @@
3125
2939
 
3126
2940
  .navds-textarea__input:disabled {
3127
2941
  background-color: var(--ax-bg-input);
3128
- border-color: var(--ax-border-default);
2942
+ border-color: var(--ax-border-neutral);
3129
2943
  cursor: not-allowed;
3130
2944
  }
3131
2945
 
@@ -3134,18 +2948,18 @@
3134
2948
  }
3135
2949
 
3136
2950
  .navds-textarea--readonly .navds-textarea__input {
3137
- background-color: var(--ax-bg-moderate);
3138
- border-color: var(--ax-border-subtleA);
2951
+ background-color: var(--ax-bg-neutral-moderate);
2952
+ border-color: var(--ax-border-neutral-subtleA);
3139
2953
  cursor: default;
3140
2954
  }
3141
2955
 
3142
2956
  .navds-textarea__counter {
3143
- color: var(--ax-text-subtle);
2957
+ color: var(--ax-text-neutral-subtle);
3144
2958
  margin-top: -.25rem;
3145
2959
  }
3146
2960
 
3147
2961
  .navds-textarea__counter--error {
3148
- color: var(--ax-text-danger);
2962
+ color: var(--ax-text-danger-subtle);
3149
2963
  }
3150
2964
 
3151
2965
  .navds-textarea__sr-counter {
@@ -3158,50 +2972,17 @@
3158
2972
 
3159
2973
  .navds-textarea--resize-both .navds-textarea__input {
3160
2974
  resize: both;
3161
- }
3162
-
3163
- .navds-textarea--resize-both .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3164
- border-bottom-right-radius: 0;
3165
- }
3166
-
3167
- .navds-textarea--resize-both .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3168
- border-bottom-left-radius: 0;
3169
- }
3170
-
3171
- .navds-textarea--resize-both .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3172
- border-bottom-left-radius: 0;
2975
+ border-end-end-radius: 0;
3173
2976
  }
3174
2977
 
3175
2978
  .navds-textarea--resize-horizontal .navds-textarea__input {
3176
2979
  resize: horizontal;
3177
- }
3178
-
3179
- .navds-textarea--resize-horizontal .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3180
- border-bottom-right-radius: 0;
3181
- }
3182
-
3183
- .navds-textarea--resize-horizontal .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3184
- border-bottom-left-radius: 0;
3185
- }
3186
-
3187
- .navds-textarea--resize-horizontal .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3188
- border-bottom-left-radius: 0;
2980
+ border-end-end-radius: 0;
3189
2981
  }
3190
2982
 
3191
2983
  .navds-textarea--resize-vertical .navds-textarea__input {
3192
2984
  resize: vertical;
3193
- }
3194
-
3195
- .navds-textarea--resize-vertical .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3196
- border-bottom-right-radius: 0;
3197
- }
3198
-
3199
- .navds-textarea--resize-vertical .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3200
- border-bottom-left-radius: 0;
3201
- }
3202
-
3203
- .navds-textarea--resize-vertical .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3204
- border-bottom-left-radius: 0;
2985
+ border-end-end-radius: 0;
3205
2986
  }
3206
2987
 
3207
2988
  .navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
@@ -3244,7 +3025,6 @@
3244
3025
  }
3245
3026
 
3246
3027
  .navds-search--with-size .navds-search__wrapper {
3247
- width: -webkit-fit-content;
3248
3028
  width: fit-content;
3249
3029
  }
3250
3030
 
@@ -3267,13 +3047,7 @@
3267
3047
  outline: none;
3268
3048
  }
3269
3049
 
3270
- .navds-search__input.navds-search__input--primary {
3271
- border-right: none;
3272
- border-top-right-radius: 0;
3273
- border-bottom-right-radius: 0;
3274
- }
3275
-
3276
- .navds-search__input.navds-search__input--secondary {
3050
+ .navds-search__input.navds-search__input--primary, .navds-search__input.navds-search__input--secondary {
3277
3051
  border-right: none;
3278
3052
  border-top-right-radius: 0;
3279
3053
  border-bottom-right-radius: 0;
@@ -3329,7 +3103,7 @@
3329
3103
 
3330
3104
  .navds-search__button-search.navds-button--secondary {
3331
3105
  --__axc-button-border-width: 1px;
3332
- --__axc-button-border-color: var(--ax-border-default);
3106
+ --__axc-button-border-color: var(--ax-border-neutral);
3333
3107
  }
3334
3108
 
3335
3109
  .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
@@ -3340,14 +3114,6 @@
3340
3114
  --__axc-button-border-color: var(--ax-border-accent-strong);
3341
3115
  }
3342
3116
 
3343
- .navds-search__button-search.navds-button--secondary:active:not(:disabled) {
3344
- --__axc-button-border-color: transparent;
3345
- }
3346
-
3347
- .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:-webkit-any(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
3348
- --__axc-button-border-color: var(--ax-border-accent-strong);
3349
- }
3350
-
3351
3117
  .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
3352
3118
  --__axc-button-border-color: var(--ax-border-accent-strong);
3353
3119
  }
@@ -3361,11 +3127,7 @@
3361
3127
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
3362
3128
  }
3363
3129
 
3364
- .navds-search__input:focus-visible {
3365
- z-index: 1;
3366
- }
3367
-
3368
- .navds-search__button-search:focus-visible {
3130
+ .navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
3369
3131
  z-index: 1;
3370
3132
  }
3371
3133
 
@@ -3388,10 +3150,6 @@
3388
3150
  position: relative;
3389
3151
  }
3390
3152
 
3391
- .navds-form-field:not(:-webkit-any(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
3392
- border-color: var(--ax-border-accent-strong);
3393
- }
3394
-
3395
3153
  .navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
3396
3154
  border-color: var(--ax-border-accent-strong);
3397
3155
  }
@@ -3409,18 +3167,14 @@
3409
3167
  }
3410
3168
 
3411
3169
  .navds-combobox--disabled .navds-combobox__wrapper:hover {
3412
- border-color: var(--ax-border-default);
3170
+ border-color: var(--ax-border-neutral);
3413
3171
  }
3414
3172
 
3415
3173
  .navds-combobox--disabled .navds-combobox__wrapper :hover {
3416
3174
  cursor: not-allowed;
3417
3175
  }
3418
3176
 
3419
- .navds-combobox--disabled .navds-combobox__selected-options {
3420
- pointer-events: none;
3421
- }
3422
-
3423
- .navds-combobox--disabled .navds-combobox--readonly {
3177
+ .navds-combobox--disabled .navds-combobox__selected-options, .navds-combobox--disabled .navds-combobox--readonly {
3424
3178
  pointer-events: none;
3425
3179
  }
3426
3180
 
@@ -3429,24 +3183,20 @@
3429
3183
  }
3430
3184
 
3431
3185
  .navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip {
3432
- background-color: var(--ax-bg-moderateA);
3186
+ background-color: var(--ax-bg-neutral-moderateA);
3433
3187
  }
3434
3188
 
3435
3189
  .navds-combobox--readonly .navds-combobox__button-toggle-list {
3436
- color: var(--ax-bg-moderate);
3190
+ color: var(--ax-bg-neutral-moderate);
3437
3191
  }
3438
3192
 
3439
3193
  .navds-combobox--readonly .navds-combobox__wrapper {
3440
- border-color: var(--ax-border-subtle);
3194
+ border-color: var(--ax-border-neutral-subtle);
3441
3195
  overflow: clip;
3442
3196
  }
3443
3197
 
3444
- .navds-combobox--readonly .navds-text-field__input {
3445
- background-color: var(--ax-bg-moderate);
3446
- }
3447
-
3448
- .navds-combobox--readonly .navds-combobox__input {
3449
- background-color: var(--ax-bg-moderate);
3198
+ .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
3199
+ background-color: var(--ax-bg-neutral-moderate);
3450
3200
  }
3451
3201
 
3452
3202
  .navds-combobox__button-toggle-list svg, .navds-combobox__list svg {
@@ -3455,7 +3205,7 @@
3455
3205
  }
3456
3206
 
3457
3207
  .navds-combobox__wrapper-inner {
3458
- border: 1px solid var(--ax-border-default);
3208
+ border: 1px solid var(--ax-border-neutral);
3459
3209
  border-radius: var(--ax-border-radius-large);
3460
3210
  }
3461
3211
 
@@ -3466,7 +3216,7 @@
3466
3216
  }
3467
3217
 
3468
3218
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
3469
- border-color: var(--ax-border-default);
3219
+ border-color: var(--ax-border-neutral);
3470
3220
  outline: none;
3471
3221
  }
3472
3222
 
@@ -3495,7 +3245,7 @@
3495
3245
  }
3496
3246
 
3497
3247
  .navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
3498
- border-color: var(--ax-border-default);
3248
+ border-color: var(--ax-border-neutral);
3499
3249
  }
3500
3250
 
3501
3251
  .navds-combobox--error .navds-combobox__wrapper-inner {
@@ -3570,11 +3320,7 @@
3570
3320
  outline: none;
3571
3321
  }
3572
3322
 
3573
- .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus) {
3574
- outline: none;
3575
- }
3576
-
3577
- .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
3323
+ .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus), .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
3578
3324
  outline: none;
3579
3325
  }
3580
3326
  }
@@ -3584,7 +3330,7 @@
3584
3330
  }
3585
3331
 
3586
3332
  .navds-combobox__button-toggle-list {
3587
- color: var(--ax-text-default);
3333
+ color: var(--ax-text-neutral);
3588
3334
  cursor: pointer;
3589
3335
  background: none;
3590
3336
  border: none;
@@ -3596,11 +3342,11 @@
3596
3342
  }
3597
3343
 
3598
3344
  .navds-combobox__button-toggle-list:hover {
3599
- color: var(--ax-text-accent);
3345
+ color: var(--ax-text-accent-subtle);
3600
3346
  }
3601
3347
 
3602
3348
  .navds-combobox__button-toggle-list:hover:active {
3603
- color: var(--ax-text-accent-strong);
3349
+ color: var(--ax-text-accent);
3604
3350
  }
3605
3351
 
3606
3352
  .navds-combobox__list {
@@ -3609,10 +3355,10 @@
3609
3355
  left: 0;
3610
3356
  right: 0;
3611
3357
  top: calc(100% + var(--ax-space-8));
3612
- border: 1px solid var(--ax-border-subtleA);
3358
+ border: 1px solid var(--ax-border-neutral-subtleA);
3613
3359
  border-radius: var(--ax-border-radius-large);
3614
3360
  background-color: var(--ax-bg-raised);
3615
- color: var(--ax-text-default);
3361
+ color: var(--ax-text-neutral);
3616
3362
  overscroll-behavior: contain;
3617
3363
  box-shadow: var(--ax-shadow-dialog);
3618
3364
  flex-direction: column;
@@ -3652,8 +3398,8 @@
3652
3398
  }
3653
3399
 
3654
3400
  .navds-combobox__list-item--max-selected {
3655
- background-color: var(--ax-bg-moderateA);
3656
- border-bottom: 1px solid var(--ax-border-subtle);
3401
+ background-color: var(--ax-bg-neutral-moderateA);
3402
+ border-bottom: 1px solid var(--ax-border-neutral-subtle);
3657
3403
  padding-block: var(--ax-space-8);
3658
3404
  line-height: var(--ax-font-line-height-large);
3659
3405
  border-radius: 0;
@@ -3689,12 +3435,12 @@
3689
3435
 
3690
3436
  .navds-combobox__list-item mark {
3691
3437
  font-weight: var(--ax-font-weight-bold);
3692
- color: var(--ax-text-default);
3438
+ color: var(--ax-text-neutral);
3693
3439
  background-color: rgba(0, 0, 0, 0);
3694
3440
  }
3695
3441
 
3696
3442
  .navds-combobox__list-item svg {
3697
- color: var(--ax-text-default);
3443
+ color: var(--ax-text-neutral);
3698
3444
  }
3699
3445
 
3700
3446
  .navds-combobox__list-item--selected {
@@ -3713,11 +3459,11 @@
3713
3459
  border-radius: 0;
3714
3460
  justify-content: flex-start;
3715
3461
  gap: .25rem;
3716
- margin-top: calc(var(--ax-space-4) * -1);
3462
+ margin-block-start: calc(var(--ax-space-4) * -1);
3717
3463
  }
3718
3464
 
3719
3465
  .navds-combobox__list-item--new-option svg {
3720
- color: var(--ax-text-default);
3466
+ color: var(--ax-text-neutral);
3721
3467
  }
3722
3468
 
3723
3469
  .navds-combobox__list-item--new-option:only-child {
@@ -3741,7 +3487,6 @@
3741
3487
  }
3742
3488
 
3743
3489
  .navds-combobox__input {
3744
- min-width: -webkit-min-content;
3745
3490
  min-width: min-content;
3746
3491
  padding: .75rem 0;
3747
3492
  }
@@ -3817,15 +3562,15 @@
3817
3562
  }
3818
3563
 
3819
3564
  .navds-form-summary {
3820
- border: 1px solid var(--ax-border-subtleA);
3565
+ border: 1px solid var(--ax-border-neutral-subtleA);
3821
3566
  border-radius: var(--ax-border-radius-xlarge);
3822
3567
  background: var(--ax-bg-raised);
3823
3568
  overflow: hidden;
3824
3569
  }
3825
3570
 
3826
3571
  .navds-form-summary__header {
3827
- background: var(--ax-bg-moderateA);
3828
- padding: var(--ax-space-16) var(--ax-space-24);
3572
+ background: var(--ax-bg-neutral-moderateA);
3573
+ padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
3829
3574
  justify-content: space-between;
3830
3575
  gap: 0 var(--ax-space-12);
3831
3576
  display: flex;
@@ -3833,7 +3578,7 @@
3833
3578
 
3834
3579
  @media (max-width: 479px) {
3835
3580
  .navds-form-summary__header {
3836
- padding: var(--ax-space-12) var(--ax-space-16);
3581
+ padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
3837
3582
  flex-direction: column;
3838
3583
  }
3839
3584
  }
@@ -3845,24 +3590,24 @@
3845
3590
  }
3846
3591
 
3847
3592
  .navds-form-summary > .navds-form-summary__answers {
3848
- border-top: 1px solid var(--ax-border-subtleA);
3593
+ border-top: 1px solid var(--ax-border-neutral-subtleA);
3849
3594
  }
3850
3595
 
3851
3596
  .navds-form-summary__answers {
3852
- padding: var(--ax-space-16) var(--ax-space-20);
3597
+ padding: var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);
3853
3598
  margin: 0;
3854
3599
  }
3855
3600
 
3856
3601
  @media (max-width: 479px) {
3857
3602
  .navds-form-summary__answers {
3858
- padding: var(--ax-space-16);
3603
+ padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16);
3859
3604
  }
3860
3605
  }
3861
3606
 
3862
3607
  .navds-form-summary__answer:not(:last-child) {
3863
3608
  margin-bottom: var(--ax-space-16);
3864
3609
  padding-bottom: var(--ax-space-16);
3865
- border-bottom: 1px solid var(--ax-border-subtleA);
3610
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
3866
3611
  }
3867
3612
 
3868
3613
  .navds-form-summary__answer:has(.navds-form-summary__answer) {
@@ -3917,40 +3662,36 @@
3917
3662
  }
3918
3663
 
3919
3664
  .navds-form-progress__collapsible {
3665
+ visibility: hidden;
3666
+ border: 1px solid var(--ax-border-neutral-subtleA);
3667
+ border-radius: var(--ax-border-radius-xlarge);
3668
+ background: var(--ax-bg-raised);
3669
+ padding-inline: var(--ax-space-20);
3670
+ opacity: .001;
3920
3671
  grid-template-rows: 0fr;
3921
- transition: grid-template-rows .25s cubic-bezier(.2, 0, 0, 1);
3672
+ margin-top: -2px;
3673
+ padding-block: 0;
3674
+ transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
3675
+ transition-duration: 1s;
3676
+ transition-timing-function: cubic-bezier(.2, 0, 0, 1);
3922
3677
  display: grid;
3923
3678
  overflow: hidden;
3924
3679
  }
3925
3680
 
3926
3681
  .navds-form-progress__collapsible[hidden] {
3927
- display: grid !important;
3682
+ display: grid;
3928
3683
  }
3929
3684
 
3930
3685
  .navds-form-progress__collapsible[data-state="open"] {
3686
+ margin-top: var(--ax-space-4);
3687
+ visibility: visible;
3688
+ padding-block: var(--ax-space-16);
3689
+ opacity: 1;
3931
3690
  grid-template-rows: 1fr;
3932
3691
  }
3933
3692
 
3934
3693
  .navds-form-progress__collapsible-content {
3935
- opacity: .01;
3936
- visibility: hidden;
3937
3694
  min-height: 0;
3938
- transition-property: opacity, visibility;
3939
- transition-duration: .25s;
3940
- transition-timing-function: cubic-bezier(.2, 0, 0, 1);
3941
- }
3942
-
3943
- .navds-form-progress__collapsible[data-state="open"] .navds-form-progress__collapsible-content {
3944
- visibility: visible;
3945
- opacity: 1;
3946
- }
3947
-
3948
- .navds-form-progress__stepper {
3949
- border: 1px solid var(--ax-border-subtle);
3950
- border-radius: var(--ax-border-radius-xlarge);
3951
- padding: var(--ax-space-16) var(--ax-space-20);
3952
- margin-top: var(--ax-space-4);
3953
- background: var(--ax-bg-raised);
3954
3695
  }
3955
3696
 
3956
3697
  .navds-accordion__header {
@@ -3962,7 +3703,7 @@
3962
3703
  text-align: left;
3963
3704
  cursor: pointer;
3964
3705
  border-radius: var(--ax-border-radius-large);
3965
- color: var(--ax-text-accent);
3706
+ color: var(--ax-text-accent-subtle);
3966
3707
  background: none;
3967
3708
  border: none;
3968
3709
  display: flex;
@@ -3982,14 +3723,10 @@
3982
3723
  }
3983
3724
 
3984
3725
  .navds-accordion__header:hover {
3985
- background-color: var(--ax-bg-accent-hoverA);
3986
- }
3987
-
3988
- .navds-accordion__header:hover:before {
3989
- display: none;
3726
+ background-color: var(--ax-bg-accent-moderate-hoverA);
3990
3727
  }
3991
3728
 
3992
- .navds-accordion__header:hover:after {
3729
+ .navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
3993
3730
  display: none;
3994
3731
  }
3995
3732
 
@@ -4012,11 +3749,7 @@
4012
3749
  z-index: 1;
4013
3750
  }
4014
3751
 
4015
- .navds-accordion__header:focus-visible:before {
4016
- display: none;
4017
- }
4018
-
4019
- .navds-accordion__header:focus-visible:after {
3752
+ .navds-accordion__header:focus-visible:before, .navds-accordion__header:focus-visible:after {
4020
3753
  display: none;
4021
3754
  }
4022
3755
 
@@ -4026,7 +3759,7 @@
4026
3759
 
4027
3760
  .navds-accordion__header:before, .navds-accordion__header:after {
4028
3761
  content: "";
4029
- background-color: var(--ax-border-subtleA);
3762
+ background-color: var(--ax-border-neutral-subtleA);
4030
3763
  width: 100%;
4031
3764
  height: 1px;
4032
3765
  display: block;
@@ -4041,11 +3774,7 @@
4041
3774
  bottom: 0;
4042
3775
  }
4043
3776
 
4044
- .navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after {
4045
- display: none;
4046
- }
4047
-
4048
- .navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
3777
+ .navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after, .navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
4049
3778
  display: none;
4050
3779
  }
4051
3780
 
@@ -4054,7 +3783,7 @@
4054
3783
  background-color: var(--ax-bg-accent-moderateA);
4055
3784
  width: 22px;
4056
3785
  height: 22px;
4057
- color: var(--ax-text-accent);
3786
+ color: var(--ax-text-accent-subtle);
4058
3787
  align-self: center;
4059
3788
  }
4060
3789
 
@@ -4081,7 +3810,7 @@
4081
3810
  }
4082
3811
 
4083
3812
  .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
4084
- box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
3813
+ box-shadow: -2px 0 0 0 var(--ax-border-neutral-subtleA);
4085
3814
  }
4086
3815
 
4087
3816
  .navds-accordion__item > .navds-accordion__content {
@@ -4090,8 +3819,7 @@
4090
3819
  opacity: 0;
4091
3820
  border-color: rgba(0, 0, 0, 0);
4092
3821
  grid-template-rows: 0fr;
4093
- margin-top: 0;
4094
- margin-bottom: 0;
3822
+ margin-block: 0;
4095
3823
  transition-property: visibility, opacity, grid-template-rows, margin, min-height;
4096
3824
  transition-duration: .25s;
4097
3825
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
@@ -4101,26 +3829,24 @@
4101
3829
 
4102
3830
  .navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
4103
3831
  min-height: 0;
4104
- padding-top: 0;
4105
- padding-bottom: 0;
3832
+ padding-block: 0;
4106
3833
  }
4107
3834
 
4108
3835
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
4109
3836
  visibility: visible;
4110
3837
  margin-block: var(--ax-space-8);
4111
- border-color: var(--ax-border-subtleA);
3838
+ border-color: var(--ax-border-neutral-subtleA);
4112
3839
  opacity: 1;
4113
3840
  grid-template-rows: 1fr;
4114
- margin-bottom: var(--ax-space-24);
3841
+ margin-block-end: var(--ax-space-24);
4115
3842
  }
4116
3843
 
4117
3844
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
4118
- min-height: -webkit-fit-content;
4119
3845
  min-height: fit-content;
4120
3846
  }
4121
3847
 
4122
3848
  .navds-accordion__item[data-expanded="true"]:last-child {
4123
- border-bottom: 1px solid var(--ax-border-subtleA);
3849
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
4124
3850
  }
4125
3851
 
4126
3852
  .navds-accordion__item--no-animation > .navds-accordion__content {
@@ -4162,7 +3888,7 @@
4162
3888
 
4163
3889
  .navds-alert--small > .navds-alert__icon {
4164
3890
  height: var(--ax-font-line-height-large);
4165
- margin-top: 0;
3891
+ margin-block-start: 0;
4166
3892
  }
4167
3893
 
4168
3894
  .navds-alert--info {
@@ -4219,24 +3945,16 @@
4219
3945
  display: flex;
4220
3946
  }
4221
3947
 
4222
- .navds-alert--close-button > .navds-alert__wrapper {
4223
- margin-top: var(--ax-space-2);
4224
- }
4225
-
4226
- .navds-alert--close-button > .navds-alert__icon {
4227
- margin-top: var(--ax-space-2);
3948
+ .navds-alert--close-button > .navds-alert__wrapper, .navds-alert--close-button > .navds-alert__icon {
3949
+ margin-block-start: var(--ax-space-2);
4228
3950
  }
4229
3951
 
4230
3952
  .navds-alert--close-button.navds-alert--small {
4231
3953
  align-items: flex-start;
4232
3954
  }
4233
3955
 
4234
- .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper {
4235
- margin-top: var(--ax-space-4);
4236
- }
4237
-
4238
- .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
4239
- margin-top: var(--ax-space-4);
3956
+ .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper, .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
3957
+ margin-block-start: var(--ax-space-4);
4240
3958
  }
4241
3959
 
4242
3960
  .navds-chat {
@@ -4262,8 +3980,8 @@
4262
3980
  .navds-chat__avatar {
4263
3981
  background-color: var(--ax-bg-raised);
4264
3982
  border-radius: var(--ax-border-radius-full);
4265
- border: 1px solid var(--ax-border-subtleA);
4266
- color: var(--ax-text-default);
3983
+ border: 1px solid var(--ax-border-neutral-subtleA);
3984
+ color: var(--ax-text-neutral);
4267
3985
  letter-spacing: .024rem;
4268
3986
  flex-shrink: 0;
4269
3987
  justify-content: center;
@@ -4293,162 +4011,55 @@
4293
4011
  }
4294
4012
 
4295
4013
  .navds-chat__bubble {
4296
- padding: var(--ax-space-16) var(--ax-space-20);
4297
- background-color: var(--ax-bg-raised);
4298
- gap: var(--ax-space-8);
4299
- border-radius: var(--ax-border-radius-xlarge);
4300
- border-bottom-left-radius: var(--ax-border-radius-small);
4301
- border: 1px solid var(--ax-border-subtleA);
4302
- flex-direction: column;
4303
- width: -webkit-fit-content;
4304
- width: fit-content;
4305
- display: flex;
4306
- }
4307
-
4308
- .navds-chat--small .navds-chat__bubble {
4309
- padding: var(--ax-space-12) var(--ax-space-16);
4310
- }
4311
-
4312
- .navds-chat--info .navds-chat__bubble {
4313
- background-color: var(--ax-bg-info-moderate);
4314
- }
4315
-
4316
- .navds-chat--info .navds-chat__avatar {
4317
- background-color: var(--ax-bg-info-moderate);
4318
- }
4319
-
4320
- .navds-chat--neutral .navds-chat__bubble {
4321
- background-color: var(--ax-bg-moderateA);
4322
- }
4323
-
4324
- .navds-chat--neutral .navds-chat__avatar {
4325
- background-color: var(--ax-bg-moderateA);
4326
- }
4327
-
4328
- .navds-chat__top-text {
4329
- color: var(--ax-text-default);
4330
- gap: var(--ax-space-8);
4331
- align-items: baseline;
4332
- margin: 0;
4333
- font-weight: normal;
4334
- display: flex;
4335
- }
4336
-
4337
- .navds-chat--right .navds-chat__top-text {
4338
- align-self: flex-end;
4339
- }
4340
-
4341
- .navds-chat--top-text-left .navds-chat__top-text {
4342
- align-self: flex-start;
4343
- }
4344
-
4345
- .navds-chat--top-text-right .navds-chat__top-text, .navds-chat--left .navds-chat__top-text--right {
4346
- align-self: flex-end;
4347
- }
4348
-
4349
- .navds-chat--right .navds-chat__top-text--left {
4350
- align-self: flex-start;
4351
- }
4352
-
4353
- .navds-copybutton {
4354
- --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
4355
- cursor: pointer;
4356
- border-radius: var(--ax-border-radius-large);
4357
- padding: var(--__axc-copybutton-padding);
4358
- background-color: rgba(0, 0, 0, 0);
4359
- border: none;
4360
- place-content: center;
4361
- margin: 0;
4362
- text-decoration: none;
4363
- transition: color .2s cubic-bezier(.05, .7, .1, 1);
4364
- display: grid;
4365
- }
4366
-
4367
- .navds-copybutton.navds-copybutton--icon-only {
4368
- --__axc-copybutton-padding: var(--ax-space-12);
4369
- }
4370
-
4371
- .navds-copybutton.navds-copybutton--icon-right {
4372
- --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-12) var(--ax-space-20);
4373
- }
4374
-
4375
- .navds-copybutton:hover {
4376
- background-color: var(--ax-bg-moderate-hoverA);
4377
- }
4378
-
4379
- .navds-copybutton:focus-visible {
4380
- outline: 3px solid var(--ax-border-focus);
4381
- outline-offset: 3px;
4382
- }
4383
-
4384
- .navds-copybutton:disabled {
4385
- cursor: not-allowed;
4386
- opacity: var(--ax-opacity-disabled);
4387
- }
4388
-
4389
- .navds-copybutton:disabled:hover {
4390
- background-color: rgba(0, 0, 0, 0);
4391
- }
4392
-
4393
- @media (forced-colors: active) {
4394
- .navds-copybutton {
4395
- color: buttontext;
4396
- background-color: buttonface;
4397
- border: 1px solid buttontext;
4398
- }
4399
-
4400
- .navds-copybutton:disabled {
4401
- opacity: 1;
4402
- border-color: graytext;
4403
- }
4404
- }
4405
-
4406
- .navds-copybutton--small {
4407
- --__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-12) var(--ax-space-4) var(--ax-space-8);
4408
- min-width: 2rem;
4409
- min-height: 2rem;
4410
- }
4411
-
4412
- .navds-copybutton--small.navds-copybutton--icon-right {
4413
- --__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-8) var(--ax-space-4) var(--ax-space-12);
4014
+ padding: var(--ax-space-16) var(--ax-space-20);
4015
+ background-color: var(--ax-bg-raised);
4016
+ gap: var(--ax-space-8);
4017
+ border-radius: var(--ax-border-radius-xlarge);
4018
+ border-bottom-left-radius: var(--ax-border-radius-small);
4019
+ border: 1px solid var(--ax-border-neutral-subtleA);
4020
+ flex-direction: column;
4021
+ width: fit-content;
4022
+ display: flex;
4414
4023
  }
4415
4024
 
4416
- .navds-copybutton--small.navds-copybutton--icon-only {
4417
- --__axc-copybutton-padding: var(--ax-space-4);
4025
+ .navds-chat--small .navds-chat__bubble {
4026
+ padding: var(--ax-space-12) var(--ax-space-16);
4418
4027
  }
4419
4028
 
4420
- .navds-copybutton--small > .navds-copybutton__content {
4421
- gap: var(--ax-space-4);
4029
+ .navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
4030
+ background-color: var(--ax-bg-info-moderate);
4422
4031
  }
4423
4032
 
4424
- .navds-copybutton--xsmall {
4425
- --__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-8) var(--ax-space-2) var(--ax-space-4);
4426
- min-width: 1.5rem;
4427
- min-height: 1.5rem;
4033
+ .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
4034
+ background-color: var(--ax-bg-neutral-moderateA);
4428
4035
  }
4429
4036
 
4430
- .navds-copybutton--xsmall.navds-copybutton--icon-right {
4431
- --__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-4) var(--ax-space-2) var(--ax-space-8);
4037
+ .navds-chat__top-text {
4038
+ color: var(--ax-text-neutral);
4039
+ gap: var(--ax-space-8);
4040
+ align-items: baseline;
4041
+ margin: 0;
4042
+ font-weight: normal;
4043
+ display: flex;
4432
4044
  }
4433
4045
 
4434
- .navds-copybutton--xsmall.navds-copybutton--icon-only {
4435
- --__axc-copybutton-padding: var(--ax-space-2);
4046
+ .navds-chat--right .navds-chat__top-text {
4047
+ align-self: flex-end;
4436
4048
  }
4437
4049
 
4438
- .navds-copybutton--xsmall .navds-copybutton__icon {
4439
- font-size: 1.25rem;
4050
+ .navds-chat--top-text-left .navds-chat__top-text {
4051
+ align-self: flex-start;
4440
4052
  }
4441
4053
 
4442
- .navds-copybutton--xsmall > .navds-copybutton__content {
4443
- gap: var(--ax-space-2);
4054
+ .navds-chat--top-text-right .navds-chat__top-text, .navds-chat--left .navds-chat__top-text--right {
4055
+ align-self: flex-end;
4444
4056
  }
4445
4057
 
4446
- .navds-copybutton__icon {
4447
- font-size: 1.5rem;
4448
- display: flex;
4058
+ .navds-chat--right .navds-chat__top-text--left {
4059
+ align-self: flex-start;
4449
4060
  }
4450
4061
 
4451
- .navds-copybutton--active .navds-copybutton__icon {
4062
+ .navds-copybutton[data-active="true"] .navds-copybutton__icon {
4452
4063
  animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
4453
4064
  }
4454
4065
 
@@ -4470,54 +4081,22 @@
4470
4081
  }
4471
4082
  }
4472
4083
 
4473
- .navds-copybutton--action {
4474
- color: var(--ax-text-accent);
4475
- }
4476
-
4477
- .navds-copybutton--action.navds-copybutton--active {
4478
- color: var(--ax-text-success);
4479
- }
4480
-
4481
- .navds-copybutton--action:disabled {
4482
- color: var(--ax-text-accent);
4483
- }
4484
-
4485
- .navds-copybutton--neutral {
4486
- color: var(--ax-text-subtle);
4487
- }
4488
-
4489
- .navds-copybutton--neutral:disabled {
4490
- color: var(--ax-text-subtle);
4491
- }
4492
-
4493
- .navds-copybutton__content {
4494
- justify-content: center;
4495
- align-items: center;
4496
- gap: var(--ax-space-6);
4497
- display: inline-flex;
4498
- }
4499
-
4500
4084
  .navds-date {
4501
4085
  padding: var(--ax-space-16) var(--ax-space-12);
4502
4086
  }
4503
4087
 
4504
4088
  .navds-date .rdp-day_range_middle.rdp-day_disabled {
4505
- color: var(--ax-text-default);
4506
- background: var(--ax-bg-moderateA);
4089
+ color: var(--ax-text-neutral);
4090
+ background: var(--ax-bg-neutral-moderateA);
4507
4091
  }
4508
4092
 
4509
4093
  .navds-date .rdp-day_range_middle.rdp-day_selected {
4510
- background-color: var(--ax-bg-accent-moderateA);
4094
+ background-color: var(--ax-bg-accent-moderate-pressedA);
4511
4095
  box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
4512
- color: var(--ax-text-default);
4513
- }
4514
-
4515
- .navds-date .rdp-month {
4516
- gap: var(--ax-space-20);
4517
- display: grid;
4096
+ color: var(--ax-text-neutral);
4518
4097
  }
4519
4098
 
4520
- .navds-date.rdp-month {
4099
+ .navds-date .rdp-month, .navds-date.rdp-month {
4521
4100
  gap: var(--ax-space-20);
4522
4101
  display: grid;
4523
4102
  }
@@ -4559,13 +4138,7 @@
4559
4138
  position: relative;
4560
4139
  }
4561
4140
 
4562
- .navds-date .rdp-day_selected {
4563
- color: var(--ax-text-accent-contrast);
4564
- background: var(--ax-bg-accent-strong-pressed);
4565
- cursor: pointer;
4566
- }
4567
-
4568
- .navds-date .navds-monthpicker__month--selected {
4141
+ .navds-date .rdp-day_selected, .navds-date .navds-monthpicker__month--selected {
4569
4142
  color: var(--ax-text-accent-contrast);
4570
4143
  background: var(--ax-bg-accent-strong-pressed);
4571
4144
  cursor: pointer;
@@ -4573,17 +4146,12 @@
4573
4146
 
4574
4147
  .navds-date .rdp-day_disabled {
4575
4148
  cursor: not-allowed;
4576
- background-color: var(--ax-bg-moderateA);
4577
- color: var(--ax-text-subtle);
4149
+ background-color: var(--ax-bg-neutral-moderateA);
4150
+ color: var(--ax-text-neutral-subtle);
4578
4151
  text-decoration: line-through;
4579
4152
  }
4580
4153
 
4581
- .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
4582
- background: var(--ax-bg-accent-moderate-hoverA);
4583
- cursor: pointer;
4584
- }
4585
-
4586
- .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
4154
+ .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
4587
4155
  background: var(--ax-bg-accent-moderate-hoverA);
4588
4156
  cursor: pointer;
4589
4157
  }
@@ -4593,7 +4161,7 @@
4593
4161
  }
4594
4162
 
4595
4163
  .navds-date .rdp-day_today:before {
4596
- background-color: var(--ax-text-accent);
4164
+ background-color: var(--ax-text-accent-subtle);
4597
4165
  border-radius: var(--ax-border-radius-full);
4598
4166
  content: "";
4599
4167
  width: 6px;
@@ -4605,11 +4173,7 @@
4605
4173
  transform: translateX(-50%);
4606
4174
  }
4607
4175
 
4608
- .navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
4609
- background-color: var(--ax-text-accent-contrast);
4610
- }
4611
-
4612
- .navds-date .rdp-day_today:active:before {
4176
+ :is(.navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .navds-date .rdp-day_today:active):before {
4613
4177
  background-color: var(--ax-text-accent-contrast);
4614
4178
  }
4615
4179
 
@@ -4618,11 +4182,7 @@
4618
4182
  pointer-events: none;
4619
4183
  }
4620
4184
 
4621
- .navds-date__modal .navds-date {
4622
- padding: 0;
4623
- }
4624
-
4625
- .navds-date__modal-body > .navds-date {
4185
+ .navds-date__modal .navds-date, .navds-date__modal-body > .navds-date {
4626
4186
  padding: 0;
4627
4187
  }
4628
4188
 
@@ -4637,7 +4197,7 @@
4637
4197
  .navds-date__caption-button {
4638
4198
  width: 2rem;
4639
4199
  height: 2rem;
4640
- color: var(--ax-text-default);
4200
+ color: var(--ax-text-neutral);
4641
4201
  }
4642
4202
 
4643
4203
  .navds-date__caption__month .navds-select__container select {
@@ -4660,28 +4220,16 @@
4660
4220
  }
4661
4221
 
4662
4222
  .navds-date__wrapper, .navds-date__standalone-wrapper {
4663
- width: -webkit-fit-content;
4664
4223
  width: fit-content;
4665
- height: -webkit-fit-content;
4666
4224
  height: fit-content;
4667
4225
  }
4668
4226
 
4669
- :is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
4670
- outline: 3px solid var(--ax-border-focus);
4671
- outline-offset: 3px;
4672
- }
4673
-
4674
- :is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
4675
- color: var(--ax-text-accent-contrast);
4676
- background-color: var(--ax-bg-accent-strong-pressed);
4677
- }
4678
-
4679
- :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:focus-visible {
4227
+ :is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):focus-visible {
4680
4228
  outline: 3px solid var(--ax-border-focus);
4681
4229
  outline-offset: 3px;
4682
4230
  }
4683
4231
 
4684
- :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
4232
+ :is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):active:not(:disabled) {
4685
4233
  color: var(--ax-text-accent-contrast);
4686
4234
  background-color: var(--ax-bg-accent-strong-pressed);
4687
4235
  }
@@ -4695,12 +4243,14 @@
4695
4243
  }
4696
4244
 
4697
4245
  .navds-date__field-button {
4698
- color: var(--ax-text-default);
4246
+ color: var(--ax-text-neutral);
4699
4247
  cursor: pointer;
4700
4248
  border-radius: calc(var(--ax-border-radius-large) - 1px);
4701
4249
  padding: var(--ax-space-12);
4702
4250
  background: none;
4703
4251
  border: none;
4252
+ border-start-start-radius: 0;
4253
+ border-end-start-radius: 0;
4704
4254
  justify-content: center;
4705
4255
  align-items: center;
4706
4256
  height: calc(100% - .125rem);
@@ -4714,21 +4264,6 @@
4714
4264
  transform: translateY(-50%);
4715
4265
  }
4716
4266
 
4717
- .navds-date__field-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4718
- border-top-left-radius: 0;
4719
- border-bottom-left-radius: 0;
4720
- }
4721
-
4722
- .navds-date__field-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4723
- border-top-right-radius: 0;
4724
- border-bottom-right-radius: 0;
4725
- }
4726
-
4727
- .navds-date__field-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4728
- border-top-right-radius: 0;
4729
- border-bottom-right-radius: 0;
4730
- }
4731
-
4732
4267
  .navds-form-field--small .navds-date__field-button {
4733
4268
  padding: var(--ax-space-4);
4734
4269
  }
@@ -4748,7 +4283,6 @@
4748
4283
 
4749
4284
  .navds-date__field-wrapper {
4750
4285
  align-items: center;
4751
- width: -webkit-fit-content;
4752
4286
  width: fit-content;
4753
4287
  display: inline-flex;
4754
4288
  position: relative;
@@ -4765,14 +4299,10 @@
4765
4299
  }
4766
4300
 
4767
4301
  .navds-date__weeknumber-number {
4768
- color: var(--ax-text-subtle);
4302
+ color: var(--ax-text-neutral-subtle);
4769
4303
  font-size: .875rem;
4770
4304
  }
4771
4305
 
4772
- .navds-date__weeknumber:active .navds-date__weeknumber-number {
4773
- color: var(--ax-text-contrast);
4774
- }
4775
-
4776
4306
  .navds-date__week-wrapper {
4777
4307
  justify-content: center;
4778
4308
  align-items: center;
@@ -4813,8 +4343,7 @@
4813
4343
  color: var(--ac-dropdown-text, var(--a-text-default));
4814
4344
  width: 27ch;
4815
4345
  max-height: 616px;
4816
- overflow-x: hidden;
4817
- overflow-y: auto;
4346
+ overflow: hidden auto;
4818
4347
  }
4819
4348
 
4820
4349
  .navds-dropdown__divider {
@@ -4902,7 +4431,7 @@
4902
4431
 
4903
4432
  .navds-action-menu__content {
4904
4433
  border-radius: var(--ax-border-radius-xlarge);
4905
- border: 1px solid var(--ax-border-subtleA);
4434
+ border: 1px solid var(--ax-border-neutral-subtleA);
4906
4435
  box-shadow: var(--ax-shadow-dialog);
4907
4436
  transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
4908
4437
  overflow: hidden;
@@ -4959,7 +4488,7 @@
4959
4488
  padding-right: var(--__axc-action-menu-item-pr);
4960
4489
  font-size: var(--ax-font-size-medium);
4961
4490
  scroll-margin-block: var(--__axc-action-menu-content-p);
4962
- color: var(--ax-text-default);
4491
+ color: var(--ax-text-neutral);
4963
4492
  line-height: 1.5;
4964
4493
  text-decoration: none;
4965
4494
  display: flex;
@@ -4972,7 +4501,7 @@
4972
4501
 
4973
4502
  .navds-action-menu__item:focus {
4974
4503
  background-color: var(--ax-bg-accent-moderate-hoverA);
4975
- color: var(--ax-text-default);
4504
+ color: var(--ax-text-neutral);
4976
4505
  outline: none;
4977
4506
  }
4978
4507
 
@@ -4990,7 +4519,7 @@
4990
4519
  }
4991
4520
 
4992
4521
  .navds-action-menu__sub-trigger[data-state="open"] {
4993
- background-color: var(--ax-bg-moderate-pressed);
4522
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
4994
4523
  }
4995
4524
 
4996
4525
  .navds-action-menu__sub-trigger:focus {
@@ -4998,12 +4527,12 @@
4998
4527
  }
4999
4528
 
5000
4529
  .navds-action-menu__item--danger {
5001
- color: var(--ax-text-danger);
4530
+ color: var(--ax-text-danger-subtle);
5002
4531
  }
5003
4532
 
5004
4533
  .navds-action-menu__item--danger:focus {
5005
4534
  background-color: var(--ax-bg-danger-moderate-hoverA);
5006
- color: var(--ax-text-danger);
4535
+ color: var(--ax-text-danger-subtle);
5007
4536
  }
5008
4537
 
5009
4538
  .navds-action-menu__marker {
@@ -5031,8 +4560,8 @@
5031
4560
  }
5032
4561
 
5033
4562
  .navds-action-menu__shortcut {
5034
- background-color: var(--ax-bg-moderateA);
5035
- color: var(--ax-text-default);
4563
+ background-color: var(--ax-bg-neutral-moderateA);
4564
+ color: var(--ax-text-neutral);
5036
4565
  border-radius: var(--ax-border-radius-small);
5037
4566
  padding: 0 var(--ax-space-4);
5038
4567
  min-width: 1.125rem;
@@ -5048,7 +4577,7 @@
5048
4577
  min-height: calc(var(--__axc-action-menu-item-height) - 6px);
5049
4578
  padding-right: var(--__axc-action-menu-item-pr);
5050
4579
  padding-left: var(--__axc-action-menu-item-pl);
5051
- color: var(--ax-text-subtle);
4580
+ color: var(--ax-text-neutral-subtle);
5052
4581
  border-radius: var(--ax-border-radius-medium);
5053
4582
  -webkit-user-select: none;
5054
4583
  user-select: none;
@@ -5061,7 +4590,7 @@
5061
4590
  .navds-action-menu__divider {
5062
4591
  height: 1px;
5063
4592
  margin-block: var(--ax-space-8);
5064
- background-color: var(--ax-border-subtleA);
4593
+ background-color: var(--ax-border-neutral-subtleA);
5065
4594
  }
5066
4595
 
5067
4596
  .navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator-icon--indeterminate {
@@ -5073,15 +4602,7 @@
5073
4602
  display: grid;
5074
4603
  }
5075
4604
 
5076
- .navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked {
5077
- display: block;
5078
- }
5079
-
5080
- .navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked {
5081
- display: block;
5082
- }
5083
-
5084
- .navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
4605
+ .navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
5085
4606
  display: block;
5086
4607
  }
5087
4608
 
@@ -5095,14 +4616,13 @@
5095
4616
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
5096
4617
  border-radius: var(--ax-border-radius-xlarge);
5097
4618
  background-color: var(--ax-bg-raised);
5098
- border: 1px solid var(--ax-border-default);
5099
- height: -webkit-fit-content;
4619
+ border: 1px solid var(--ax-border-neutral);
5100
4620
  height: fit-content;
5101
4621
  }
5102
4622
 
5103
4623
  .navds-expansioncard:has(.navds-expansioncard__header:hover) {
5104
- box-shadow: 0 0 0 1px var(--ax-border-strong);
5105
- border-color: var(--ax-border-strong);
4624
+ box-shadow: 0 0 0 1px var(--ax-border-neutral-strong);
4625
+ border-color: var(--ax-border-neutral-strong);
5106
4626
  }
5107
4627
 
5108
4628
  .navds-expansioncard--small {
@@ -5114,10 +4634,6 @@
5114
4634
  margin-top: var(--ax-space-2);
5115
4635
  }
5116
4636
 
5117
- .navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
5118
- margin-top: 0;
5119
- }
5120
-
5121
4637
  .navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
5122
4638
  margin-top: 0;
5123
4639
  }
@@ -5139,7 +4655,7 @@
5139
4655
  }
5140
4656
 
5141
4657
  .navds-expansioncard__header:hover {
5142
- background-color: var(--ax-bg-hoverA);
4658
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
5143
4659
  }
5144
4660
 
5145
4661
  .navds-expansioncard__header[data-open="true"] {
@@ -5149,7 +4665,7 @@
5149
4665
 
5150
4666
  .navds-expansioncard__header[data-open="true"]:after {
5151
4667
  content: "";
5152
- background-color: var(--ax-border-subtleA);
4668
+ background-color: var(--ax-border-neutral-subtleA);
5153
4669
  bottom: 0;
5154
4670
  left: var(--__axc-expansioncard-padding-inline);
5155
4671
  height: 1px;
@@ -5199,14 +4715,11 @@
5199
4715
  width: 100%;
5200
4716
  height: 100%;
5201
4717
  position: absolute;
5202
- top: 0;
5203
- bottom: 0;
5204
- left: 0;
5205
- right: 0;
4718
+ inset: 0;
5206
4719
  }
5207
4720
 
5208
4721
  .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
5209
- background-color: var(--ax-bg-moderate-hoverA);
4722
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
5210
4723
  }
5211
4724
 
5212
4725
  .navds-expansioncard__header-chevron {
@@ -5224,31 +4737,17 @@
5224
4737
  .navds-expansioncard__content {
5225
4738
  padding-inline: var(--__axc-expansioncard-padding-inline);
5226
4739
  visibility: hidden;
4740
+ border-end-end-radius: var(--__axc-expansioncard-border-radius);
4741
+ border-end-start-radius: var(--__axc-expansioncard-border-radius);
5227
4742
  grid-template-rows: 0fr;
5228
- padding-top: 0;
5229
- padding-bottom: 0;
5230
- transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
4743
+ padding-block: 0;
4744
+ transition-property: visibility, padding-block, grid-template-rows;
5231
4745
  transition-duration: .25s;
5232
4746
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
5233
4747
  display: grid;
5234
4748
  overflow: hidden;
5235
4749
  }
5236
4750
 
5237
- .navds-expansioncard__content:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
5238
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5239
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5240
- }
5241
-
5242
- .navds-expansioncard__content:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
5243
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5244
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5245
- }
5246
-
5247
- .navds-expansioncard__content:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
5248
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5249
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5250
- }
5251
-
5252
4751
  .navds-expansioncard__content[data-open="true"] {
5253
4752
  visibility: visible;
5254
4753
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -5265,28 +4764,18 @@
5265
4764
  transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
5266
4765
  }
5267
4766
 
5268
- .navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
5269
- transition: none;
5270
- }
5271
-
5272
4767
  .navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
5273
4768
  transition: none;
5274
4769
  }
5275
4770
 
5276
4771
  .navds-guide-panel {
5277
- --__axc-guide-panel-guide-size: 3.75rem;
5278
- width: -webkit-fit-content;
4772
+ --__axc-guide-panel-guide-size: 5rem;
5279
4773
  width: fit-content;
5280
4774
  display: flex;
5281
4775
  position: relative;
5282
4776
  }
5283
4777
 
5284
- .navds-guide-panel[data-poster="true"] {
5285
- flex-direction: column;
5286
- align-items: center;
5287
- }
5288
-
5289
- .navds-guide-panel[data-responsive="true"] {
4778
+ .navds-guide-panel[data-poster="true"], .navds-guide-panel[data-responsive="true"] {
5290
4779
  flex-direction: column;
5291
4780
  align-items: center;
5292
4781
  }
@@ -5296,8 +4785,12 @@
5296
4785
  align-items: flex-start;
5297
4786
  }
5298
4787
 
4788
+ .navds-guide-panel[data-poster="false"][data-responsive="false"] {
4789
+ --__axc-guide-panel-guide-size: 3.75rem;
4790
+ }
4791
+
5299
4792
  @media (min-width: 480px) {
5300
- .navds-guide-panel {
4793
+ .navds-guide-panel[data-poster="false"][data-responsive="false"] {
5301
4794
  --__axc-guide-panel-guide-size: 5rem;
5302
4795
  }
5303
4796
 
@@ -5329,10 +4822,6 @@
5329
4822
  position: relative;
5330
4823
  }
5331
4824
 
5332
- .navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
5333
- margin-top: var(--ax-space-20);
5334
- }
5335
-
5336
4825
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
5337
4826
  margin-top: var(--ax-space-20);
5338
4827
  }
@@ -5375,12 +4864,6 @@
5375
4864
  position: absolute;
5376
4865
  }
5377
4866
 
5378
- .navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
5379
- left: 50%;
5380
- top: calc(var(--ax-space-16) * -1 - 2px);
5381
- transform: translateX(-48%);
5382
- }
5383
-
5384
4867
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
5385
4868
  left: 50%;
5386
4869
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -5404,7 +4887,7 @@
5404
4887
  .navds-help-text__button {
5405
4888
  cursor: pointer;
5406
4889
  border-radius: var(--ax-border-radius-full);
5407
- color: var(--ax-bg-accent-strong);
4890
+ color: var(--ax-bg-info-strong);
5408
4891
  padding: calc(var(--ax-space-4) / 2);
5409
4892
  background-color: rgba(0, 0, 0, 0);
5410
4893
  border: 0;
@@ -5426,21 +4909,17 @@
5426
4909
  border: 1px solid var(--ax-border-info);
5427
4910
  }
5428
4911
 
5429
- .navds-help-text__icon--filled {
5430
- display: none;
5431
- }
5432
-
5433
- .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
4912
+ .navds-help-text__icon--filled, .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
5434
4913
  display: none;
5435
4914
  }
5436
4915
 
5437
4916
  .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon--filled {
5438
4917
  display: inherit;
5439
- color: var(--ax-bg-accent-strong-hover);
4918
+ color: var(--ax-bg-info-strong-hover);
5440
4919
  }
5441
4920
 
5442
4921
  .navds-help-text__button[aria-expanded="true"] > .navds-help-text__icon--filled {
5443
- color: var(--ax-bg-accent-strong-pressed);
4922
+ color: var(--ax-bg-info-strong-pressed);
5444
4923
  }
5445
4924
 
5446
4925
  @media (forced-colors: active) {
@@ -5459,7 +4938,7 @@
5459
4938
 
5460
4939
  .navds-internalheader {
5461
4940
  background: var(--ax-bg-raised);
5462
- border-bottom: 1px solid var(--ax-border-subtleA);
4941
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
5463
4942
  align-self: stretch;
5464
4943
  min-height: 3rem;
5465
4944
  display: flex;
@@ -5477,12 +4956,11 @@
5477
4956
  font: inherit;
5478
4957
  font-weight: var(--ax-font-weight-bold);
5479
4958
  text-align: left;
5480
- padding-top: 0;
5481
- padding-bottom: 0;
4959
+ padding-block: 0;
5482
4960
  padding-inline: var(--ax-space-24) var(--ax-space-20);
5483
4961
  border: none;
5484
- border-right: 1px solid var(--ax-border-subtleA);
5485
- color: var(--ax-text-default);
4962
+ border-right: 1px solid var(--ax-border-neutral-subtleA);
4963
+ color: var(--ax-text-neutral);
5486
4964
  background: none;
5487
4965
  align-items: center;
5488
4966
  margin: 0;
@@ -5492,20 +4970,12 @@
5492
4970
  overflow: visible;
5493
4971
  }
5494
4972
 
5495
- .navds-internalheader__title:-webkit-any(button) {
5496
- cursor: pointer;
5497
- }
5498
-
5499
4973
  .navds-internalheader__title:is(button) {
5500
4974
  cursor: pointer;
5501
4975
  }
5502
4976
 
5503
4977
  .navds-internalheader__title:hover {
5504
- background: var(--ax-bg-moderate-hover);
5505
- }
5506
-
5507
- .navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
5508
- background: initial;
4978
+ background: var(--ax-bg-neutral-moderate-hoverA);
5509
4979
  }
5510
4980
 
5511
4981
  .navds-internalheader__title:is(:hover, :active):not(button, a) {
@@ -5514,7 +4984,7 @@
5514
4984
 
5515
4985
  .navds-internalheader__user {
5516
4986
  padding: 0 var(--ax-space-20);
5517
- border-left: 1px solid var(--ax-border-subtleA);
4987
+ border-left: 1px solid var(--ax-border-neutral-subtleA);
5518
4988
  align-items: center;
5519
4989
  display: flex;
5520
4990
  }
@@ -5528,8 +4998,8 @@
5528
4998
  align-items: center;
5529
4999
  gap: var(--ax-space-8);
5530
5000
  border: none;
5531
- border-left: 1px solid var(--ax-border-subtleA);
5532
- color: var(--ax-text-default);
5001
+ border-left: 1px solid var(--ax-border-neutral-subtleA);
5002
+ color: var(--ax-text-neutral);
5533
5003
  background: none;
5534
5004
  margin: 0;
5535
5005
  line-height: normal;
@@ -5538,7 +5008,7 @@
5538
5008
  }
5539
5009
 
5540
5010
  .navds-internalheader__button:hover {
5541
- background: var(--ax-bg-moderate-hover);
5011
+ background: var(--ax-bg-neutral-moderate-hoverA);
5542
5012
  }
5543
5013
 
5544
5014
  @media (forced-colors: active) {
@@ -5557,7 +5027,7 @@
5557
5027
  }
5558
5028
 
5559
5029
  :is(.navds-internalheader__title, .navds-internalheader__button):active {
5560
- background: var(--ax-bg-moderate-pressed);
5030
+ background: var(--ax-bg-neutral-moderate-pressedA);
5561
5031
  }
5562
5032
 
5563
5033
  .navds-internalheader__user-button {
@@ -5566,7 +5036,7 @@
5566
5036
  }
5567
5037
 
5568
5038
  .navds-link {
5569
- color: var(--ax-text-accent);
5039
+ color: var(--ax-text-accent-subtle);
5570
5040
  align-items: center;
5571
5041
  gap: var(--ax-space-2);
5572
5042
  text-underline-offset: .1em;
@@ -5575,11 +5045,7 @@
5575
5045
  display: inline-flex;
5576
5046
  }
5577
5047
 
5578
- .navds-link:hover {
5579
- text-decoration-thickness: .111em;
5580
- }
5581
-
5582
- .navds-link:active {
5048
+ .navds-link:hover, .navds-link:active {
5583
5049
  text-decoration-thickness: .111em;
5584
5050
  }
5585
5051
 
@@ -5614,19 +5080,19 @@
5614
5080
  }
5615
5081
 
5616
5082
  :is(.navds-alert:not(.navds-alert--inline), .navds-confirmation-panel) .navds-link {
5617
- color: var(--ax-text-default);
5083
+ color: var(--ax-text-neutral);
5618
5084
  }
5619
5085
 
5620
5086
  .navds-link--action {
5621
- color: var(--ax-text-accent);
5087
+ color: var(--ax-text-accent-subtle);
5622
5088
  }
5623
5089
 
5624
5090
  .navds-link--neutral {
5625
- color: var(--ax-text-default);
5091
+ color: var(--ax-text-neutral);
5626
5092
  }
5627
5093
 
5628
5094
  .navds-link--subtle {
5629
- color: var(--ax-text-subtle);
5095
+ color: var(--ax-text-neutral-subtle);
5630
5096
  }
5631
5097
 
5632
5098
  .navds-loader {
@@ -5683,19 +5149,19 @@
5683
5149
  .navds-loader__foreground {
5684
5150
  stroke-dasharray: 80 200;
5685
5151
  stroke-dashoffset: 0;
5686
- stroke: var(--ax-border-strong);
5152
+ stroke: var(--ax-border-neutral-strong);
5687
5153
  stroke-linecap: round;
5688
5154
  stroke-width: var(--__axc-loader-stroke-width);
5689
5155
  animation: 1.5s ease-in-out infinite loader-dasharray;
5690
5156
  }
5691
5157
 
5692
5158
  .navds-loader__background {
5693
- stroke: var(--ax-border-subtleA);
5159
+ stroke: var(--ax-border-neutral-subtleA);
5694
5160
  stroke-width: var(--__axc-loader-stroke-width);
5695
5161
  }
5696
5162
 
5697
5163
  .navds-loader--neutral .navds-loader__foreground {
5698
- stroke: var(--ax-border-strong);
5164
+ stroke: var(--ax-border-neutral-strong);
5699
5165
  }
5700
5166
 
5701
5167
  .navds-loader--interaction .navds-loader__foreground {
@@ -5707,11 +5173,11 @@
5707
5173
  }
5708
5174
 
5709
5175
  .navds-loader--inverted .navds-loader__foreground {
5710
- stroke: var(--ax-border-subtle);
5176
+ stroke: var(--ax-border-neutral-subtle);
5711
5177
  }
5712
5178
 
5713
5179
  .navds-loader--inverted .navds-loader__background {
5714
- stroke: var(--ax-border-strong);
5180
+ stroke: var(--ax-border-neutral-strong);
5715
5181
  }
5716
5182
 
5717
5183
  .navds-loader--transparent .navds-loader__background {
@@ -5754,12 +5220,12 @@
5754
5220
  .navds-modal {
5755
5221
  --__axc-modal-bg: var(--ax-bg-raised);
5756
5222
  background-color: var(--__axc-modal-bg);
5757
- border: 1px solid var(--ax-border-subtleA);
5223
+ border: 1px solid var(--ax-border-neutral-subtleA);
5758
5224
  border-radius: var(--ax-border-radius-xlarge);
5759
5225
  box-shadow: var(--ax-shadow-dialog);
5760
5226
  max-width: 100%;
5761
5227
  max-height: 100%;
5762
- color: var(--ax-text-default);
5228
+ color: var(--ax-text-neutral);
5763
5229
  margin: auto;
5764
5230
  padding: 0;
5765
5231
  position: fixed;
@@ -5772,9 +5238,7 @@
5772
5238
  }
5773
5239
 
5774
5240
  .navds-modal--polyfilled {
5775
- width: -webkit-fit-content;
5776
5241
  width: fit-content;
5777
- height: -webkit-fit-content;
5778
5242
  height: fit-content;
5779
5243
  margin: auto;
5780
5244
  top: 50%;
@@ -5793,10 +5257,7 @@
5793
5257
 
5794
5258
  ._dialog_overlay {
5795
5259
  position: fixed;
5796
- top: 0;
5797
- bottom: 0;
5798
- left: 0;
5799
- right: 0;
5260
+ inset: 0;
5800
5261
  }
5801
5262
 
5802
5263
  .navds-modal--medium {
@@ -5807,15 +5268,7 @@
5807
5268
  width: 450px;
5808
5269
  }
5809
5270
 
5810
- .navds-modal--small .navds-modal__header {
5811
- padding: var(--ax-space-12) var(--ax-space-16);
5812
- }
5813
-
5814
- .navds-modal--small .navds-modal__body {
5815
- padding: var(--ax-space-12) var(--ax-space-16);
5816
- }
5817
-
5818
- .navds-modal--small .navds-modal__footer {
5271
+ .navds-modal--small .navds-modal__header, .navds-modal--small .navds-modal__body, .navds-modal--small .navds-modal__footer {
5819
5272
  padding: var(--ax-space-12) var(--ax-space-16);
5820
5273
  }
5821
5274
 
@@ -5848,10 +5301,7 @@
5848
5301
  .navds-modal--polyfilled + .backdrop {
5849
5302
  background: rgba(2, 20, 49, .49);
5850
5303
  position: fixed;
5851
- top: 0;
5852
- bottom: 0;
5853
- left: 0;
5854
- right: 0;
5304
+ inset: 0;
5855
5305
  }
5856
5306
 
5857
5307
  .navds-modal__button {
@@ -5871,7 +5321,7 @@
5871
5321
 
5872
5322
  .navds-modal__label {
5873
5323
  font-weight: var(--ax-font-weight-bold);
5874
- color: var(--ax-text-subtle);
5324
+ color: var(--ax-text-neutral-subtle);
5875
5325
  }
5876
5326
 
5877
5327
  .navds-modal__body {
@@ -5901,7 +5351,6 @@
5901
5351
  }
5902
5352
 
5903
5353
  .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
5904
- min-width: -webkit-fit-content;
5905
5354
  min-width: fit-content;
5906
5355
  max-width: 100vw;
5907
5356
  max-height: 100vh;
@@ -5973,8 +5422,8 @@
5973
5422
  }
5974
5423
 
5975
5424
  .navds-pagination__item[data-selected="true"] {
5976
- background-color: var(--ax-bg-strong-pressed);
5977
- color: var(--ax-text-contrast);
5425
+ background-color: var(--ax-bg-neutral-strong-pressed);
5426
+ color: var(--ax-text-neutral-contrast);
5978
5427
  }
5979
5428
 
5980
5429
  .navds-pagination--invisible {
@@ -5985,13 +5434,19 @@
5985
5434
  z-index: 1000;
5986
5435
  background: var(--ax-bg-raised);
5987
5436
  box-shadow: var(--ax-shadow-dialog);
5988
- border: 1px solid var(--ax-border-subtleA);
5437
+ border: 1px solid var(--ax-border-neutral-subtleA);
5989
5438
  border-radius: var(--ax-border-radius-xlarge);
5990
5439
  max-width: calc(100vw - var(--ax-space-24));
5991
5440
  }
5992
5441
 
5993
5442
  .navds-popover__content {
5994
- padding: var(--ax-space-16) var(--ax-space-20);
5443
+ padding: var(--ax-space-16);
5444
+ }
5445
+
5446
+ @media (min-width: 480px) {
5447
+ .navds-popover__content {
5448
+ padding: var(--ax-space-20);
5449
+ }
5995
5450
  }
5996
5451
 
5997
5452
  .navds-popover--hidden {
@@ -6023,7 +5478,7 @@
6023
5478
  --__axc-tag-border: var(--ax-border-info);
6024
5479
  --__axc-tag-bg: var(--ax-bg-info-moderateA);
6025
5480
  --__axc-tag-bg-strong: var(--ax-bg-info-strong);
6026
- --__axc-tag-text: var(--ax-text-info-strong);
5481
+ --__axc-tag-text: var(--ax-text-info);
6027
5482
  --__axc-tag-text-strong: var(--ax-text-info-contrast);
6028
5483
  }
6029
5484
 
@@ -6031,7 +5486,7 @@
6031
5486
  --__axc-tag-border: var(--ax-border-success);
6032
5487
  --__axc-tag-bg: var(--ax-bg-success-moderateA);
6033
5488
  --__axc-tag-bg-strong: var(--ax-bg-success-strong);
6034
- --__axc-tag-text: var(--ax-text-success-strong);
5489
+ --__axc-tag-text: var(--ax-text-success);
6035
5490
  --__axc-tag-text-strong: var(--ax-text-success-contrast);
6036
5491
  }
6037
5492
 
@@ -6039,7 +5494,7 @@
6039
5494
  --__axc-tag-border: var(--ax-border-warning);
6040
5495
  --__axc-tag-bg: var(--ax-bg-warning-moderateA);
6041
5496
  --__axc-tag-bg-strong: var(--ax-bg-warning-strong);
6042
- --__axc-tag-text: var(--ax-text-warning-strong);
5497
+ --__axc-tag-text: var(--ax-text-warning);
6043
5498
  --__axc-tag-text-strong: var(--ax-text-warning-contrast);
6044
5499
  }
6045
5500
 
@@ -6047,32 +5502,32 @@
6047
5502
  --__axc-tag-border: var(--ax-border-danger);
6048
5503
  --__axc-tag-bg: var(--ax-bg-danger-moderateA);
6049
5504
  --__axc-tag-bg-strong: var(--ax-bg-danger-strong);
6050
- --__axc-tag-text: var(--ax-text-danger-strong);
5505
+ --__axc-tag-text: var(--ax-text-danger);
6051
5506
  --__axc-tag-text-strong: var(--ax-text-danger-contrast);
6052
5507
  }
6053
5508
 
6054
5509
  .navds-tag--neutral {
6055
- --__axc-tag-border: var(--ax-border-default);
6056
- --__axc-tag-bg: var(--ax-bg-moderateA);
6057
- --__axc-tag-bg-strong: var(--ax-bg-strong);
6058
- --__axc-tag-text: var(--ax-text-default);
6059
- --__axc-tag-text-strong: var(--ax-text-contrast);
5510
+ --__axc-tag-border: var(--ax-border-neutral);
5511
+ --__axc-tag-bg: var(--ax-bg-neutral-moderateA);
5512
+ --__axc-tag-bg-strong: var(--ax-bg-neutral-strong);
5513
+ --__axc-tag-text: var(--ax-text-neutral);
5514
+ --__axc-tag-text-strong: var(--ax-text-neutral-contrast);
6060
5515
  }
6061
5516
 
6062
- .navds-tag--meta-1, .navds-tag--alt1 {
6063
- --__axc-tag-border: var(--ax-border-meta-1);
6064
- --__axc-tag-bg: var(--ax-bg-meta-1-moderateA);
6065
- --__axc-tag-bg-strong: var(--ax-bg-meta-1-strong);
6066
- --__axc-tag-text: var(--ax-text-meta-1-strong);
6067
- --__axc-tag-text-strong: var(--ax-text-meta-1-contrast);
5517
+ .navds-tag--meta-purple, .navds-tag--alt1 {
5518
+ --__axc-tag-border: var(--ax-border-meta-purple);
5519
+ --__axc-tag-bg: var(--ax-bg-meta-purple-moderateA);
5520
+ --__axc-tag-bg-strong: var(--ax-bg-meta-purple-strong);
5521
+ --__axc-tag-text: var(--ax-text-meta-purple);
5522
+ --__axc-tag-text-strong: var(--ax-text-meta-purple-contrast);
6068
5523
  }
6069
5524
 
6070
- .navds-tag--meta-2, .navds-tag--alt2 {
6071
- --__axc-tag-border: var(--ax-border-meta-2);
6072
- --__axc-tag-bg: var(--ax-bg-meta-2-moderateA);
6073
- --__axc-tag-bg-strong: var(--ax-bg-meta-2-strong);
6074
- --__axc-tag-text: var(--ax-text-meta-2-strong);
6075
- --__axc-tag-text-strong: var(--ax-text-meta-2-contrast);
5525
+ .navds-tag--meta-lime, .navds-tag--alt2 {
5526
+ --__axc-tag-border: var(--ax-border-meta-lime);
5527
+ --__axc-tag-bg: var(--ax-bg-meta-lime-moderateA);
5528
+ --__axc-tag-bg-strong: var(--ax-bg-meta-lime-strong);
5529
+ --__axc-tag-text: var(--ax-text-meta-lime);
5530
+ --__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
6076
5531
  }
6077
5532
 
6078
5533
  .navds-tag--small {
@@ -6090,21 +5545,10 @@
6090
5545
 
6091
5546
  .navds-tag__icon--left {
6092
5547
  font-size: var(--__axc-tag-icon-size);
5548
+ margin-inline-start: var(--__axc-tag-icon-margin);
6093
5549
  display: flex;
6094
5550
  }
6095
5551
 
6096
- .navds-tag__icon--left:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6097
- margin-left: var(--__axc-tag-icon-margin);
6098
- }
6099
-
6100
- .navds-tag__icon--left:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6101
- margin-right: var(--__axc-tag-icon-margin);
6102
- }
6103
-
6104
- .navds-tag__icon--left:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
6105
- margin-right: var(--__axc-tag-icon-margin);
6106
- }
6107
-
6108
5552
  .navds-tag--outline {
6109
5553
  box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
6110
5554
  background: var(--__axc-tag-bg);
@@ -6140,7 +5584,6 @@
6140
5584
  grid-template-columns: auto minmax(0, 1fr);
6141
5585
  align-items: center;
6142
5586
  width: 100%;
6143
- min-width: -webkit-fit-content;
6144
5587
  min-width: fit-content;
6145
5588
  display: grid;
6146
5589
  position: relative;
@@ -6170,20 +5613,20 @@
6170
5613
  }
6171
5614
 
6172
5615
  .navds-timeline__axislabels-label {
6173
- color: var(--ax-text-subtle);
5616
+ color: var(--ax-text-neutral-subtle);
6174
5617
  white-space: nowrap;
6175
5618
  position: absolute;
6176
5619
  }
6177
5620
 
6178
5621
  .navds-timeline__row {
6179
- background: var(--ax-bg-soft);
5622
+ background: var(--ax-bg-neutral-softA);
6180
5623
  margin: var(--ax-space-16) 0;
6181
5624
  grid-column: 2;
6182
5625
  display: flex;
6183
5626
  }
6184
5627
 
6185
5628
  .navds-timeline__row--active {
6186
- background: var(--ax-bg-accent-moderateA);
5629
+ background: var(--ax-bg-accent-moderate);
6187
5630
  }
6188
5631
 
6189
5632
  .navds-timeline__row:last-of-type {
@@ -6249,6 +5692,7 @@
6249
5692
 
6250
5693
  .navds-timeline__period--success.navds-timeline__period--clickable:hover {
6251
5694
  background: var(--ax-bg-success-moderate-hover);
5695
+ border-color: var(--ax-border-success-strong);
6252
5696
  }
6253
5697
 
6254
5698
  .navds-timeline__period--success.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -6265,6 +5709,7 @@
6265
5709
 
6266
5710
  .navds-timeline__period--warning.navds-timeline__period--clickable:hover {
6267
5711
  background: var(--ax-bg-warning-moderate-hover);
5712
+ border-color: var(--ax-border-warning-strong);
6268
5713
  }
6269
5714
 
6270
5715
  .navds-timeline__period--warning.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -6281,6 +5726,7 @@
6281
5726
 
6282
5727
  .navds-timeline__period--danger.navds-timeline__period--clickable:hover {
6283
5728
  background: var(--ax-bg-danger-moderate-hover);
5729
+ border-color: var(--ax-border-danger-strong);
6284
5730
  }
6285
5731
 
6286
5732
  .navds-timeline__period--danger.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -6297,6 +5743,7 @@
6297
5743
 
6298
5744
  .navds-timeline__period--info.navds-timeline__period--clickable:hover {
6299
5745
  background: var(--ax-bg-info-moderate-hover);
5746
+ border-color: var(--ax-border-info-strong);
6300
5747
  }
6301
5748
 
6302
5749
  .navds-timeline__period--info.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -6306,18 +5753,19 @@
6306
5753
  }
6307
5754
 
6308
5755
  .navds-timeline__period--neutral {
6309
- background: var(--ax-bg-moderate);
6310
- border: solid 1px var(--ax-border-default);
6311
- color: var(--ax-text-icon);
5756
+ background: var(--ax-bg-neutral-moderate);
5757
+ border: solid 1px var(--ax-border-neutral);
5758
+ color: var(--ax-text-neutral-icon);
6312
5759
  }
6313
5760
 
6314
5761
  .navds-timeline__period--neutral.navds-timeline__period--clickable:hover {
6315
- background: var(--ax-bg-moderate-hover);
5762
+ background: var(--ax-bg-neutral-moderate-hover);
5763
+ border-color: var(--ax-border-neutral-strong);
6316
5764
  }
6317
5765
 
6318
5766
  .navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected {
6319
- background: var(--ax-bg-strong-pressed);
6320
- color: var(--ax-text-contrast);
5767
+ background: var(--ax-bg-neutral-strong-pressed);
5768
+ color: var(--ax-text-neutral-contrast);
6321
5769
  border: none;
6322
5770
  }
6323
5771
 
@@ -6364,10 +5812,7 @@
6364
5812
  width: 25px;
6365
5813
  height: 25px;
6366
5814
  position: absolute;
6367
- top: -9px;
6368
- bottom: 0;
6369
- left: -9px;
6370
- right: 0;
5815
+ inset: -9px 0 0 -9px;
6371
5816
  }
6372
5817
 
6373
5818
  .navds-timeline__pin-button:hover {
@@ -6384,7 +5829,7 @@
6384
5829
  content: "";
6385
5830
  top: var(--navdsc-timeline-pin-size);
6386
5831
  height: calc(100% - var(--navdsc-timeline-pin-size) * 2);
6387
- background: var(--ax-border-strong);
5832
+ background: var(--ax-border-neutral-strong);
6388
5833
  width: 1px;
6389
5834
  margin: 0 auto;
6390
5835
  }
@@ -6399,7 +5844,7 @@
6399
5844
  .navds-timeline__zoom-button {
6400
5845
  all: unset;
6401
5846
  cursor: pointer;
6402
- border: 1px solid var(--ax-border-default);
5847
+ border: 1px solid var(--ax-border-neutral);
6403
5848
  background: var(--ax-bg-default);
6404
5849
  border-width: 1px 0 1px 1px;
6405
5850
  padding: 6px 9px 6px 8px;
@@ -6419,13 +5864,13 @@
6419
5864
  }
6420
5865
 
6421
5866
  .navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
6422
- background: var(--ax-bg-moderate-hoverA);
5867
+ background: var(--ax-bg-neutral-moderate-hoverA);
6423
5868
  }
6424
5869
 
6425
5870
  .navds-timeline__zoom-button[aria-pressed="true"] {
6426
- background: var(--ax-bg-strong-pressed);
6427
- border-color: var(--ax-bg-strong-pressed);
6428
- color: var(--ax-text-contrast);
5871
+ background: var(--ax-bg-neutral-strong-pressed);
5872
+ border-color: var(--ax-bg-neutral-strong-pressed);
5873
+ color: var(--ax-text-neutral-contrast);
6429
5874
  }
6430
5875
 
6431
5876
  .navds-timeline__zoom li:focus-within {
@@ -6447,7 +5892,7 @@
6447
5892
  background-color: var(--ax-bg-raised);
6448
5893
  box-shadow: var(--ax-shadow-dialog);
6449
5894
  border: 1px solid;
6450
- border-color: var(--ax-border-subtleA);
5895
+ border-color: var(--ax-border-neutral-subtleA);
6451
5896
  border-radius: var(--ax-border-radius-large);
6452
5897
  padding: var(--ax-space-16) var(--ax-space-20);
6453
5898
  }
@@ -6470,13 +5915,7 @@
6470
5915
  outline: 4px solid rgba(0, 0, 0, 0);
6471
5916
  }
6472
5917
 
6473
- .navds-timeline__pin-button:focus {
6474
- outline-offset: 3px;
6475
- box-shadow: none;
6476
- outline: 4px solid highlight;
6477
- }
6478
-
6479
- .navds-timeline__pin-button:focus-visible {
5918
+ .navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
6480
5919
  outline-offset: 3px;
6481
5920
  box-shadow: none;
6482
5921
  outline: 4px solid highlight;
@@ -6486,11 +5925,11 @@
6486
5925
  .navds-tooltip {
6487
5926
  z-index: 3000;
6488
5927
  background-color: var(--ax-bg-raised);
6489
- color: var(--ax-text-default);
5928
+ color: var(--ax-text-neutral);
6490
5929
  border-radius: var(--ax-border-radius-medium);
6491
5930
  padding: 0 var(--ax-space-6);
6492
5931
  text-align: center;
6493
- border: 1px solid var(--ax-border-subtleA);
5932
+ border: 1px solid var(--ax-border-neutral-subtleA);
6494
5933
  box-shadow: var(--ax-shadow-dialog);
6495
5934
  flex-direction: column;
6496
5935
  align-items: center;
@@ -6573,10 +6012,10 @@
6573
6012
 
6574
6013
  .navds-tooltip__key {
6575
6014
  font-family: var(--ax-font-family);
6576
- color: var(--ax-text-default);
6015
+ color: var(--ax-text-neutral);
6577
6016
  padding: 0 var(--ax-space-4);
6578
6017
  border-radius: var(--ax-border-radius-small);
6579
- background: var(--ax-bg-moderateA);
6018
+ background: var(--ax-bg-neutral-moderateA);
6580
6019
  justify-content: center;
6581
6020
  align-items: center;
6582
6021
  min-width: 1.125rem;
@@ -6602,7 +6041,7 @@
6602
6041
 
6603
6042
  .navds-toggle-group {
6604
6043
  border-radius: var(--ax-border-radius-large);
6605
- box-shadow: inset 0 0 0 1px var(--ax-border-default);
6044
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
6606
6045
  background-color: rgba(0, 0, 0, 0);
6607
6046
  grid-auto-columns: 1fr;
6608
6047
  grid-auto-flow: column;
@@ -6614,13 +6053,12 @@
6614
6053
  padding: var(--ax-space-4) var(--ax-space-12);
6615
6054
  cursor: pointer;
6616
6055
  min-height: 3rem;
6617
- color: var(--ax-text-default);
6056
+ color: var(--ax-text-neutral);
6618
6057
  border-radius: var(--ax-border-radius-large);
6619
6058
  background-color: rgba(0, 0, 0, 0);
6620
6059
  border: none;
6621
6060
  justify-content: center;
6622
6061
  align-items: center;
6623
- min-width: -webkit-fit-content;
6624
6062
  min-width: fit-content;
6625
6063
  display: inline-flex;
6626
6064
  position: relative;
@@ -6628,7 +6066,7 @@
6628
6066
 
6629
6067
  .navds-toggle-group__button:hover {
6630
6068
  background-color: var(--ax-bg-accent-moderate-hoverA);
6631
- color: var(--ax-text-default);
6069
+ color: var(--ax-text-neutral);
6632
6070
  }
6633
6071
 
6634
6072
  .navds-toggle-group__button:focus-visible {
@@ -6644,7 +6082,7 @@
6644
6082
 
6645
6083
  .navds-toggle-group__button:not([data-selected="true"], :first-child, .navds-toggle-group__button[data-selected="true"] + .navds-toggle-group__button):before {
6646
6084
  content: "";
6647
- background-color: var(--ax-border-subtleA);
6085
+ background-color: var(--ax-border-neutral-subtleA);
6648
6086
  width: 1px;
6649
6087
  height: 50%;
6650
6088
  display: block;
@@ -6667,12 +6105,12 @@
6667
6105
  }
6668
6106
 
6669
6107
  :where(.navds-toggle-group--neutral) .navds-toggle-group__button:hover {
6670
- background-color: var(--ax-bg-moderate-hoverA);
6108
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6671
6109
  }
6672
6110
 
6673
6111
  :where(.navds-toggle-group--neutral) .navds-toggle-group__button[data-selected="true"] {
6674
- background-color: var(--ax-bg-strong-pressed);
6675
- color: var(--ax-text-contrast);
6112
+ background-color: var(--ax-bg-neutral-strong-pressed);
6113
+ color: var(--ax-text-neutral-contrast);
6676
6114
  }
6677
6115
 
6678
6116
  .navds-toggle-group--small .navds-toggle-group__button {
@@ -6728,7 +6166,7 @@
6728
6166
  cursor: pointer;
6729
6167
  align-items: flex-start;
6730
6168
  gap: var(--ax-space-4);
6731
- color: var(--ax-text-accent);
6169
+ color: var(--ax-text-accent-subtle);
6732
6170
  padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
6733
6171
  padding-block: var(--__axc-read-more-pb);
6734
6172
  text-align: start;
@@ -6747,22 +6185,12 @@
6747
6185
  transform: rotateX(-180deg);
6748
6186
  }
6749
6187
 
6750
- .navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button {
6751
- border-radius: var(--ax-border-radius-medium);
6752
- }
6753
-
6754
- .navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
6755
- background-color: var(--ax-bg-hoverA);
6756
- color: var(--ax-text-accent-strong);
6757
- }
6758
-
6759
6188
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
6760
6189
  border-radius: var(--ax-border-radius-medium);
6761
6190
  }
6762
6191
 
6763
6192
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
6764
- background-color: var(--ax-bg-hoverA);
6765
- color: var(--ax-text-accent-strong);
6193
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6766
6194
  }
6767
6195
 
6768
6196
  .navds-read-more[data-volume="high"] .navds-read-more__button {
@@ -6772,7 +6200,7 @@
6772
6200
 
6773
6201
  .navds-read-more[data-volume="high"] .navds-read-more__button:hover {
6774
6202
  background-color: var(--ax-bg-accent-moderate-hoverA);
6775
- color: var(--ax-text-accent-strong);
6203
+ color: var(--ax-text-accent);
6776
6204
  }
6777
6205
 
6778
6206
  .navds-read-more[data-volume="high"].navds-read-more--large {
@@ -6780,20 +6208,15 @@
6780
6208
  --__axc-read-more-pi-end: var(--ax-space-24);
6781
6209
  }
6782
6210
 
6783
- .navds-read-more[data-volume="high"].navds-read-more--small {
6784
- --__axc-read-more-pi-start: var(--ax-space-8);
6785
- --__axc-read-more-pi-end: var(--ax-space-16);
6786
- }
6787
-
6788
- .navds-read-more[data-volume="high"].navds-read-more--medium {
6211
+ .navds-read-more[data-volume="high"].navds-read-more--small, .navds-read-more[data-volume="high"].navds-read-more--medium {
6789
6212
  --__axc-read-more-pi-start: var(--ax-space-8);
6790
6213
  --__axc-read-more-pi-end: var(--ax-space-16);
6791
6214
  }
6792
6215
 
6793
6216
  .navds-read-more__content {
6794
6217
  margin-top: var(--ax-space-8);
6795
- border-left: 2px solid var(--ax-border-subtleA);
6796
- color: var(--ax-text-default);
6218
+ border-left: 2px solid var(--ax-border-neutral-subtleA);
6219
+ color: var(--ax-text-neutral);
6797
6220
  margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
6798
6221
  padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
6799
6222
  }
@@ -6826,9 +6249,9 @@
6826
6249
  }
6827
6250
 
6828
6251
  .navds-progress-bar {
6829
- background: var(--ax-bg-moderateA);
6252
+ background: var(--ax-bg-neutral-moderateA);
6830
6253
  border-radius: var(--ax-border-radius-full);
6831
- box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
6254
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
6832
6255
  position: relative;
6833
6256
  overflow: hidden;
6834
6257
  }
@@ -6931,7 +6354,7 @@
6931
6354
  }
6932
6355
 
6933
6356
  .navds-skeleton {
6934
- background-color: var(--ax-bg-moderateA);
6357
+ background-color: var(--ax-bg-neutral-moderateA);
6935
6358
  pointer-events: none;
6936
6359
  height: 1.3em;
6937
6360
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
@@ -6954,7 +6377,6 @@
6954
6377
  }
6955
6378
 
6956
6379
  .navds-skeleton--has-children.navds-skeleton--no-width {
6957
- width: -webkit-fit-content;
6958
6380
  width: fit-content;
6959
6381
  }
6960
6382
 
@@ -7000,7 +6422,7 @@
7000
6422
  --__axc-stepper-circle-size: 1.75rem;
7001
6423
  --__axc-stepper-border-width: 2px;
7002
6424
  --__axc-stepper-line-length: 1rem;
7003
- color: var(--ax-text-accent);
6425
+ color: var(--ax-text-accent-subtle);
7004
6426
  font-weight: var(--ax-font-weight-bold);
7005
6427
  margin: 0;
7006
6428
  padding-left: 0;
@@ -7026,11 +6448,11 @@
7026
6448
  }
7027
6449
 
7028
6450
  .navds-stepper__item--non-interactive .navds-stepper__line {
7029
- background-color: var(--ax-border-strong);
6451
+ background-color: var(--ax-border-neutral-strong);
7030
6452
  }
7031
6453
 
7032
6454
  .navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive="false"]) .navds-stepper__line--2 {
7033
- background-color: var(--ax-border-strong);
6455
+ background-color: var(--ax-border-neutral-strong);
7034
6456
  }
7035
6457
 
7036
6458
  .navds-stepper__line--1 {
@@ -7068,18 +6490,7 @@
7068
6490
  margin-bottom: 0;
7069
6491
  }
7070
6492
 
7071
- .navds-stepper__step:-webkit-any(button) {
7072
- -webkit-appearance: none;
7073
- appearance: none;
7074
- font: inherit;
7075
- color: inherit;
7076
- text-align: inherit;
7077
- background-color: rgba(0, 0, 0, 0);
7078
- border: none;
7079
- }
7080
-
7081
6493
  .navds-stepper__step:is(button) {
7082
- -webkit-appearance: none;
7083
6494
  appearance: none;
7084
6495
  font: inherit;
7085
6496
  color: inherit;
@@ -7105,7 +6516,7 @@
7105
6516
  }
7106
6517
 
7107
6518
  .navds-stepper__step[data-interactive="true"] {
7108
- color: var(--ax-text-accent);
6519
+ color: var(--ax-text-accent-subtle);
7109
6520
  border-radius: var(--ax-border-radius-medium);
7110
6521
  text-decoration: none;
7111
6522
  }
@@ -7116,25 +6527,16 @@
7116
6527
  text-decoration-thickness: .05em;
7117
6528
  }
7118
6529
 
7119
- .navds-stepper__step[data-interactive="true"]:hover .navds-stepper__content {
7120
- text-decoration-thickness: .111em;
7121
- }
7122
-
7123
- .navds-stepper__step[data-interactive="true"]:active .navds-stepper__content {
6530
+ :is(.navds-stepper__step[data-interactive="true"]:hover, .navds-stepper__step[data-interactive="true"]:active) .navds-stepper__content {
7124
6531
  text-decoration-thickness: .111em;
7125
6532
  }
7126
6533
 
7127
- .navds-stepper__step[data-interactive="true"]:hover .navds-stepper__circle {
7128
- color: var(--ax-text-accent-strong);
7129
- }
7130
-
7131
6534
  .navds-stepper__step[data-interactive="true"] .navds-stepper__circle {
7132
- color: var(--ax-text-accent);
6535
+ color: var(--ax-text-accent-subtle);
7133
6536
  border-color: var(--ax-border-accent-strong);
7134
6537
  }
7135
6538
 
7136
6539
  .navds-stepper__step[data-interactive="true"][data-active="true"] .navds-stepper__content {
7137
- color: var(--ax-text-accent-strong);
7138
6540
  text-decoration: none;
7139
6541
  }
7140
6542
 
@@ -7150,28 +6552,22 @@
7150
6552
  }
7151
6553
 
7152
6554
  .navds-stepper__step[data-interactive="false"] {
7153
- color: var(--ax-text-default);
6555
+ color: var(--ax-text-neutral-subtle);
7154
6556
  cursor: default;
7155
6557
  }
7156
6558
 
7157
6559
  .navds-stepper__step[data-interactive="false"] .navds-stepper__circle {
7158
- color: var(--ax-text-default);
7159
- border-color: var(--ax-border-strong);
7160
- }
7161
-
7162
- .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__content {
7163
- color: var(--ax-text-subtle);
6560
+ border-color: var(--ax-border-neutral-strong);
7164
6561
  }
7165
6562
 
7166
6563
  .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__circle {
7167
- color: var(--ax-text-contrast);
7168
- background-color: var(--ax-bg-strong-pressed);
7169
- border-color: var(--ax-bg-strong-pressed);
6564
+ color: var(--ax-text-neutral-contrast);
6565
+ background-color: var(--ax-bg-neutral-strong-pressed);
6566
+ border-color: var(--ax-bg-neutral-strong-pressed);
7170
6567
  }
7171
6568
 
7172
6569
  .navds-stepper__content {
7173
6570
  grid-column: content;
7174
- min-width: -webkit-fit-content;
7175
6571
  min-width: fit-content;
7176
6572
  padding-top: .035rem;
7177
6573
  line-height: 1.5;
@@ -7206,11 +6602,7 @@
7206
6602
  flex: 100%;
7207
6603
  }
7208
6604
 
7209
- .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1 {
7210
- visibility: hidden;
7211
- }
7212
-
7213
- .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
6605
+ .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1, .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
7214
6606
  visibility: hidden;
7215
6607
  }
7216
6608
 
@@ -7265,12 +6657,12 @@
7265
6657
  }
7266
6658
 
7267
6659
  .navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
7268
- background-color: var(--ax-bg-hoverA);
6660
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
7269
6661
  transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
7270
6662
  }
7271
6663
 
7272
6664
  .navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover {
7273
- background-color: var(--ax-bg-accent-hoverA);
6665
+ background-color: var(--ax-bg-accent-moderate-hoverA);
7274
6666
  }
7275
6667
 
7276
6668
  .navds-table__row {
@@ -7278,11 +6670,15 @@
7278
6670
  }
7279
6671
 
7280
6672
  .navds-table__row--selected {
7281
- background-color: var(--ax-bg-accent-soft);
6673
+ background-color: var(--ax-bg-accent-softA);
6674
+ }
6675
+
6676
+ .navds-table__row--selected + .navds-table__expanded-row {
6677
+ background-color: var(--ax-bg-accent-softA);
7282
6678
  }
7283
6679
 
7284
6680
  .navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
7285
- background-color: var(--ax-bg-soft);
6681
+ background-color: var(--ax-bg-neutral-softA);
7286
6682
  }
7287
6683
 
7288
6684
  .navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)) {
@@ -7290,12 +6686,16 @@
7290
6686
  }
7291
6687
 
7292
6688
  .navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
7293
- background-color: var(--ax-bg-soft);
6689
+ background-color: var(--ax-bg-neutral-softA);
6690
+ }
6691
+
6692
+ .navds-table--zebra-stripes .navds-table__row--selected + .navds-table__expanded-row:nth-child(4n) {
6693
+ background-color: var(--ax-bg-accent-softA);
7294
6694
  }
7295
6695
 
7296
6696
  .navds-table__header-cell, .navds-table__data-cell {
7297
6697
  padding: var(--ax-space-12) var(--ax-space-8);
7298
- border-bottom: 1px solid var(--ax-border-default);
6698
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
7299
6699
  text-align: left;
7300
6700
  display: table-cell;
7301
6701
  }
@@ -7312,14 +6712,6 @@
7312
6712
  text-align: center;
7313
6713
  }
7314
6714
 
7315
- :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell {
7316
- border-color: var(--ax-border-strong);
7317
- }
7318
-
7319
- :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
7320
- border-color: var(--ax-border-strong);
7321
- }
7322
-
7323
6715
  :where(.navds-table__expandable-row--open:hover) .navds-table__data-cell {
7324
6716
  border-bottom-color: rgba(0, 0, 0, 0);
7325
6717
  }
@@ -7340,17 +6732,24 @@
7340
6732
  top: -.375rem;
7341
6733
  }
7342
6734
 
7343
- .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label, .navds-table__header-cell[aria-sort] {
6735
+ .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label {
6736
+ padding: 0;
6737
+ }
6738
+
6739
+ .navds-table .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-table .navds-radio__input:focus + .navds-radio__label:after {
6740
+ height: 100%;
6741
+ }
6742
+
6743
+ .navds-table__header-cell[aria-sort] {
7344
6744
  padding: 0;
7345
6745
  }
7346
6746
 
7347
6747
  .navds-table__sort-button {
7348
- -webkit-appearance: none;
7349
6748
  appearance: none;
7350
- color: var(--ax-text-accent);
6749
+ color: var(--ax-text-accent-subtle);
7351
6750
  cursor: pointer;
7352
6751
  padding: var(--ax-space-16) var(--ax-space-12);
7353
- gap: var(--ax-space-8);
6752
+ gap: var(--ax-space-4);
7354
6753
  width: 100%;
7355
6754
  line-height: inherit;
7356
6755
  font-weight: inherit;
@@ -7366,7 +6765,7 @@
7366
6765
  }
7367
6766
 
7368
6767
  .navds-table__sort-button:hover {
7369
- background-color: var(--ax-bg-hoverA);
6768
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
7370
6769
  }
7371
6770
 
7372
6771
  .navds-table__sort-button:focus-visible {
@@ -7375,8 +6774,8 @@
7375
6774
  }
7376
6775
 
7377
6776
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
7378
- background-color: var(--ax-bg-accent-moderate);
7379
- color: var(--ax-text-accent-strong);
6777
+ background-color: var(--ax-bg-accent-moderate-pressedA);
6778
+ color: var(--ax-text-accent);
7380
6779
  }
7381
6780
 
7382
6781
  .navds-table__header-cell--align-right .navds-table__sort-button {
@@ -7389,7 +6788,7 @@
7389
6788
 
7390
6789
  .navds-table__sort-button svg {
7391
6790
  flex-shrink: 0;
7392
- font-size: 1rem;
6791
+ font-size: 1.5rem;
7393
6792
  }
7394
6793
 
7395
6794
  .navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell, .navds-table__header-cell) {
@@ -7444,7 +6843,11 @@
7444
6843
  }
7445
6844
 
7446
6845
  .navds-table__toggle-expand-button:hover, .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button {
7447
- background-color: var(--ax-bg-hoverA);
6846
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6847
+ }
6848
+
6849
+ .navds-table__row--selected :is(:scope .navds-table__toggle-expand-button:hover, :scope .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, :scope .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button) {
6850
+ background-color: var(--ax-bg-accent-moderate-hoverA);
7448
6851
  }
7449
6852
 
7450
6853
  .navds-table__toggle-expand-cell--open > :where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon) {
@@ -7464,7 +6867,7 @@
7464
6867
  }
7465
6868
 
7466
6869
  .navds-table__expanded-row-collapse:not([style*="height: 0px;"]), .navds-table__expanded-row-collapse[style*="transition:"] {
7467
- border-bottom: 1px solid var(--ax-border-default);
6870
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
7468
6871
  }
7469
6872
 
7470
6873
  .navds-table__expanded-row-content {
@@ -7493,7 +6896,7 @@
7493
6896
  }
7494
6897
 
7495
6898
  .navds-tabs__tablist-wrapper {
7496
- box-shadow: inset 0 -1px var(--ax-border-subtle);
6899
+ box-shadow: inset 0 -1px var(--ax-border-neutral-subtleA);
7497
6900
  width: 100%;
7498
6901
  display: flex;
7499
6902
  }
@@ -7538,10 +6941,10 @@
7538
6941
  .navds-tabs__tab {
7539
6942
  min-height: 3rem;
7540
6943
  padding: var(--ax-space-12) var(--ax-space-16);
7541
- color: var(--ax-text-default);
6944
+ color: var(--ax-text-neutral);
7542
6945
  cursor: pointer;
7543
6946
  --__axc-tabs-line-width: 0;
7544
- --__axc-tabs-line-color: var(--ax-border-subtle);
6947
+ --__axc-tabs-line-color: var(--ax-border-neutral-subtleA);
7545
6948
  box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
7546
6949
  background: none;
7547
6950
  border: none;
@@ -7617,27 +7020,23 @@
7617
7020
  @media (forced-colors: active) {
7618
7021
  .navds-tabs__tab[data-state="active"] {
7619
7022
  border-bottom: 3px solid canvastext;
7620
- padding-bottom: calc(var(--ax-space-12) - 3px);
7023
+ padding-block-end: calc(var(--ax-space-12) - 3px);
7621
7024
  }
7622
7025
 
7623
7026
  .navds-tabs__tab--small[data-state="active"] {
7624
- padding-bottom: calc(var(--ax-space-6) - 3px);
7027
+ padding-block-end: calc(var(--ax-space-6) - 3px);
7625
7028
  }
7626
7029
 
7627
7030
  .navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
7628
- padding-bottom: calc(var(--ax-space-4) - 3px);
7031
+ padding-block-end: calc(var(--ax-space-4) - 3px);
7629
7032
  }
7630
7033
  }
7631
7034
 
7632
7035
  .navds-list ul, .navds-list ol {
7633
- margin-block: var(--ax-space-16);
7036
+ margin: 0;
7634
7037
  padding: 0;
7635
7038
  }
7636
7039
 
7637
- .navds-list--small ul, .navds-list--small ol {
7638
- margin-block: var(--ax-space-12);
7639
- }
7640
-
7641
7040
  .navds-list .navds-list :where(ul, ol) {
7642
7041
  margin-block: var(--ax-space-8) 0;
7643
7042
  }
@@ -7692,11 +7091,11 @@
7692
7091
  }
7693
7092
 
7694
7093
  .navds-list__item {
7695
- margin-bottom: var(--ax-space-8);
7094
+ margin-block-end: var(--ax-space-8);
7696
7095
  }
7697
7096
 
7698
7097
  .navds-list__item:last-child {
7699
- margin-bottom: 0;
7098
+ margin-block-end: 0;
7700
7099
  }
7701
7100
 
7702
7101
  .navds-list__item-marker {
@@ -7717,7 +7116,7 @@
7717
7116
  }
7718
7117
 
7719
7118
  .navds-theme {
7720
- color: var(--ax-text-default);
7119
+ color: var(--ax-text-neutral);
7721
7120
  }
7722
7121
 
7723
7122
  .navds-theme[data-background="true"] {
@@ -8680,7 +8079,6 @@
8680
8079
  }
8681
8080
 
8682
8081
  .navds-page {
8683
- min-height: 100vh;
8684
8082
  flex-direction: column;
8685
8083
  min-height: 100lvh;
8686
8084
  display: flex;
@@ -8689,8 +8087,7 @@
8689
8087
  .navds-pageblock {
8690
8088
  --__axc-page-padding-inline: 0px;
8691
8089
  width: 100%;
8692
- margin-left: auto;
8693
- margin-right: auto;
8090
+ margin-inline: auto;
8694
8091
  }
8695
8092
 
8696
8093
  .navds-page__content--grow {
@@ -8698,12 +8095,11 @@
8698
8095
  }
8699
8096
 
8700
8097
  .navds-page__content--fullheight {
8701
- min-height: 100vh;
8702
8098
  min-height: 100lvh;
8703
8099
  }
8704
8100
 
8705
8101
  .navds-page__content--padding {
8706
- padding-bottom: var(--ax-space-64);
8102
+ padding-block-end: var(--ax-space-64);
8707
8103
  }
8708
8104
 
8709
8105
  .navds-pageblock--text {
@@ -8727,13 +8123,13 @@
8727
8123
  }
8728
8124
 
8729
8125
  .navds-pageblock--gutters {
8730
- --__axc-page-padding-inline: var(--a-spacing-4);
8126
+ --__axc-page-padding-inline: var(--ax-space-16);
8731
8127
  padding-inline: var(--__axc-page-padding-inline);
8732
8128
  }
8733
8129
 
8734
8130
  @media (min-width: 1024px) {
8735
8131
  .navds-pageblock--gutters {
8736
- --__axc-page-padding-inline: var(--a-spacing-12);
8132
+ --__axc-page-padding-inline: var(--ax-space-48);
8737
8133
  }
8738
8134
  }
8739
8135
 
@@ -8873,19 +8269,8 @@
8873
8269
  }
8874
8270
 
8875
8271
  .navds-stack > .navds-stack__spacer {
8876
- margin-top: calc(var(--__axc-stack-gap) * -1);
8877
- }
8878
-
8879
- .navds-stack > .navds-stack__spacer:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
8880
- margin-left: calc(var(--__axc-stack-gap) * -1);
8881
- }
8882
-
8883
- .navds-stack > .navds-stack__spacer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
8884
- margin-right: calc(var(--__axc-stack-gap) * -1);
8885
- }
8886
-
8887
- .navds-stack > .navds-stack__spacer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
8888
- margin-right: calc(var(--__axc-stack-gap) * -1);
8272
+ margin-block-start: calc(var(--__axc-stack-gap) * -1);
8273
+ margin-inline-start: calc(var(--__axc-stack-gap) * -1);
8889
8274
  }
8890
8275
 
8891
8276
  @media (min-width: 480px) {