@navikt/ds-css 7.9.2 → 7.11.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 (240) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/button.css +1 -1
  3. package/config/tests/bundle.test.ts +7 -2
  4. package/darkside/accordion.darkside.css +49 -56
  5. package/darkside/action-menu.darkside.css +4 -4
  6. package/darkside/baseline/fonts.darkside.css +12 -12
  7. package/darkside/button.darkside.css +8 -6
  8. package/darkside/chat.darkside.css +2 -2
  9. package/darkside/chips.darkside.css +3 -3
  10. package/darkside/copybutton.darkside.css +6 -35
  11. package/darkside/date.darkside.css +8 -10
  12. package/darkside/expansioncard.darkside.css +5 -13
  13. package/darkside/form/combobox.darkside.css +24 -17
  14. package/darkside/form/error-summary.darkside.css +3 -3
  15. package/darkside/form/file-upload.darkside.css +13 -22
  16. package/darkside/form/form-progress.darkside.css +1 -1
  17. package/darkside/form/radio-checkbox.darkside.css +37 -19
  18. package/darkside/form/search.darkside.css +9 -9
  19. package/darkside/form/select.darkside.css +5 -5
  20. package/darkside/form/switch.darkside.css +33 -18
  21. package/darkside/form/text-field.darkside.css +5 -5
  22. package/darkside/form/textarea.darkside.css +5 -5
  23. package/darkside/index.css +0 -1
  24. package/darkside/internalheader.darkside.css +1 -1
  25. package/darkside/link.darkside.css +3 -2
  26. package/darkside/modal.darkside.css +1 -0
  27. package/darkside/read-more.darkside.css +2 -2
  28. package/darkside/stepper.darkside.css +3 -2
  29. package/darkside/table.darkside.css +23 -5
  30. package/darkside/tabs.darkside.css +4 -4
  31. package/darkside/timeline.darkside.css +10 -10
  32. package/darkside/toggle-group.darkside.css +4 -4
  33. package/darkside/typography.darkside.css +3 -0
  34. package/dist/component/alert.min.css +1 -1
  35. package/dist/component/button.css +1 -1
  36. package/dist/component/button.min.css +1 -1
  37. package/dist/component/chat.min.css +1 -1
  38. package/dist/component/date.min.css +1 -1
  39. package/dist/component/expansioncard.css +1 -0
  40. package/dist/component/expansioncard.min.css +2 -2
  41. package/dist/component/form.css +4 -0
  42. package/dist/component/form.min.css +1 -1
  43. package/dist/component/list.min.css +1 -1
  44. package/dist/component/modal.css +1 -0
  45. package/dist/component/modal.min.css +1 -1
  46. package/dist/component/primitives.min.css +1 -1
  47. package/dist/component/skeleton.min.css +1 -1
  48. package/dist/component/stepper.min.css +1 -1
  49. package/dist/component/table.css +20 -2
  50. package/dist/component/table.min.css +1 -1
  51. package/dist/component/tabs.min.css +1 -1
  52. package/dist/component/tag.min.css +1 -1
  53. package/dist/component/timeline.min.css +1 -1
  54. package/dist/component/togglegroup.min.css +1 -1
  55. package/dist/components.css +29 -3
  56. package/dist/components.min.css +4 -4
  57. package/dist/darkside/component/accordion.css +59 -57
  58. package/dist/darkside/component/accordion.min.css +1 -1
  59. package/dist/darkside/component/actionmenu.css +13 -5
  60. package/dist/darkside/component/actionmenu.min.css +1 -1
  61. package/dist/darkside/component/alert.css +13 -5
  62. package/dist/darkside/component/alert.min.css +1 -1
  63. package/dist/darkside/component/button.css +41 -6
  64. package/dist/darkside/component/button.min.css +1 -1
  65. package/dist/darkside/component/chat.css +13 -4
  66. package/dist/darkside/component/chat.min.css +1 -1
  67. package/dist/darkside/component/chips.css +3 -3
  68. package/dist/darkside/component/chips.min.css +1 -1
  69. package/dist/darkside/component/copybutton.css +6 -34
  70. package/dist/darkside/component/copybutton.min.css +1 -1
  71. package/dist/darkside/component/date.css +67 -17
  72. package/dist/darkside/component/date.min.css +1 -1
  73. package/dist/darkside/component/dropdown.css +2 -1
  74. package/dist/darkside/component/dropdown.min.css +1 -1
  75. package/dist/darkside/component/expansioncard.css +36 -18
  76. package/dist/darkside/component/expansioncard.min.css +1 -1
  77. package/dist/darkside/component/form.css +300 -116
  78. package/dist/darkside/component/form.min.css +1 -1
  79. package/dist/darkside/component/guidepanel.css +17 -1
  80. package/dist/darkside/component/guidepanel.min.css +1 -1
  81. package/dist/darkside/component/helptext.css +5 -1
  82. package/dist/darkside/component/helptext.min.css +1 -1
  83. package/dist/darkside/component/internalheader.css +11 -2
  84. package/dist/darkside/component/internalheader.min.css +1 -1
  85. package/dist/darkside/component/link.css +8 -3
  86. package/dist/darkside/component/link.min.css +1 -1
  87. package/dist/darkside/component/list.css +2 -2
  88. package/dist/darkside/component/list.min.css +1 -1
  89. package/dist/darkside/component/modal.css +21 -3
  90. package/dist/darkside/component/modal.min.css +1 -1
  91. package/dist/darkside/component/primitives.css +18 -4
  92. package/dist/darkside/component/primitives.min.css +1 -1
  93. package/dist/darkside/component/readmore.css +17 -3
  94. package/dist/darkside/component/readmore.min.css +1 -1
  95. package/dist/darkside/component/skeleton.css +1 -0
  96. package/dist/darkside/component/skeleton.min.css +1 -1
  97. package/dist/darkside/component/stepper.css +25 -4
  98. package/dist/darkside/component/stepper.min.css +1 -1
  99. package/dist/darkside/component/table.css +28 -6
  100. package/dist/darkside/component/table.min.css +1 -1
  101. package/dist/darkside/component/tabs.css +7 -7
  102. package/dist/darkside/component/tabs.min.css +1 -1
  103. package/dist/darkside/component/tag.css +12 -1
  104. package/dist/darkside/component/tag.min.css +1 -1
  105. package/dist/darkside/component/timeline.css +22 -12
  106. package/dist/darkside/component/timeline.min.css +1 -1
  107. package/dist/darkside/component/togglegroup.css +5 -4
  108. package/dist/darkside/component/togglegroup.min.css +1 -1
  109. package/dist/darkside/component/typography.css +3 -0
  110. package/dist/darkside/component/typography.min.css +1 -1
  111. package/dist/darkside/components.css +755 -366
  112. package/dist/darkside/components.min.css +1 -1
  113. package/dist/darkside/global/fonts.css +12 -12
  114. package/dist/darkside/global/fonts.min.css +1 -1
  115. package/dist/darkside/global/tokens.css +850 -868
  116. package/dist/darkside/global/tokens.min.css +1 -1
  117. package/dist/darkside/index.css +1619 -1248
  118. package/dist/darkside/index.min.css +1 -1
  119. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/accordion.css +59 -57
  120. package/dist/darkside/version/7.11.0/component/accordion.min.css +1 -0
  121. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/actionmenu.css +13 -5
  122. package/dist/darkside/version/7.11.0/component/actionmenu.min.css +1 -0
  123. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/alert.css +13 -5
  124. package/dist/darkside/version/7.11.0/component/alert.min.css +1 -0
  125. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/button.css +41 -6
  126. package/dist/darkside/version/7.11.0/component/button.min.css +1 -0
  127. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chat.css +13 -4
  128. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chat.min.css +1 -1
  129. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chips.css +3 -3
  130. package/dist/darkside/version/7.11.0/component/chips.min.css +1 -0
  131. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/copybutton.css +6 -34
  132. package/dist/darkside/version/7.11.0/component/copybutton.min.css +1 -0
  133. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/date.css +67 -17
  134. package/dist/darkside/version/7.11.0/component/date.min.css +1 -0
  135. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/dropdown.css +2 -1
  136. package/dist/darkside/version/7.11.0/component/dropdown.min.css +1 -0
  137. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/expansioncard.css +36 -18
  138. package/dist/darkside/version/7.11.0/component/expansioncard.min.css +1 -0
  139. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/form.css +300 -116
  140. package/dist/darkside/version/7.11.0/component/form.min.css +1 -0
  141. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/guidepanel.css +17 -1
  142. package/dist/darkside/version/7.11.0/component/guidepanel.min.css +1 -0
  143. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/helptext.css +5 -1
  144. package/dist/darkside/version/7.11.0/component/helptext.min.css +1 -0
  145. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/internalheader.css +11 -2
  146. package/dist/darkside/version/7.11.0/component/internalheader.min.css +1 -0
  147. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/link.css +8 -3
  148. package/dist/darkside/version/7.11.0/component/link.min.css +1 -0
  149. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/list.css +2 -2
  150. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/list.min.css +1 -1
  151. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/modal.css +21 -3
  152. package/dist/darkside/version/7.11.0/component/modal.min.css +1 -0
  153. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/primitives.css +18 -4
  154. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/primitives.min.css +1 -1
  155. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/readmore.css +17 -3
  156. package/dist/darkside/version/7.11.0/component/readmore.min.css +1 -0
  157. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/skeleton.css +1 -0
  158. package/dist/darkside/version/7.11.0/component/skeleton.min.css +1 -0
  159. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/stepper.css +25 -4
  160. package/dist/darkside/version/7.11.0/component/stepper.min.css +1 -0
  161. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/table.css +28 -6
  162. package/dist/darkside/version/7.11.0/component/table.min.css +1 -0
  163. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tabs.css +7 -7
  164. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tabs.min.css +1 -1
  165. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tag.css +12 -1
  166. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tag.min.css +1 -1
  167. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/timeline.css +22 -12
  168. package/dist/darkside/version/7.11.0/component/timeline.min.css +1 -0
  169. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/togglegroup.css +5 -4
  170. package/dist/darkside/version/7.11.0/component/togglegroup.min.css +1 -0
  171. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/typography.css +3 -0
  172. package/dist/darkside/version/7.11.0/component/typography.min.css +1 -0
  173. package/dist/darkside/version/{7.9.2 → 7.11.0}/components.css +755 -366
  174. package/dist/darkside/version/7.11.0/components.min.css +1 -0
  175. package/dist/darkside/version/{7.9.2 → 7.11.0}/global/fonts.css +12 -12
  176. package/dist/darkside/version/{7.9.2 → 7.11.0}/global/fonts.min.css +1 -1
  177. package/dist/darkside/version/{7.9.2 → 7.11.0}/global/tokens.css +850 -868
  178. package/dist/darkside/version/7.11.0/global/tokens.min.css +1 -0
  179. package/dist/darkside/version/{7.9.2 → 7.11.0}/index.css +1619 -1248
  180. package/dist/darkside/version/7.11.0/index.min.css +1 -0
  181. package/dist/global/baseline.min.css +1 -1
  182. package/dist/global/tokens.css +324 -324
  183. package/dist/global/tokens.min.css +1 -1
  184. package/dist/index.css +353 -327
  185. package/dist/index.min.css +5 -5
  186. package/expansioncard.css +1 -0
  187. package/form/radio-checkbox.css +5 -0
  188. package/modal.css +1 -0
  189. package/package.json +3 -3
  190. package/table.css +20 -2
  191. package/darkside/link-panel.darkside.css +0 -47
  192. package/dist/darkside/component/linkpanel.css +0 -48
  193. package/dist/darkside/component/linkpanel.min.css +0 -1
  194. package/dist/darkside/version/7.9.2/component/accordion.min.css +0 -1
  195. package/dist/darkside/version/7.9.2/component/actionmenu.min.css +0 -1
  196. package/dist/darkside/version/7.9.2/component/alert.min.css +0 -1
  197. package/dist/darkside/version/7.9.2/component/button.min.css +0 -1
  198. package/dist/darkside/version/7.9.2/component/chips.min.css +0 -1
  199. package/dist/darkside/version/7.9.2/component/copybutton.min.css +0 -1
  200. package/dist/darkside/version/7.9.2/component/date.min.css +0 -1
  201. package/dist/darkside/version/7.9.2/component/dropdown.min.css +0 -1
  202. package/dist/darkside/version/7.9.2/component/expansioncard.min.css +0 -1
  203. package/dist/darkside/version/7.9.2/component/form.min.css +0 -1
  204. package/dist/darkside/version/7.9.2/component/guidepanel.min.css +0 -1
  205. package/dist/darkside/version/7.9.2/component/helptext.min.css +0 -1
  206. package/dist/darkside/version/7.9.2/component/internalheader.min.css +0 -1
  207. package/dist/darkside/version/7.9.2/component/link.min.css +0 -1
  208. package/dist/darkside/version/7.9.2/component/linkpanel.css +0 -48
  209. package/dist/darkside/version/7.9.2/component/linkpanel.min.css +0 -1
  210. package/dist/darkside/version/7.9.2/component/modal.min.css +0 -1
  211. package/dist/darkside/version/7.9.2/component/readmore.min.css +0 -1
  212. package/dist/darkside/version/7.9.2/component/skeleton.min.css +0 -1
  213. package/dist/darkside/version/7.9.2/component/stepper.min.css +0 -1
  214. package/dist/darkside/version/7.9.2/component/table.min.css +0 -1
  215. package/dist/darkside/version/7.9.2/component/timeline.min.css +0 -1
  216. package/dist/darkside/version/7.9.2/component/togglegroup.min.css +0 -1
  217. package/dist/darkside/version/7.9.2/component/typography.min.css +0 -1
  218. package/dist/darkside/version/7.9.2/components.min.css +0 -1
  219. package/dist/darkside/version/7.9.2/global/tokens.min.css +0 -1
  220. package/dist/darkside/version/7.9.2/index.min.css +0 -1
  221. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/loader.css +0 -0
  222. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/loader.min.css +0 -0
  223. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/pagination.css +0 -0
  224. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/pagination.min.css +0 -0
  225. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/panel.css +0 -0
  226. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/panel.min.css +0 -0
  227. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/popover.css +0 -0
  228. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/popover.min.css +0 -0
  229. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/progressbar.css +0 -0
  230. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/progressbar.min.css +0 -0
  231. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/theme.css +0 -0
  232. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/theme.min.css +0 -0
  233. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tooltip.css +0 -0
  234. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tooltip.min.css +0 -0
  235. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/baseline.css +0 -0
  236. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/baseline.min.css +0 -0
  237. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/print.css +0 -0
  238. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/print.min.css +0 -0
  239. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/reset.css +0 -0
  240. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/reset.min.css +0 -0
@@ -94,881 +94,863 @@
94
94
 
95
95
  @layer aksel.theming {
96
96
  :root, :host, .light, .light-theme {
97
- --ax-meta-2-400A: #d0dc00;
98
- --ax-meta-2-300A: rgba(202, 223, 0, .58);
99
- --ax-meta-2-200A: rgba(196, 223, 0, .337);
100
- --ax-meta-2-100A: rgba(195, 222, 0, .18);
101
- --ax-meta-2-1000: #2a2800;
102
- --ax-meta-2-900: #515400;
103
- --ax-meta-2-800: #5c6100;
104
- --ax-meta-2-700: #646900;
105
- --ax-meta-2-600: #757c00;
106
- --ax-meta-2-500: #878f00;
107
- --ax-meta-2-400: #d0dc00;
108
- --ax-meta-2-300: #e0ec6b;
109
- --ax-meta-2-200: #ebf4a9;
110
- --ax-meta-2-100: #f4f9d1;
111
- --ax-meta-1-400A: rgba(43, 0, 107, .19);
112
- --ax-meta-1-300A: rgba(43, 0, 102, .118);
113
- --ax-meta-1-200A: rgba(43, 0, 100, .07);
114
- --ax-meta-1-100A: rgba(51, 0, 102, .04);
115
- --ax-meta-1-1000: #331a4d;
116
- --ax-meta-1-900: #5e467c;
117
- --ax-meta-1-800: #6a5289;
118
- --ax-meta-1-700: #725a91;
119
- --ax-meta-1-600: #846ca4;
120
- --ax-meta-1-500: #9580b1;
121
- --ax-meta-1-400: #d7cfe3;
122
- --ax-meta-1-300: #e6e1ed;
123
- --ax-meta-1-200: #f0edf4;
124
- --ax-meta-1-100: #f7f5f9;
125
- --ax-brand-3-400A: rgba(0, 90, 146, .247);
126
- --ax-brand-3-300A: rgba(0, 96, 160, .157);
127
- --ax-brand-3-200A: rgba(0, 110, 183, .11);
128
- --ax-brand-3-100A: rgba(0, 120, 210, .067);
129
- --ax-brand-3-1000: #002942;
130
- --ax-brand-3-900: #00557d;
131
- --ax-brand-3-800: #156389;
132
- --ax-brand-3-700: #246b91;
133
- --ax-brand-3-600: #417da0;
134
- --ax-brand-3-500: #5a8fae;
135
- --ax-brand-3-400: #c0d6e4;
136
- --ax-brand-3-300: #d7e6f0;
137
- --ax-brand-3-200: #e3eff7;
138
- --ax-brand-3-100: #eef6fc;
139
- --ax-brand-2-400A: rgba(233, 76, 0, .306);
140
- --ax-brand-2-300A: rgba(240, 82, 0, .196);
141
- --ax-brand-2-200A: rgba(239, 91, 0, .12);
142
- --ax-brand-2-100A: rgba(255, 90, 0, .067);
143
- --ax-brand-2-1000: #3c1f15;
144
- --ax-brand-2-900: #764332;
145
- --ax-brand-2-800: #874e3b;
146
- --ax-brand-2-700: #915541;
147
- --ax-brand-2-600: #a9654e;
148
- --ax-brand-2-500: #c0765d;
149
- --ax-brand-2-400: #f8c8b1;
150
- --ax-brand-2-300: #fcddcd;
151
- --ax-brand-2-200: #fdebe0;
152
- --ax-brand-2-100: #fff4ee;
153
- --ax-brand-1-400A: rgba(164, 0, 58, .208);
154
- --ax-brand-1-300A: rgba(165, 0, 60, .133);
155
- --ax-brand-1-200A: rgba(170, 0, 61, .082);
156
- --ax-brand-1-100A: rgba(170, 0, 64, .047);
157
- --ax-brand-1-1000: #52002b;
158
- --ax-brand-1-900: #98185d;
159
- --ax-brand-1-800: #a33069;
160
- --ax-brand-1-700: #a93d70;
161
- --ax-brand-1-600: #b65781;
162
- --ax-brand-1-500: #c26f92;
163
- --ax-brand-1-400: #eccad6;
164
- --ax-brand-1-300: #f3dde5;
165
- --ax-brand-1-200: #f8eaef;
166
- --ax-brand-1-100: #fbf3f6;
167
- --ax-info-400A: rgba(0, 90, 146, .247);
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
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);
258
- --ax-border-focus: var(--ax-accent-700);
259
- --ax-border-strong: var(--ax-neutral-600);
260
- --ax-border-subtleA: var(--ax-neutral-400A);
261
- --ax-border-subtle: var(--ax-neutral-400);
262
- --ax-border-default: var(--ax-neutral-500);
263
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
264
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
265
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
266
- --ax-border-meta-2: var(--ax-meta-2-600);
267
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
268
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
269
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
270
- --ax-border-meta-1: var(--ax-meta-1-600);
271
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
272
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
273
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
274
- --ax-border-brand-3: var(--ax-brand-3-600);
275
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
276
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
277
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
278
- --ax-border-brand-2: var(--ax-brand-2-600);
279
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
280
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
281
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
282
- --ax-border-brand-1: var(--ax-brand-1-600);
283
- --ax-border-info-strong: var(--ax-info-700);
284
- --ax-border-info-subtleA: var(--ax-info-400A);
285
- --ax-border-info-subtle: var(--ax-info-400);
286
- --ax-border-info: var(--ax-info-600);
287
- --ax-border-danger-strong: var(--ax-danger-700);
288
- --ax-border-danger-subtleA: var(--ax-danger-400A);
289
- --ax-border-danger-subtle: var(--ax-danger-400);
290
- --ax-border-danger: var(--ax-danger-600);
291
- --ax-border-warning-strong: var(--ax-warning-700);
292
- --ax-border-warning-subtleA: var(--ax-warning-400A);
293
- --ax-border-warning-subtle: var(--ax-warning-400);
294
- --ax-border-warning: var(--ax-warning-600);
295
- --ax-border-success-strong: var(--ax-success-700);
296
- --ax-border-success-subtleA: var(--ax-success-400A);
297
- --ax-border-success-subtle: var(--ax-success-400);
298
- --ax-border-success: var(--ax-success-600);
299
- --ax-border-accent-strong: var(--ax-accent-700);
300
- --ax-border-accent-subtleA: var(--ax-accent-400A);
301
- --ax-border-accent-subtle: var(--ax-accent-400);
302
- --ax-border-accent: var(--ax-accent-600);
303
- --ax-text-contrast: var(--ax-neutral-000);
304
- --ax-text-icon: var(--ax-neutral-600);
305
- --ax-text-subtle: var(--ax-neutral-900);
306
- --ax-text-default: var(--ax-neutral-1000);
307
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
308
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
309
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
310
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
311
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
312
- --ax-text-warning-contrast: var(--ax-neutral-000);
313
- --ax-text-success-contrast: var(--ax-neutral-000);
314
- --ax-text-info-contrast: var(--ax-neutral-000);
315
- --ax-text-danger-contrast: var(--ax-neutral-000);
316
- --ax-text-accent-contrast: var(--ax-neutral-000);
317
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
318
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
319
- --ax-text-meta-2: var(--ax-meta-2-800);
320
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
321
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
322
- --ax-text-meta-1: var(--ax-meta-1-800);
323
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
324
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
325
- --ax-text-brand-3: var(--ax-brand-3-800);
326
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
327
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
328
- --ax-text-brand-2: var(--ax-brand-2-800);
329
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
330
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
331
- --ax-text-brand-1: var(--ax-brand-1-800);
332
- --ax-text-info-icon: var(--ax-info-600);
333
- --ax-text-info-strong: var(--ax-info-1000);
334
- --ax-text-info: var(--ax-info-800);
335
- --ax-text-danger-icon: var(--ax-danger-600);
336
- --ax-text-danger-strong: var(--ax-danger-1000);
337
- --ax-text-danger: var(--ax-danger-800);
338
- --ax-text-warning-icon: var(--ax-warning-600);
339
- --ax-text-warning-strong: var(--ax-warning-1000);
340
- --ax-text-warning: var(--ax-warning-800);
341
- --ax-text-success-icon: var(--ax-success-600);
342
- --ax-text-success-strong: var(--ax-success-1000);
343
- --ax-text-success: var(--ax-success-800);
344
- --ax-text-accent-icon: var(--ax-accent-600);
345
- --ax-text-accent-strong: var(--ax-accent-1000);
346
- --ax-text-accent: var(--ax-accent-800);
347
- --ax-bg-strong-pressed: var(--ax-neutral-800);
348
- --ax-bg-strong-hover: var(--ax-neutral-700);
349
- --ax-bg-strong: var(--ax-neutral-600);
350
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
351
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
352
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
353
- --ax-bg-moderate-hover: var(--ax-neutral-300);
354
- --ax-bg-moderateA: var(--ax-neutral-200A);
355
- --ax-bg-moderate: var(--ax-neutral-200);
356
- --ax-bg-hoverA: var(--ax-neutral-200A);
357
- --ax-bg-hover: var(--ax-neutral-200);
358
- --ax-bg-soft: var(--ax-neutral-100);
359
- --ax-bg-sunken: var(--ax-neutral-200);
360
- --ax-bg-raised: var(--ax-neutral-000);
361
- --ax-bg-meta-2-raised-hover: var(--ax-meta-2-200);
362
- --ax-bg-meta-2-raised: var(--ax-meta-2-100);
363
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
364
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
365
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
366
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
367
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
368
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
369
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
370
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
371
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
372
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
373
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
374
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
375
- --ax-bg-meta-1-raised-hover: var(--ax-meta-1-200);
376
- --ax-bg-meta-1-raised: var(--ax-meta-1-100);
377
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
378
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
379
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
380
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
381
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
382
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
383
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
384
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
385
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
386
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
387
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
388
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
389
- --ax-bg-brand-3-raised-hover: var(--ax-brand-3-200);
390
- --ax-bg-brand-3-raised: var(--ax-brand-3-100);
391
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
392
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
393
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
394
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
395
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
396
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
397
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
398
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
399
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
400
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
401
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
402
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
403
- --ax-bg-brand-2-raised-hover: var(--ax-brand-2-200);
404
- --ax-bg-brand-2-raised: var(--ax-brand-2-100);
405
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
406
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
407
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
408
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
409
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
410
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
411
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
412
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
413
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
414
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
415
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
416
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
417
- --ax-bg-brand-1-raised-hover: var(--ax-brand-1-200);
418
- --ax-bg-brand-1-raised: var(--ax-brand-1-100);
419
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
420
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
421
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
422
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
423
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
424
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
425
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
426
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
427
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
428
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
429
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
430
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
431
- --ax-bg-info-raised-hover: var(--ax-info-200);
432
- --ax-bg-info-raised: var(--ax-info-100);
433
- --ax-bg-info-strong-pressed: var(--ax-info-800);
434
- --ax-bg-info-strong-hover: var(--ax-info-700);
435
- --ax-bg-info-strong: var(--ax-info-600);
436
- --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
437
- --ax-bg-info-moderate-pressed: var(--ax-info-400);
438
- --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
439
- --ax-bg-info-moderate-hover: var(--ax-info-300);
440
- --ax-bg-info-moderateA: var(--ax-info-200A);
441
- --ax-bg-info-moderate: var(--ax-info-200);
442
- --ax-bg-info-hoverA: var(--ax-info-200A);
443
- --ax-bg-info-hover: var(--ax-info-200);
444
- --ax-bg-info-soft: var(--ax-info-100);
445
- --ax-bg-danger-raised-hover: var(--ax-danger-200);
446
- --ax-bg-danger-raised: var(--ax-danger-100);
447
- --ax-bg-danger-strong-pressed: var(--ax-danger-800);
448
- --ax-bg-danger-strong-hover: var(--ax-danger-700);
449
- --ax-bg-danger-strong: var(--ax-danger-600);
450
- --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
451
- --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
452
- --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
453
- --ax-bg-danger-moderate-hover: var(--ax-danger-300);
454
- --ax-bg-danger-moderateA: var(--ax-danger-200A);
455
- --ax-bg-danger-moderate: var(--ax-danger-200);
456
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
457
- --ax-bg-danger-hover: var(--ax-danger-200);
458
- --ax-bg-danger-soft: var(--ax-danger-100);
459
- --ax-bg-warning-raised-hover: var(--ax-warning-200);
460
- --ax-bg-warning-raised: var(--ax-warning-100);
461
- --ax-bg-warning-strong-pressed: var(--ax-warning-800);
462
- --ax-bg-warning-strong-hover: var(--ax-warning-700);
463
- --ax-bg-warning-strong: var(--ax-warning-600);
464
- --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
465
- --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
466
- --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
467
- --ax-bg-warning-moderate-hover: var(--ax-warning-300);
468
- --ax-bg-warning-moderateA: var(--ax-warning-200A);
469
- --ax-bg-warning-moderate: var(--ax-warning-200);
470
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
471
- --ax-bg-warning-hover: var(--ax-warning-200);
472
- --ax-bg-warning-soft: var(--ax-warning-100);
473
- --ax-bg-success-raised-hover: var(--ax-success-200);
474
- --ax-bg-success-raised: var(--ax-success-100);
475
- --ax-bg-success-strong-pressed: var(--ax-success-800);
476
- --ax-bg-success-strong-hover: var(--ax-success-700);
477
- --ax-bg-success-strong: var(--ax-success-600);
478
- --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
479
- --ax-bg-success-moderate-pressed: var(--ax-success-400);
480
- --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
481
- --ax-bg-success-moderate-hover: var(--ax-success-300);
482
- --ax-bg-success-moderateA: var(--ax-success-200A);
483
- --ax-bg-success-moderate: var(--ax-success-200);
484
- --ax-bg-success-hoverA: var(--ax-success-200A);
485
- --ax-bg-success-hover: var(--ax-success-200);
486
- --ax-bg-success-soft: var(--ax-success-100);
487
- --ax-bg-accent-raised-hover: var(--ax-accent-200);
488
- --ax-bg-accent-raised: var(--ax-accent-100);
489
- --ax-bg-accent-strong-pressed: var(--ax-accent-800);
490
- --ax-bg-accent-strong-hover: var(--ax-accent-700);
491
- --ax-bg-accent-strong: var(--ax-accent-600);
492
- --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
493
- --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
494
- --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
495
- --ax-bg-accent-moderate-hover: var(--ax-accent-300);
496
- --ax-bg-accent-moderateA: var(--ax-accent-200A);
497
- --ax-bg-accent-moderate: var(--ax-accent-200);
498
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
499
- --ax-bg-accent-hover: var(--ax-accent-200);
500
- --ax-bg-accent-soft: var(--ax-accent-100);
501
- }
502
-
503
- .dark, .dark-theme {
504
- --ax-meta-2-400A: rgba(251, 245, 0, .16);
505
- --ax-meta-2-300A: rgba(252, 233, 0, .114);
506
- --ax-meta-2-200A: rgba(246, 207, 0, .086);
507
- --ax-meta-2-100A: rgba(252, 191, 0, .06);
508
- --ax-meta-2-1000: #c5d14c;
509
- --ax-meta-2-900: #a9b325;
510
- --ax-meta-2-800: #99a200;
511
- --ax-meta-2-700: #8f9800;
512
- --ax-meta-2-600: #7c8400;
513
- --ax-meta-2-500: #6a7200;
514
- --ax-meta-2-400: #343900;
515
- --ax-meta-2-300: #292d00;
516
- --ax-meta-2-200: #222500;
517
- --ax-meta-2-100: #1c1f00;
518
- --ax-meta-1-400A: rgba(253, 179, 238, .184);
519
- --ax-meta-1-300A: rgba(255, 153, 228, .137);
520
- --ax-meta-1-200A: rgba(250, 125, 211, .106);
521
- --ax-meta-1-100A: rgba(246, 79, 182, .086);
522
- --ax-meta-1-1000: #cdc5d9;
523
- --ax-meta-1-900: #b2a7c3;
524
- --ax-meta-1-800: #a495b7;
525
- --ax-meta-1-700: #9b8bb0;
526
- --ax-meta-1-600: #8876a1;
527
- --ax-meta-1-500: #776491;
528
- --ax-meta-1-400: #3a3245;
529
- --ax-meta-1-300: #2f273a;
530
- --ax-meta-1-200: #272032;
531
- --ax-meta-1-100: #221a2c;
532
- --ax-brand-3-400A: rgba(68, 198, 252, .204);
533
- --ax-brand-3-300A: rgba(43, 191, 251, .14);
534
- --ax-brand-3-200A: rgba(4, 191, 255, .094);
535
- --ax-brand-3-100A: rgba(0, 165, 255, .063);
536
- --ax-brand-3-1000: #b7cbd7;
537
- --ax-brand-3-900: #93afc0;
538
- --ax-brand-3-800: #7f9fb3;
539
- --ax-brand-3-700: #7396ab;
540
- --ax-brand-3-600: #5a839b;
541
- --ax-brand-3-500: #43718d;
542
- --ax-brand-3-400: #19394c;
543
- --ax-brand-3-300: #122d3e;
544
- --ax-brand-3-200: #0d2534;
545
- --ax-brand-3-100: #071e2d;
546
- --ax-brand-2-400A: rgba(252, 131, 64, .247);
547
- --ax-brand-2-300A: rgba(254, 98, 16, .196);
548
- --ax-brand-2-200A: rgba(251, 69, 0, .165);
549
- --ax-brand-2-100A: rgba(254, 29, 0, .13);
550
- --ax-brand-2-1000: #e3c2b1;
551
- --ax-brand-2-900: #d1a08c;
552
- --ax-brand-2-800: #c78e79;
553
- --ax-brand-2-700: #c0836e;
554
- --ax-brand-2-600: #ab6f5b;
555
- --ax-brand-2-500: #975e4a;
556
- --ax-brand-2-400: #493027;
557
- --ax-brand-2-300: #3d241c;
558
- --ax-brand-2-200: #351d15;
559
- --ax-brand-2-100: #2d160e;
560
- --ax-brand-1-400A: rgba(254, 100, 129, .267);
561
- --ax-brand-1-300A: rgba(251, 72, 100, .22);
562
- --ax-brand-1-200A: rgba(253, 38, 75, .184);
563
- --ax-brand-1-100A: rgba(250, 2, 38, .153);
564
- --ax-brand-1-1000: #e1c0cc;
565
- --ax-brand-1-900: #cf9eb1;
566
- --ax-brand-1-800: #c58aa2;
567
- --ax-brand-1-700: #be7f99;
568
- --ax-brand-1-600: #b06886;
569
- --ax-brand-1-500: #a35276;
570
- --ax-brand-1-400: #4e2a39;
571
- --ax-brand-1-300: #42202e;
572
- --ax-brand-1-200: #3a1827;
573
- --ax-brand-1-100: #321220;
574
- --ax-info-400A: rgba(68, 198, 252, .204);
575
- --ax-info-300A: rgba(43, 191, 251, .14);
576
- --ax-info-200A: rgba(4, 191, 255, .094);
577
- --ax-info-100A: rgba(0, 165, 255, .063);
578
- --ax-info-1000: #b7cbd7;
579
- --ax-info-900: #93afc0;
580
- --ax-info-800: #7f9fb3;
581
- --ax-info-700: #7396ab;
582
- --ax-info-600: #5a839b;
583
- --ax-info-500: #43718d;
584
- --ax-info-400: #19394c;
585
- --ax-info-300: #122d3e;
586
- --ax-info-200: #0d2534;
587
- --ax-info-100: #071e2d;
588
- --ax-danger-400A: rgba(255, 54, 37, .337);
589
- --ax-danger-300A: rgba(255, 21, 3, .282);
590
- --ax-danger-200A: rgba(252, 0, 0, .247);
591
- --ax-danger-100A: rgba(255, 0, 0, .21);
592
- --ax-danger-1000: #f6b7cd;
593
- --ax-danger-900: #f28ea2;
594
- --ax-danger-800: #ee7685;
595
- --ax-danger-700: #eb6772;
596
- --ax-danger-600: #dd4a50;
597
- --ax-danger-500: #c8343f;
598
- --ax-danger-400: #5f2021;
599
- --ax-danger-300: #521517;
600
- --ax-danger-200: #490b10;
601
- --ax-danger-100: #410409;
602
- --ax-warning-400A: rgba(253, 96, 8, .294);
603
- --ax-warning-300A: rgba(252, 63, 0, .24);
604
- --ax-warning-200A: rgba(254, 31, 0, .2);
605
- --ax-warning-100A: rgba(252, 0, 0, .173);
606
- --ax-warning-1000: #f5bf6d;
607
- --ax-warning-900: #ed974b;
608
- --ax-warning-800: #e78040;
609
- --ax-warning-700: #de753c;
610
- --ax-warning-600: #c46233;
611
- --ax-warning-500: #af5122;
612
- --ax-warning-400: #542b18;
613
- --ax-warning-300: #471f0c;
614
- --ax-warning-200: #3e1704;
615
- --ax-warning-100: #371100;
616
- --ax-success-400A: rgba(72, 253, 60, .173);
617
- --ax-success-300A: rgba(0, 252, 0, .12);
618
- --ax-success-200A: rgba(0, 253, 0, .086);
619
- --ax-success-100A: rgba(0, 245, 0, .063);
620
- --ax-success-1000: #a4d4ad;
621
- --ax-success-900: #78ba87;
622
- --ax-success-800: #5eab72;
623
- --ax-success-700: #4ca265;
624
- --ax-success-600: #368e52;
625
- --ax-success-500: #207c41;
626
- --ax-success-400: #183d24;
627
- --ax-success-300: #0b3118;
628
- --ax-success-200: #032911;
629
- --ax-success-100: #00230b;
630
- --ax-accent-400A: rgba(112, 179, 254, .216);
631
- --ax-accent-300A: rgba(93, 172, 254, .153);
632
- --ax-accent-200A: rgba(80, 163, 249, .106);
633
- --ax-accent-100A: rgba(46, 149, 255, .063);
634
- --ax-accent-1000: #b0caf1;
635
- --ax-accent-900: #84aee6;
636
- --ax-accent-800: #6d9ddd;
637
- --ax-accent-700: #5f94d8;
638
- --ax-accent-600: #447fc9;
639
- --ax-accent-500: #2e6db8;
640
- --ax-accent-400: #23374f;
641
- --ax-accent-300: #1a2c41;
642
- --ax-accent-200: #152436;
643
- --ax-accent-100: #101d2d;
644
- --ax-neutral-400A: rgba(224, 237, 254, .153);
645
- --ax-neutral-300A: rgba(215, 222, 250, .11);
646
- --ax-neutral-200A: rgba(202, 209, 246, .075);
647
- --ax-neutral-100A: rgba(200, 207, 240, .043);
648
- --ax-neutral-000: black;
649
- --ax-neutral-1000: #dfe1e5;
650
- --ax-neutral-900: #a5acb6;
651
- --ax-neutral-800: #949ba8;
652
- --ax-neutral-700: #8a92a0;
653
- --ax-neutral-600: #767e8c;
654
- --ax-neutral-500: #656d7b;
655
- --ax-neutral-400: #2e3641;
656
- --ax-neutral-300: #242b37;
657
- --ax-neutral-200: #1c232f;
658
- --ax-neutral-100: #161d28;
98
+ --ax-opacity-disabled: .3;
99
+ --ax-bg-default: #fff;
100
+ --ax-bg-input: rgba(255, 255, 255, .85);
659
101
  --ax-bg-overlay: rgba(2, 20, 49, .49);
660
- --ax-bg-sunken: #07090d;
661
- --ax-bg-input: rgba(7, 9, 13, .5);
662
- --ax-bg-default: #0e151f;
663
- --ax-opacity-disabled: .4;
664
- --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);
665
- --ax-border-focus: var(--ax-accent-700);
666
- --ax-border-strong: var(--ax-neutral-600);
667
- --ax-border-subtleA: var(--ax-neutral-400A);
668
- --ax-border-subtle: var(--ax-neutral-400);
669
- --ax-border-default: var(--ax-neutral-500);
670
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
671
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
672
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
673
- --ax-border-meta-2: var(--ax-meta-2-600);
674
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
675
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
676
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
677
- --ax-border-meta-1: var(--ax-meta-1-600);
678
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
679
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
680
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
681
- --ax-border-brand-3: var(--ax-brand-3-600);
682
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
683
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
684
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
685
- --ax-border-brand-2: var(--ax-brand-2-600);
686
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
687
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
688
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
689
- --ax-border-brand-1: var(--ax-brand-1-600);
690
- --ax-border-info-strong: var(--ax-info-700);
691
- --ax-border-info-subtleA: var(--ax-info-400A);
692
- --ax-border-info-subtle: var(--ax-info-400);
693
- --ax-border-info: var(--ax-info-600);
694
- --ax-border-danger-strong: var(--ax-danger-700);
695
- --ax-border-danger-subtleA: var(--ax-danger-400A);
696
- --ax-border-danger-subtle: var(--ax-danger-400);
697
- --ax-border-danger: var(--ax-danger-600);
698
- --ax-border-warning-strong: var(--ax-warning-700);
699
- --ax-border-warning-subtleA: var(--ax-warning-400A);
700
- --ax-border-warning-subtle: var(--ax-warning-400);
701
- --ax-border-warning: var(--ax-warning-600);
702
- --ax-border-success-strong: var(--ax-success-700);
703
- --ax-border-success-subtleA: var(--ax-success-400A);
704
- --ax-border-success-subtle: var(--ax-success-400);
705
- --ax-border-success: var(--ax-success-600);
706
- --ax-border-accent-strong: var(--ax-accent-700);
707
- --ax-border-accent-subtleA: var(--ax-accent-400A);
708
- --ax-border-accent-subtle: var(--ax-accent-400);
709
- --ax-border-accent: var(--ax-accent-600);
710
- --ax-text-contrast: var(--ax-neutral-000);
711
- --ax-text-logo: var(--ax-neutral-1000);
712
- --ax-text-icon: var(--ax-neutral-600);
713
- --ax-text-subtle: var(--ax-neutral-900);
714
- --ax-text-default: var(--ax-neutral-1000);
715
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
716
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
717
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
718
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
719
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
720
- --ax-text-warning-contrast: var(--ax-neutral-000);
721
- --ax-text-success-contrast: var(--ax-neutral-000);
722
- --ax-text-info-contrast: var(--ax-neutral-000);
723
- --ax-text-danger-contrast: var(--ax-neutral-000);
724
- --ax-text-accent-contrast: var(--ax-neutral-000);
725
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
726
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
727
- --ax-text-meta-2: var(--ax-meta-2-800);
728
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
729
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
730
- --ax-text-meta-1: var(--ax-meta-1-800);
731
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
732
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
733
- --ax-text-brand-3: var(--ax-brand-3-800);
734
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
735
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
736
- --ax-text-brand-2: var(--ax-brand-2-800);
737
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
738
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
739
- --ax-text-brand-1: var(--ax-brand-1-800);
740
- --ax-text-info-icon: var(--ax-info-600);
741
- --ax-text-info-strong: var(--ax-info-1000);
742
- --ax-text-info: var(--ax-info-800);
743
- --ax-text-danger-icon: var(--ax-danger-600);
744
- --ax-text-danger-strong: var(--ax-danger-1000);
745
- --ax-text-danger: var(--ax-danger-800);
746
- --ax-text-warning-icon: var(--ax-warning-600);
747
- --ax-text-warning-strong: var(--ax-warning-1000);
748
- --ax-text-warning: var(--ax-warning-800);
749
- --ax-text-success-icon: var(--ax-success-600);
750
- --ax-text-success-strong: var(--ax-success-1000);
751
- --ax-text-success: var(--ax-success-800);
752
- --ax-text-accent-icon: var(--ax-accent-600);
753
- --ax-text-accent-strong: var(--ax-accent-1000);
754
- --ax-text-accent: var(--ax-accent-800);
755
- --ax-bg-strong-pressed: var(--ax-neutral-800);
756
- --ax-bg-strong-hover: var(--ax-neutral-700);
757
- --ax-bg-strong: var(--ax-neutral-600);
758
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
759
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
760
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
761
- --ax-bg-moderate-hover: var(--ax-neutral-300);
762
- --ax-bg-moderateA: var(--ax-neutral-200A);
763
- --ax-bg-moderate: var(--ax-neutral-200);
764
- --ax-bg-hoverA: var(--ax-neutral-200A);
765
- --ax-bg-hover: var(--ax-neutral-200);
766
- --ax-bg-soft: var(--ax-neutral-100);
767
- --ax-bg-raised: var(--ax-neutral-100);
768
- --ax-bg-meta-2-raised-hover: var(--ax-meta-2-300);
769
- --ax-bg-meta-2-raised: var(--ax-meta-2-200);
770
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
771
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
772
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
773
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
774
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
775
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
776
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
777
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
778
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
779
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
780
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
781
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
782
- --ax-bg-meta-1-raised-hover: var(--ax-meta-1-300);
783
- --ax-bg-meta-1-raised: var(--ax-meta-1-200);
784
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
785
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
786
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
787
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
788
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
789
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
790
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
791
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
792
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
793
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
794
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
795
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
796
- --ax-bg-brand-3-raised-hover: var(--ax-brand-3-300);
797
- --ax-bg-brand-3-raised: var(--ax-brand-3-200);
798
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
799
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
800
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
801
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
802
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
803
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
804
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
805
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
806
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
807
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
808
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
809
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
810
- --ax-bg-brand-2-raised-hover: var(--ax-brand-2-300);
811
- --ax-bg-brand-2-raised: var(--ax-brand-2-200);
812
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
813
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
814
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
815
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
816
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
817
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
818
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
819
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
820
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
821
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
822
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
823
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
824
- --ax-bg-brand-1-raised-hover: var(--ax-brand-1-300);
825
- --ax-bg-brand-1-raised: var(--ax-brand-1-200);
826
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
827
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
828
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
829
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
830
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
831
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
832
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
833
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
834
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
835
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
836
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
837
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
838
- --ax-bg-info-raised-hover: var(--ax-info-300);
839
- --ax-bg-info-raised: var(--ax-info-200);
840
- --ax-bg-info-strong-pressed: var(--ax-info-800);
841
- --ax-bg-info-strong-hover: var(--ax-info-700);
842
- --ax-bg-info-strong: var(--ax-info-600);
843
- --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
844
- --ax-bg-info-moderate-pressed: var(--ax-info-400);
845
- --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
846
- --ax-bg-info-moderate-hover: var(--ax-info-300);
847
- --ax-bg-info-moderateA: var(--ax-info-200A);
848
- --ax-bg-info-moderate: var(--ax-info-200);
849
- --ax-bg-info-hoverA: var(--ax-info-200A);
850
- --ax-bg-info-hover: var(--ax-info-200);
851
- --ax-bg-info-soft: var(--ax-info-100);
852
- --ax-bg-danger-raised-hover: var(--ax-danger-300);
853
- --ax-bg-danger-raised: var(--ax-danger-200);
854
- --ax-bg-danger-strong-pressed: var(--ax-danger-800);
855
- --ax-bg-danger-strong-hover: var(--ax-danger-700);
856
- --ax-bg-danger-strong: var(--ax-danger-600);
857
- --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
858
- --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
859
- --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
860
- --ax-bg-danger-moderate-hover: var(--ax-danger-300);
861
- --ax-bg-danger-moderateA: var(--ax-danger-200A);
862
- --ax-bg-danger-moderate: var(--ax-danger-200);
863
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
864
- --ax-bg-danger-hover: var(--ax-danger-200);
865
- --ax-bg-danger-soft: var(--ax-danger-100);
866
- --ax-bg-warning-raised-hover: var(--ax-warning-300);
867
- --ax-bg-warning-raised: var(--ax-warning-200);
868
- --ax-bg-warning-strong-pressed: var(--ax-warning-800);
869
- --ax-bg-warning-strong-hover: var(--ax-warning-700);
870
- --ax-bg-warning-strong: var(--ax-warning-600);
871
- --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
872
- --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
873
- --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
874
- --ax-bg-warning-moderate-hover: var(--ax-warning-300);
875
- --ax-bg-warning-moderateA: var(--ax-warning-200A);
876
- --ax-bg-warning-moderate: var(--ax-warning-200);
877
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
878
- --ax-bg-warning-hover: var(--ax-warning-200);
879
- --ax-bg-warning-soft: var(--ax-warning-100);
880
- --ax-bg-success-raised-hover: var(--ax-success-300);
881
- --ax-bg-success-raised: var(--ax-success-200);
882
- --ax-bg-success-strong-pressed: var(--ax-success-800);
883
- --ax-bg-success-strong-hover: var(--ax-success-700);
884
- --ax-bg-success-strong: var(--ax-success-600);
885
- --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
886
- --ax-bg-success-moderate-pressed: var(--ax-success-400);
887
- --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
888
- --ax-bg-success-moderate-hover: var(--ax-success-300);
889
- --ax-bg-success-moderateA: var(--ax-success-200A);
890
- --ax-bg-success-moderate: var(--ax-success-200);
891
- --ax-bg-success-hoverA: var(--ax-success-200A);
892
- --ax-bg-success-hover: var(--ax-success-200);
893
- --ax-bg-success-soft: var(--ax-success-100);
894
- --ax-bg-accent-raised-hover: var(--ax-accent-300);
895
- --ax-bg-accent-raised: var(--ax-accent-200);
896
- --ax-bg-accent-strong-pressed: var(--ax-accent-800);
897
- --ax-bg-accent-strong-hover: var(--ax-accent-700);
898
- --ax-bg-accent-strong: var(--ax-accent-600);
899
- --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
900
- --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
901
- --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
902
- --ax-bg-accent-moderate-hover: var(--ax-accent-300);
903
- --ax-bg-accent-moderateA: var(--ax-accent-200A);
904
- --ax-bg-accent-moderate: var(--ax-accent-200);
905
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
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);
187
+ --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);
906
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);
907
656
  --ax-bg-accent-soft: var(--ax-accent-100);
908
- }
909
-
910
- :root, :host {
911
- --ax-version: "7.9.2";
912
- --ax-font-weight-regular: 400;
913
- --ax-font-weight-bold: 600;
914
- --ax-font-size-small: .875rem;
915
- --ax-font-size-medium: 1rem;
916
- --ax-font-size-large: 1.125rem;
917
- --ax-font-size-xlarge: 1.25rem;
918
- --ax-font-size-heading-xsmall: 1.125rem;
919
- --ax-font-size-heading-small: 1.25rem;
920
- --ax-font-size-heading-medium: 1.5rem;
921
- --ax-font-size-heading-large: 1.75rem;
922
- --ax-font-size-heading-xlarge: 2rem;
923
- --ax-font-size-heading-2xlarge: 2.5rem;
924
- --ax-font-line-height-medium: 1.25rem;
925
- --ax-font-line-height-large: 1.5rem;
926
- --ax-font-line-height-xlarge: 1.75rem;
927
- --ax-font-line-height-heading-xsmall: 1.5rem;
928
- --ax-font-line-height-heading-small: 1.75rem;
929
- --ax-font-line-height-heading-medium: 2rem;
930
- --ax-font-line-height-heading-large: 2.25rem;
931
- --ax-font-line-height-heading-xlarge: 2.5rem;
932
- --ax-font-line-height-heading-2xlarge: 3.25rem;
933
- --ax-font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
934
- --ax-breakpoint-2xl-down: 1439px;
935
- --ax-breakpoint-2xl: 1440px;
936
- --ax-breakpoint-xl-down: 1279px;
937
- --ax-breakpoint-xl: 1280px;
938
- --ax-breakpoint-lg-down: 1023px;
939
- --ax-breakpoint-lg: 1024px;
940
- --ax-breakpoint-md-down: 767px;
941
- --ax-breakpoint-md: 768px;
942
- --ax-breakpoint-sm-down: 479px;
943
- --ax-breakpoint-sm: 480px;
944
- --ax-breakpoint-xs: 0;
945
- --ax-border-radius-full: 9999px;
946
- --ax-border-radius-xlarge: 12px;
947
- --ax-border-radius-large: 8px;
948
- --ax-border-radius-medium: 4px;
949
- --ax-border-radius-small: 2px;
950
- --ax-space-128: 8rem;
951
- --ax-space-96: 6rem;
952
- --ax-space-80: 5rem;
953
- --ax-space-72: 4.5rem;
954
- --ax-space-64: 4rem;
955
- --ax-space-56: 3.5rem;
956
- --ax-space-48: 3rem;
957
- --ax-space-44: 2.75rem;
958
- --ax-space-40: 2.5rem;
959
- --ax-space-36: 2.25rem;
960
- --ax-space-32: 2rem;
961
- --ax-space-28: 1.75rem;
962
- --ax-space-24: 1.5rem;
963
- --ax-space-20: 1.25rem;
964
- --ax-space-16: 1rem;
965
- --ax-space-12: .75rem;
966
- --ax-space-8: .5rem;
967
- --ax-space-6: .375rem;
968
- --ax-space-4: .25rem;
969
- --ax-space-2: .125rem;
970
- --ax-space-1: .0625rem;
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);
864
+ --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);
889
+ --ax-border-focus: var(--ax-neutral-1000);
890
+ }
891
+
892
+ :root, :host {
893
+ --ax-version: "7.11.0";
971
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;
953
+ --ax-font-weight-regular: 400;
972
954
  }
973
955
  }
974
956
 
@@ -1077,7 +1059,7 @@
1077
1059
  @font-face {
1078
1060
  font-family: "Source Sans 3";
1079
1061
  font-style: italic;
1080
- font-weight: 400 600;
1062
+ font-weight: 400 650;
1081
1063
  font-display: swap;
1082
1064
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic_ext.woff2") format("woff2");
1083
1065
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
@@ -1086,7 +1068,7 @@
1086
1068
  @font-face {
1087
1069
  font-family: "Source Sans 3";
1088
1070
  font-style: italic;
1089
- font-weight: 400 600;
1071
+ font-weight: 400 650;
1090
1072
  font-display: swap;
1091
1073
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic.woff2") format("woff2");
1092
1074
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
@@ -1095,7 +1077,7 @@
1095
1077
  @font-face {
1096
1078
  font-family: "Source Sans 3";
1097
1079
  font-style: italic;
1098
- font-weight: 400 600;
1080
+ font-weight: 400 650;
1099
1081
  font-display: swap;
1100
1082
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
1101
1083
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -1104,7 +1086,7 @@
1104
1086
  @font-face {
1105
1087
  font-family: "Source Sans 3";
1106
1088
  font-style: italic;
1107
- font-weight: 400 600;
1089
+ font-weight: 400 650;
1108
1090
  font-display: swap;
1109
1091
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
1110
1092
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -1113,7 +1095,7 @@
1113
1095
  @font-face {
1114
1096
  font-family: "Source Sans 3";
1115
1097
  font-style: normal;
1116
- font-weight: 400 600;
1098
+ font-weight: 400 650;
1117
1099
  font-display: swap;
1118
1100
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic_ext.woff2") format("woff2");
1119
1101
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
@@ -1122,7 +1104,7 @@
1122
1104
  @font-face {
1123
1105
  font-family: "Source Sans 3";
1124
1106
  font-style: normal;
1125
- font-weight: 400 600;
1107
+ font-weight: 400 650;
1126
1108
  font-display: swap;
1127
1109
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic.woff2") format("woff2");
1128
1110
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
@@ -1131,7 +1113,7 @@
1131
1113
  @font-face {
1132
1114
  font-family: "Source Sans 3";
1133
1115
  font-style: normal;
1134
- font-weight: 400 600;
1116
+ font-weight: 400 650;
1135
1117
  font-display: swap;
1136
1118
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
1137
1119
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -1140,7 +1122,7 @@
1140
1122
  @font-face {
1141
1123
  font-family: "Source Sans 3";
1142
1124
  font-style: normal;
1143
- font-weight: 400 600;
1125
+ font-weight: 400 650;
1144
1126
  font-display: swap;
1145
1127
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
1146
1128
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -1149,7 +1131,7 @@
1149
1131
  @font-face {
1150
1132
  font-family: Source Sans Pro;
1151
1133
  font-style: italic;
1152
- font-weight: 400 600;
1134
+ font-weight: 400 650;
1153
1135
  font-display: swap;
1154
1136
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
1155
1137
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -1158,7 +1140,7 @@
1158
1140
  @font-face {
1159
1141
  font-family: Source Sans Pro;
1160
1142
  font-style: italic;
1161
- font-weight: 400 600;
1143
+ font-weight: 400 650;
1162
1144
  font-display: swap;
1163
1145
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
1164
1146
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -1167,7 +1149,7 @@
1167
1149
  @font-face {
1168
1150
  font-family: Source Sans Pro;
1169
1151
  font-style: normal;
1170
- font-weight: 400 600;
1152
+ font-weight: 400 650;
1171
1153
  font-display: swap;
1172
1154
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
1173
1155
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -1176,7 +1158,7 @@
1176
1158
  @font-face {
1177
1159
  font-family: Source Sans Pro;
1178
1160
  font-style: normal;
1179
- font-weight: 400 600;
1161
+ font-weight: 400 650;
1180
1162
  font-display: swap;
1181
1163
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
1182
1164
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -1193,6 +1175,7 @@
1193
1175
  font-size: var(--ax-font-size-heading-2xlarge);
1194
1176
  letter-spacing: -.01em;
1195
1177
  line-height: var(--ax-font-line-height-heading-2xlarge);
1178
+ font-weight: 650;
1196
1179
  }
1197
1180
 
1198
1181
  .navds-heading--xlarge.navds-typo--spacing {
@@ -1203,6 +1186,7 @@
1203
1186
  font-size: var(--ax-font-size-heading-xlarge);
1204
1187
  letter-spacing: -.008em;
1205
1188
  line-height: var(--ax-font-line-height-heading-xlarge);
1189
+ font-weight: 650;
1206
1190
  }
1207
1191
 
1208
1192
  .navds-heading--large.navds-typo--spacing {
@@ -1235,6 +1219,7 @@
1235
1219
  font-size: var(--ax-font-size-heading-medium);
1236
1220
  letter-spacing: -.002em;
1237
1221
  line-height: var(--ax-font-line-height-heading-medium);
1222
+ font-weight: 650;
1238
1223
  }
1239
1224
 
1240
1225
  .navds-heading--medium.navds-typo--spacing {
@@ -1443,7 +1428,7 @@
1443
1428
  --__axc-button-border-color: transparent;
1444
1429
  --__axc-button-border-width: 2px;
1445
1430
  padding: var(--ax-space-12) var(--ax-space-20);
1446
- border-radius: var(--ax-border-radius-medium);
1431
+ border-radius: var(--ax-border-radius-large);
1447
1432
  cursor: pointer;
1448
1433
  justify-content: center;
1449
1434
  align-items: center;
@@ -1456,17 +1441,17 @@
1456
1441
  }
1457
1442
 
1458
1443
  .navds-button:focus-visible {
1459
- outline: 2px solid var(--ax-border-focus);
1460
- outline-offset: 2px;
1444
+ outline: 3px solid var(--ax-border-focus);
1445
+ outline-offset: 3px;
1461
1446
  }
1462
1447
 
1463
1448
  .navds-button--small, .navds-button--xsmall {
1464
1449
  --__axc-button-icon-margin: -2px;
1465
- --__axc-button-icon-size: 1.25rem;
1466
1450
  }
1467
1451
 
1468
1452
  .navds-button--small {
1469
1453
  padding: var(--ax-space-4) var(--ax-space-12);
1454
+ gap: var(--ax-space-6);
1470
1455
  min-width: 2rem;
1471
1456
  min-height: 2rem;
1472
1457
  }
@@ -1474,6 +1459,7 @@
1474
1459
  .navds-button--xsmall {
1475
1460
  padding: var(--ax-space-2) var(--ax-space-8);
1476
1461
  gap: var(--ax-space-4);
1462
+ --__axc-button-icon-size: 1.25rem;
1477
1463
  }
1478
1464
 
1479
1465
  .navds-button--icon-only {
@@ -1490,7 +1476,7 @@
1490
1476
 
1491
1477
  @supports not selector(:focus-visible) {
1492
1478
  .navds-button:focus {
1493
- outline: 2px solid var(--ax-border-focus);
1479
+ outline: 3px solid var(--ax-border-focus);
1494
1480
  }
1495
1481
  }
1496
1482
 
@@ -1524,6 +1510,10 @@
1524
1510
  background-color: var(--ax-bg-accent-strong-pressed);
1525
1511
  }
1526
1512
 
1513
+ .navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
1514
+ background-color: var(--ax-bg-accent-strong);
1515
+ }
1516
+
1527
1517
  .navds-button--primary:is(:disabled, .navds-button--disabled) {
1528
1518
  background-color: var(--ax-bg-accent-strong);
1529
1519
  }
@@ -1552,6 +1542,10 @@
1552
1542
  background-color: var(--ax-bg-strong-pressed);
1553
1543
  }
1554
1544
 
1545
+ .navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
1546
+ background-color: var(--ax-bg-strong);
1547
+ }
1548
+
1555
1549
  .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
1556
1550
  background-color: var(--ax-bg-strong);
1557
1551
  }
@@ -1573,6 +1567,12 @@
1573
1567
  color: var(--ax-text-accent-contrast);
1574
1568
  }
1575
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);
1574
+ }
1575
+
1576
1576
  .navds-button--secondary:is(:disabled, .navds-button--disabled) {
1577
1577
  --__axc-button-border-color: var(--ax-border-accent);
1578
1578
  color: var(--ax-text-accent);
@@ -1596,6 +1596,12 @@
1596
1596
  background-color: var(--ax-bg-strong-pressed);
1597
1597
  }
1598
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);
1603
+ }
1604
+
1599
1605
  .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
1600
1606
  --__axc-button-border-color: var(--ax-border-default);
1601
1607
  color: var(--ax-text-default);
@@ -1616,6 +1622,11 @@
1616
1622
  color: var(--ax-text-accent-contrast);
1617
1623
  }
1618
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);
1628
+ }
1629
+
1619
1630
  .navds-button--tertiary:is(:disabled, .navds-button--disabled) {
1620
1631
  color: var(--ax-text-accent);
1621
1632
  background-color: rgba(0, 0, 0, 0);
@@ -1635,6 +1646,11 @@
1635
1646
  color: var(--ax-text-contrast);
1636
1647
  }
1637
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);
1652
+ }
1653
+
1638
1654
  .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
1639
1655
  color: var(--ax-text-default);
1640
1656
  background-color: rgba(0, 0, 0, 0);
@@ -1653,6 +1669,10 @@
1653
1669
  background-color: var(--ax-bg-danger-strong-pressed);
1654
1670
  }
1655
1671
 
1672
+ .navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
1673
+ background-color: var(--ax-bg-danger-strong);
1674
+ }
1675
+
1656
1676
  .navds-button--danger:is(:disabled, .navds-button--disabled) {
1657
1677
  background-color: var(--ax-bg-danger-strong);
1658
1678
  }
@@ -1665,7 +1685,7 @@
1665
1685
  opacity: var(--ax-opacity-disabled);
1666
1686
  }
1667
1687
 
1668
- .navds-button .navds-loader {
1688
+ .navds-button > .navds-loader {
1669
1689
  position: absolute;
1670
1690
  }
1671
1691
 
@@ -1744,8 +1764,8 @@
1744
1764
  }
1745
1765
 
1746
1766
  .navds-chips__chip:focus-visible {
1747
- outline: 2px solid var(--ax-border-focus);
1748
- outline-offset: 2px;
1767
+ outline: 3px solid var(--ax-border-focus);
1768
+ outline-offset: 3px;
1749
1769
  }
1750
1770
 
1751
1771
  .navds-chips--readonly .navds-chips__chip {
@@ -1782,7 +1802,7 @@
1782
1802
  .navds-chips__toggle--action {
1783
1803
  box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
1784
1804
  background-color: var(--ax-bg-accent-moderate);
1785
- color: var(--ax-text-default);
1805
+ color: var(--ax-text-accent-strong);
1786
1806
  }
1787
1807
 
1788
1808
  .navds-chips__toggle--action:hover {
@@ -1957,18 +1977,19 @@
1957
1977
  }
1958
1978
 
1959
1979
  .navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
1960
- color: var(--ax-text-accent-strong);
1961
1980
  background-color: var(--ax-bg-accent-moderate-hover);
1962
1981
  box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
1963
1982
  }
1964
1983
 
1965
- .navds-dropzone__area:active .navds-dropzone__area-button {
1984
+ .navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
1966
1985
  background-color: var(--ax-bg-accent-strong-pressed);
1967
1986
  color: var(--ax-text-accent-contrast);
1968
1987
  box-shadow: none;
1969
1988
  }
1970
1989
 
1971
1990
  .navds-dropzone__area[data-disabled="true"] {
1991
+ --__axc-dropzone-background: var(--ax-bg-soft);
1992
+ border-color: var(--ax-border-subtleA);
1972
1993
  cursor: default;
1973
1994
  }
1974
1995
 
@@ -1987,7 +2008,10 @@
1987
2008
  animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
1988
2009
  margin: -1px;
1989
2010
  position: absolute;
1990
- inset: 0;
2011
+ top: 0;
2012
+ bottom: 0;
2013
+ left: 0;
2014
+ right: 0;
1991
2015
  }
1992
2016
 
1993
2017
  @keyframes akselDropzoneDragoverAnimation {
@@ -2014,7 +2038,7 @@
2014
2038
  }
2015
2039
 
2016
2040
  .navds-dropzone--error > .navds-dropzone__area {
2017
- outline: 2px solid var(--ax-border-danger);
2041
+ outline: 2px solid var(--ax-border-danger-strong);
2018
2042
  outline-offset: -1px;
2019
2043
  border-color: rgba(0, 0, 0, 0);
2020
2044
  }
@@ -2052,7 +2076,7 @@
2052
2076
  }
2053
2077
 
2054
2078
  .navds-dropzone--dragging .navds-dropzone__area-release {
2055
- color: var(--ax-text-accent-strong);
2079
+ color: var(--ax-text-accent);
2056
2080
  top: 50%;
2057
2081
  transform: translateY(-50%);
2058
2082
  }
@@ -2065,7 +2089,25 @@
2065
2089
  display: flex;
2066
2090
  }
2067
2091
 
2068
- .navds-file-upload :is(ul, li), ul:has( > li.navds-file-item), li.navds-file-item {
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;
2108
+ }
2109
+
2110
+ ul:has( > li.navds-file-item) {
2069
2111
  margin: 0;
2070
2112
  padding: 0;
2071
2113
  list-style: none;
@@ -2084,7 +2126,7 @@
2084
2126
  }
2085
2127
 
2086
2128
  .navds-file-item--error > .navds-file-item__inner {
2087
- outline: 2px solid var(--ax-border-danger);
2129
+ outline: 2px solid var(--ax-border-danger-strong);
2088
2130
  }
2089
2131
 
2090
2132
  .navds-file-item__icon {
@@ -2117,7 +2159,6 @@
2117
2159
  }
2118
2160
 
2119
2161
  .navds-file-item__error {
2120
- color: var(--ax-text-danger);
2121
2162
  grid-template-rows: 0fr;
2122
2163
  transition-property: grid-template-rows, padding-top;
2123
2164
  transition-duration: .25s;
@@ -2126,23 +2167,11 @@
2126
2167
  overflow: hidden;
2127
2168
  }
2128
2169
 
2129
- .navds-file-item__error .navds-file-item__error {
2170
+ .navds-file-item--error .navds-file-item__error {
2130
2171
  padding-top: var(--ax-space-4);
2131
2172
  grid-template-rows: 1fr;
2132
2173
  }
2133
2174
 
2134
- .navds-file-item__error-content {
2135
- gap: var(--ax-space-4);
2136
- min-height: 0;
2137
- display: flex;
2138
- }
2139
-
2140
- .navds-file-item__error-content > svg {
2141
- flex-shrink: 0;
2142
- height: 1rem;
2143
- margin-top: .1rem;
2144
- }
2145
-
2146
2175
  .navds-form-field {
2147
2176
  justify-items: start;
2148
2177
  gap: var(--ax-space-8);
@@ -2189,16 +2218,20 @@
2189
2218
  padding: var(--ax-space-16) var(--ax-space-20);
2190
2219
  border: 4px solid var(--ax-border-danger);
2191
2220
  border-radius: var(--ax-border-radius-xlarge);
2192
- outline-offset: 2px;
2221
+ outline-offset: 3px;
2193
2222
  }
2194
2223
 
2195
- .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
2196
- outline: 2px solid var(--ax-border-focus);
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) {
2229
+ outline: 3px solid var(--ax-border-focus);
2197
2230
  }
2198
2231
 
2199
2232
  @supports not selector(:focus-visible) {
2200
2233
  .navds-error-summary:focus {
2201
- outline: 2px solid var(--ax-border-focus);
2234
+ outline: 3px solid var(--ax-border-focus);
2202
2235
  }
2203
2236
  }
2204
2237
 
@@ -2271,14 +2304,27 @@
2271
2304
  border-color: orange;
2272
2305
  border-left-style: solid;
2273
2306
  border-left-width: 8px;
2274
- border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
2275
- border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
2276
2307
  height: 100%;
2277
2308
  position: absolute;
2278
2309
  top: 0;
2279
2310
  left: 0;
2280
2311
  }
2281
2312
 
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
+
2282
2328
  .navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
2283
2329
  border-color: green;
2284
2330
  }
@@ -2289,6 +2335,7 @@
2289
2335
  }
2290
2336
 
2291
2337
  .navds-checkbox, .navds-radio {
2338
+ width: -webkit-fit-content;
2292
2339
  width: fit-content;
2293
2340
  position: relative;
2294
2341
  }
@@ -2349,25 +2396,40 @@
2349
2396
  height: 1.25rem;
2350
2397
  }
2351
2398
 
2352
- .navds-checkbox__input:focus + .navds-checkbox__label:before, .navds-radio__input:focus + .navds-radio__label:before {
2353
- outline: 2px solid var(--ax-border-focus);
2354
- outline-offset: 2px;
2399
+ .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
2400
+ content: "";
2401
+ width: 100%;
2402
+ height: calc(100% - var(--ax-space-24));
2403
+ border-radius: var(--ax-border-radius-medium);
2404
+ outline: 3px solid var(--ax-border-focus);
2405
+ outline-offset: 3px;
2406
+ pointer-events: none;
2407
+ position: absolute;
2355
2408
  }
2356
2409
 
2357
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2358
- content: "";
2359
- transform: translate(var(--ax-space-6), -50%);
2410
+ .navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
2411
+ height: calc(100% - var(--ax-space-12));
2412
+ }
2413
+
2414
+ .navds-checkbox__icon-indeterminate {
2415
+ display: none;
2416
+ }
2417
+
2418
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2360
2419
  background-color: var(--ax-bg-default);
2361
- border-radius: 1px;
2362
- flex-shrink: 0;
2363
2420
  width: .75rem;
2364
2421
  height: .25rem;
2422
+ transform: translate(var(--ax-space-6), -50%);
2423
+ pointer-events: none;
2424
+ border-radius: 1px;
2425
+ display: block;
2365
2426
  position: absolute;
2366
2427
  top: 50%;
2367
2428
  }
2368
2429
 
2369
- .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2370
- transform: translate(.25rem, -50%);
2430
+ .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2431
+ transform: translate(var(--ax-space-4), -50%);
2432
+ height: .1875rem;
2371
2433
  }
2372
2434
 
2373
2435
  .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
@@ -2417,7 +2479,7 @@
2417
2479
  }
2418
2480
 
2419
2481
  .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
2420
- color: var(--ax-text-accent-strong);
2482
+ color: var(--ax-text-accent);
2421
2483
  }
2422
2484
 
2423
2485
  .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
@@ -2426,12 +2488,16 @@
2426
2488
  }
2427
2489
 
2428
2490
  .navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before {
2429
- border-color: var(--ax-border-danger);
2491
+ border-color: var(--ax-border-danger-strong);
2430
2492
  }
2431
2493
 
2432
2494
  .navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate):hover + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked):hover + .navds-radio__label:before {
2433
2495
  background-color: var(--ax-bg-danger-moderate-hoverA);
2434
- border-color: var(--ax-border-danger-strong);
2496
+ }
2497
+
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);
2435
2501
  }
2436
2502
 
2437
2503
  .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
@@ -2451,7 +2517,11 @@
2451
2517
  cursor: not-allowed;
2452
2518
  }
2453
2519
 
2454
- .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label), .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
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) {
2455
2525
  cursor: default;
2456
2526
  }
2457
2527
 
@@ -2483,7 +2553,7 @@
2483
2553
  border-width: 0;
2484
2554
  }
2485
2555
 
2486
- .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2556
+ .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2487
2557
  background-color: var(--ax-text-subtle);
2488
2558
  }
2489
2559
 
@@ -2504,7 +2574,7 @@
2504
2574
  color: var(--__axc-radio-checkbox-high-contrast-text);
2505
2575
  }
2506
2576
 
2507
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2577
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2508
2578
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
2509
2579
  }
2510
2580
 
@@ -2521,7 +2591,7 @@
2521
2591
  background-color: var(--__axc-radio-checkbox-high-contrast-bg);
2522
2592
  }
2523
2593
 
2524
- .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2594
+ .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2525
2595
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
2526
2596
  }
2527
2597
 
@@ -2535,15 +2605,20 @@
2535
2605
  --__axc-radio-checkbox-high-contrast-text: graytext;
2536
2606
  }
2537
2607
 
2608
+ :-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
2609
+ color: graytext;
2610
+ }
2611
+
2538
2612
  :is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
2539
2613
  color: graytext;
2540
2614
  }
2541
2615
  }
2542
2616
 
2543
2617
  .navds-select__input {
2618
+ -webkit-appearance: none;
2544
2619
  appearance: none;
2545
2620
  background-color: var(--ax-bg-input);
2546
- border-radius: var(--ax-border-radius-medium);
2621
+ border-radius: var(--ax-border-radius-large);
2547
2622
  border: 1px solid var(--ax-border-default);
2548
2623
  color: var(--ax-text-default);
2549
2624
  box-sizing: border-box;
@@ -2561,8 +2636,8 @@
2561
2636
  }
2562
2637
 
2563
2638
  .navds-select__input:focus {
2564
- outline: 2px solid var(--ax-border-focus);
2565
- outline-offset: 2px;
2639
+ outline: 3px solid var(--ax-border-focus);
2640
+ outline-offset: 3px;
2566
2641
  border-color: var(--ax-border-accent-strong);
2567
2642
  }
2568
2643
 
@@ -2598,15 +2673,21 @@
2598
2673
 
2599
2674
  .navds-form-field--small .navds-select__input {
2600
2675
  min-height: 2rem;
2601
- padding-block: 0;
2676
+ padding-top: 0;
2677
+ padding-bottom: 0;
2602
2678
  }
2603
2679
 
2604
2680
  .navds-select--error > * select {
2605
- box-shadow: 0 0 0 1px var(--ax-border-danger);
2606
- border-color: var(--ax-border-danger);
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);
2607
2688
  }
2608
2689
 
2609
- .navds-select--error > * select:hover, .navds-select--error > * select:focus {
2690
+ .navds-select--error > * select:focus {
2610
2691
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2611
2692
  border-color: var(--ax-border-danger-strong);
2612
2693
  }
@@ -2637,6 +2718,12 @@
2637
2718
  }
2638
2719
 
2639
2720
  @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
+
2640
2727
  .navds-select--readonly .navds-select__input:is(:hover, :focus) {
2641
2728
  color: buttontext;
2642
2729
  background-color: buttonface;
@@ -2649,6 +2736,7 @@
2649
2736
  }
2650
2737
 
2651
2738
  .navds-switch {
2739
+ width: -webkit-fit-content;
2652
2740
  width: fit-content;
2653
2741
  min-height: 3rem;
2654
2742
  position: relative;
@@ -2679,30 +2767,44 @@
2679
2767
  }
2680
2768
 
2681
2769
  .navds-switch__content {
2770
+ --__axc-switch-block-padding: .75rem;
2771
+ gap: var(--ax-space-2);
2772
+ padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
2682
2773
  flex-direction: column;
2683
- gap: .125rem;
2684
- padding: .75rem 0 .75rem 3.25rem;
2685
2774
  display: flex;
2775
+ position: relative;
2686
2776
  }
2687
2777
 
2688
2778
  .navds-switch--right .navds-switch__content {
2689
- padding: .75rem 3.25rem .75rem 0;
2779
+ padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
2690
2780
  }
2691
2781
 
2692
2782
  .navds-switch--small .navds-switch__content {
2693
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 0 calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem;
2783
+ --__axc-switch-block-padding: .375rem;
2784
+ }
2785
+
2786
+ .navds-switch__content.navds-switch--with-description {
2787
+ padding-bottom: 0;
2694
2788
  }
2695
2789
 
2696
- .navds-switch--right.navds-switch--small .navds-switch__content {
2697
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8) - var(--ax-space-2)) 0;
2790
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
2791
+ content: "";
2792
+ width: 100%;
2793
+ height: calc(100% - var(--__axc-switch-block-padding) * 2);
2794
+ border-radius: var(--ax-border-radius-medium);
2795
+ outline: 3px solid var(--ax-border-focus);
2796
+ outline-offset: 3px;
2797
+ pointer-events: none;
2798
+ position: absolute;
2799
+ left: 0;
2698
2800
  }
2699
2801
 
2700
- .navds-switch--with-description {
2701
- padding-bottom: 0;
2802
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
2803
+ height: calc(100% - var(--__axc-switch-block-padding) * 1);
2702
2804
  }
2703
2805
 
2704
2806
  .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
2705
- color: var(--ax-text-accent-strong);
2807
+ color: var(--ax-text-accent);
2706
2808
  }
2707
2809
 
2708
2810
  .navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
@@ -2747,9 +2849,9 @@
2747
2849
  border-color: var(--ax-bg-accent-strong-pressed);
2748
2850
  }
2749
2851
 
2750
- .navds-switch__input:focus-visible ~ .navds-switch__track {
2751
- outline: 2px solid var(--ax-border-focus);
2752
- outline-offset: 2px;
2852
+ .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
2853
+ outline: 3px solid var(--ax-border-focus);
2854
+ outline-offset: 3px;
2753
2855
  }
2754
2856
 
2755
2857
  .navds-switch__thumb {
@@ -2769,7 +2871,7 @@
2769
2871
 
2770
2872
  .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
2771
2873
  background-color: var(--ax-bg-raised);
2772
- color: var(--ax-text-accent-strong);
2874
+ color: var(--ax-text-accent);
2773
2875
  width: 1.25rem;
2774
2876
  height: 1.25rem;
2775
2877
  top: 0;
@@ -2802,12 +2904,18 @@
2802
2904
  width: auto;
2803
2905
  }
2804
2906
 
2805
- .navds-switch--right .navds-switch__input, .navds-switch--right .navds-switch__track {
2907
+ .navds-switch--right .navds-switch__input {
2908
+ left: auto;
2909
+ right: 0;
2910
+ }
2911
+
2912
+ .navds-switch--right .navds-switch__track {
2806
2913
  left: auto;
2807
2914
  right: 0;
2808
2915
  }
2809
2916
 
2810
2917
  .navds-switch__input:disabled {
2918
+ -webkit-appearance: none;
2811
2919
  appearance: none;
2812
2920
  }
2813
2921
 
@@ -2819,16 +2927,39 @@
2819
2927
  cursor: not-allowed;
2820
2928
  }
2821
2929
 
2822
- .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 {
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 {
2823
2946
  background-color: var(--ax-bg-moderate);
2824
2947
  border-color: var(--ax-border-subtleA);
2825
2948
  }
2826
2949
 
2827
- .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
2950
+ .navds-switch--readonly > .navds-switch__label-wrapper {
2951
+ cursor: default;
2952
+ }
2953
+
2954
+ .navds-switch--readonly > .navds-switch__input {
2828
2955
  cursor: default;
2829
2956
  }
2830
2957
 
2831
- .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
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 {
2832
2963
  color: var(--ax-text-default);
2833
2964
  }
2834
2965
 
@@ -2868,9 +2999,8 @@
2868
2999
  color: field;
2869
3000
  }
2870
3001
 
2871
- .navds-switch__input:focus-visible ~ .navds-switch__track {
2872
- outline-offset: 2px;
2873
- outline: 2px solid highlight;
3002
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
3003
+ outline: 3px solid highlight;
2874
3004
  }
2875
3005
 
2876
3006
  .navds-switch--disabled:not(.navds-switch--loading) {
@@ -2878,7 +3008,7 @@
2878
3008
  }
2879
3009
 
2880
3010
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
2881
- background-color: graytext;
3011
+ background-color: graytext !important;
2882
3012
  }
2883
3013
 
2884
3014
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
@@ -2891,10 +3021,11 @@
2891
3021
  }
2892
3022
 
2893
3023
  .navds-text-field__input {
3024
+ -webkit-appearance: none;
2894
3025
  appearance: none;
2895
3026
  padding: var(--ax-space-8);
2896
3027
  background: var(--ax-bg-input);
2897
- border-radius: var(--ax-border-radius-medium);
3028
+ border-radius: var(--ax-border-radius-large);
2898
3029
  border: 1px solid var(--ax-border-default);
2899
3030
  width: 100%;
2900
3031
  min-height: 3rem;
@@ -2907,8 +3038,8 @@
2907
3038
 
2908
3039
  .navds-text-field__input:focus-visible {
2909
3040
  border-color: var(--ax-border-accent-strong);
2910
- outline: 2px solid var(--ax-border-focus);
2911
- outline-offset: 2px;
3041
+ outline: 3px solid var(--ax-border-focus);
3042
+ outline-offset: 3px;
2912
3043
  }
2913
3044
 
2914
3045
  .navds-text-field__input:disabled {
@@ -2931,8 +3062,8 @@
2931
3062
  }
2932
3063
 
2933
3064
  .navds-text-field--error .navds-text-field__input:not(:disabled) {
2934
- border-color: var(--ax-border-danger);
2935
- box-shadow: 0 0 0 1px var(--ax-border-danger);
3065
+ border-color: var(--ax-border-danger-strong);
3066
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2936
3067
  }
2937
3068
 
2938
3069
  .navds-text-field--readonly .navds-text-field__input {
@@ -2966,10 +3097,11 @@
2966
3097
 
2967
3098
  .navds-textarea__input {
2968
3099
  height: var(--__axc-textarea-height);
3100
+ -webkit-appearance: none;
2969
3101
  appearance: none;
2970
3102
  padding: var(--ax-space-8);
2971
3103
  background-color: var(--ax-bg-input);
2972
- border-radius: var(--ax-border-radius-medium);
3104
+ border-radius: var(--ax-border-radius-large);
2973
3105
  border: 1px solid var(--ax-border-default);
2974
3106
  resize: none;
2975
3107
  width: 100%;
@@ -2986,8 +3118,8 @@
2986
3118
  }
2987
3119
 
2988
3120
  .navds-textarea__input:focus-visible {
2989
- outline: 2px solid var(--ax-border-focus);
2990
- outline-offset: 2px;
3121
+ outline: 3px solid var(--ax-border-focus);
3122
+ outline-offset: 3px;
2991
3123
  border-color: var(--ax-border-accent-strong);
2992
3124
  }
2993
3125
 
@@ -3026,17 +3158,50 @@
3026
3158
 
3027
3159
  .navds-textarea--resize-both .navds-textarea__input {
3028
3160
  resize: both;
3029
- border-end-end-radius: 0;
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;
3030
3173
  }
3031
3174
 
3032
3175
  .navds-textarea--resize-horizontal .navds-textarea__input {
3033
3176
  resize: horizontal;
3034
- border-end-end-radius: 0;
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;
3035
3189
  }
3036
3190
 
3037
3191
  .navds-textarea--resize-vertical .navds-textarea__input {
3038
3192
  resize: vertical;
3039
- border-end-end-radius: 0;
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;
3040
3205
  }
3041
3206
 
3042
3207
  .navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
@@ -3052,8 +3217,8 @@
3052
3217
  }
3053
3218
 
3054
3219
  .navds-textarea--error .navds-textarea__input:not(:disabled) {
3055
- box-shadow: 0 0 0 1px var(--ax-border-danger);
3056
- border-color: var(--ax-border-danger);
3220
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
3221
+ border-color: var(--ax-border-danger-strong);
3057
3222
  }
3058
3223
 
3059
3224
  @media (forced-colors: active) {
@@ -3079,18 +3244,19 @@
3079
3244
  }
3080
3245
 
3081
3246
  .navds-search--with-size .navds-search__wrapper {
3247
+ width: -webkit-fit-content;
3082
3248
  width: fit-content;
3083
3249
  }
3084
3250
 
3085
3251
  .navds-search__wrapper {
3086
- border-radius: var(--ax-border-radius-medium);
3252
+ border-radius: var(--ax-border-radius-large);
3087
3253
  align-items: center;
3088
3254
  display: inline-flex;
3089
3255
  }
3090
3256
 
3091
3257
  .navds-search__wrapper:has(.navds-search__input:focus-visible) {
3092
- outline: 2px solid var(--ax-border-focus);
3093
- outline-offset: 2px;
3258
+ outline: 3px solid var(--ax-border-focus);
3259
+ outline-offset: 3px;
3094
3260
  }
3095
3261
 
3096
3262
  .navds-search__input {
@@ -3101,7 +3267,13 @@
3101
3267
  outline: none;
3102
3268
  }
3103
3269
 
3104
- .navds-search__input.navds-search__input--primary, .navds-search__input.navds-search__input--secondary {
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 {
3105
3277
  border-right: none;
3106
3278
  border-top-right-radius: 0;
3107
3279
  border-bottom-right-radius: 0;
@@ -3150,8 +3322,8 @@
3150
3322
 
3151
3323
  .navds-search__button-search {
3152
3324
  border-radius: 0;
3153
- border-top-right-radius: var(--ax-border-radius-medium);
3154
- border-bottom-right-radius: var(--ax-border-radius-medium);
3325
+ border-top-right-radius: var(--ax-border-radius-large);
3326
+ border-bottom-right-radius: var(--ax-border-radius-large);
3155
3327
  flex-shrink: 0;
3156
3328
  }
3157
3329
 
@@ -3172,20 +3344,28 @@
3172
3344
  --__axc-button-border-color: transparent;
3173
3345
  }
3174
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
+
3175
3351
  .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) {
3176
3352
  --__axc-button-border-color: var(--ax-border-accent-strong);
3177
3353
  }
3178
3354
 
3179
3355
  .navds-search--error .navds-search__input:not(:disabled) {
3180
- border-color: var(--ax-border-danger);
3181
- box-shadow: inset -2px 0 0 0 var(--ax-border-danger), inset 0 0 0 1px var(--ax-border-danger);
3356
+ border-color: var(--ax-border-danger-strong);
3357
+ box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong), inset 0 0 0 1px var(--ax-border-danger-strong);
3182
3358
  }
3183
3359
 
3184
3360
  .navds-search--error .navds-search__input:not(:disabled).navds-search__input--simple {
3185
- box-shadow: inset 0 0 0 1px var(--ax-border-danger);
3361
+ box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
3362
+ }
3363
+
3364
+ .navds-search__input:focus-visible {
3365
+ z-index: 1;
3186
3366
  }
3187
3367
 
3188
- .navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
3368
+ .navds-search__button-search:focus-visible {
3189
3369
  z-index: 1;
3190
3370
  }
3191
3371
 
@@ -3201,15 +3381,19 @@
3201
3381
  --__axc-combobox-list-item-padding-inline: var(--ax-space-12);
3202
3382
  --__axc-combobox-border-width: 1px;
3203
3383
  --__axc-combobox-input-height: 2rem;
3204
- border-radius: var(--ax-border-radius-medium);
3384
+ border-radius: var(--ax-border-radius-large);
3205
3385
  flex-direction: column;
3206
3386
  width: 100%;
3207
3387
  display: flex;
3208
3388
  position: relative;
3209
3389
  }
3210
3390
 
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
+
3211
3395
  .navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
3212
- border-color: var(--ax-border-focus);
3396
+ border-color: var(--ax-border-accent-strong);
3213
3397
  }
3214
3398
 
3215
3399
  .navds-form-field--small .navds-combobox__wrapper {
@@ -3224,11 +3408,19 @@
3224
3408
  opacity: var(--ax-opacity-disabled);
3225
3409
  }
3226
3410
 
3411
+ .navds-combobox--disabled .navds-combobox__wrapper:hover {
3412
+ border-color: var(--ax-border-default);
3413
+ }
3414
+
3227
3415
  .navds-combobox--disabled .navds-combobox__wrapper :hover {
3228
3416
  cursor: not-allowed;
3229
3417
  }
3230
3418
 
3231
- .navds-combobox--disabled .navds-combobox__selected-options, .navds-combobox--disabled .navds-combobox--readonly {
3419
+ .navds-combobox--disabled .navds-combobox__selected-options {
3420
+ pointer-events: none;
3421
+ }
3422
+
3423
+ .navds-combobox--disabled .navds-combobox--readonly {
3232
3424
  pointer-events: none;
3233
3425
  }
3234
3426
 
@@ -3249,7 +3441,11 @@
3249
3441
  overflow: clip;
3250
3442
  }
3251
3443
 
3252
- .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
3444
+ .navds-combobox--readonly .navds-text-field__input {
3445
+ background-color: var(--ax-bg-moderate);
3446
+ }
3447
+
3448
+ .navds-combobox--readonly .navds-combobox__input {
3253
3449
  background-color: var(--ax-bg-moderate);
3254
3450
  }
3255
3451
 
@@ -3260,13 +3456,13 @@
3260
3456
 
3261
3457
  .navds-combobox__wrapper-inner {
3262
3458
  border: 1px solid var(--ax-border-default);
3263
- border-radius: var(--ax-border-radius-medium);
3459
+ border-radius: var(--ax-border-radius-large);
3264
3460
  }
3265
3461
 
3266
3462
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
3267
- outline: 2px solid var(--ax-border-focus);
3268
- outline-offset: 2px;
3269
- border-color: var(--ax-border-focus);
3463
+ outline: 3px solid var(--ax-border-focus);
3464
+ outline-offset: 3px;
3465
+ border-color: var(--ax-border-accent-strong);
3270
3466
  }
3271
3467
 
3272
3468
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
@@ -3298,13 +3494,17 @@
3298
3494
  cursor: text;
3299
3495
  }
3300
3496
 
3497
+ .navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
3498
+ border-color: var(--ax-border-default);
3499
+ }
3500
+
3301
3501
  .navds-combobox--error .navds-combobox__wrapper-inner {
3302
- border-color: var(--ax-border-danger);
3303
- box-shadow: 0 0 0 1px var(--ax-border-danger);
3502
+ border-color: var(--ax-border-danger-strong);
3503
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
3304
3504
  }
3305
3505
 
3306
3506
  .navds-combobox--error .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
3307
- border-color: var(--ax-border-danger);
3507
+ border-color: var(--ax-border-danger-strong);
3308
3508
  }
3309
3509
 
3310
3510
  .navds-combobox__selected-options {
@@ -3370,7 +3570,11 @@
3370
3570
  outline: none;
3371
3571
  }
3372
3572
 
3373
- .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus), .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
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 {
3374
3578
  outline: none;
3375
3579
  }
3376
3580
  }
@@ -3380,7 +3584,6 @@
3380
3584
  }
3381
3585
 
3382
3586
  .navds-combobox__button-toggle-list {
3383
- border-radius: var(--ax-border-radius-medium);
3384
3587
  color: var(--ax-text-default);
3385
3588
  cursor: pointer;
3386
3589
  background: none;
@@ -3402,7 +3605,7 @@
3402
3605
 
3403
3606
  .navds-combobox__list {
3404
3607
  z-index: 10;
3405
- max-height: 290px;
3608
+ max-height: 316px;
3406
3609
  left: 0;
3407
3610
  right: 0;
3408
3611
  top: calc(100% + var(--ax-space-8));
@@ -3429,9 +3632,9 @@
3429
3632
  .navds-combobox__list-item, .navds-combobox__list-item--loading, .navds-combobox__list-item--no-options, .navds-combobox__list-item--new-option, .navds-combobox__list-item--max-selected {
3430
3633
  padding-block: var(--__axc-combobox-list-item-padding-block);
3431
3634
  padding-inline: var(--__axc-combobox-list-item-padding-inline);
3432
- border-radius: var(--ax-border-radius-medium);
3635
+ border-radius: var(--ax-border-radius-large);
3433
3636
  margin-inline: var(--ax-space-8);
3434
- margin-block: var(--ax-space-4);
3637
+ margin-block: var(--ax-space-2);
3435
3638
  border: 0;
3436
3639
  justify-content: space-between;
3437
3640
  align-items: center;
@@ -3472,7 +3675,6 @@
3472
3675
  .navds-combobox__list-item--focus {
3473
3676
  cursor: pointer;
3474
3677
  outline: 2px solid var(--ax-border-focus);
3475
- outline-offset: 2px;
3476
3678
  }
3477
3679
 
3478
3680
  .navds-combobox__list-item {
@@ -3487,11 +3689,12 @@
3487
3689
 
3488
3690
  .navds-combobox__list-item mark {
3489
3691
  font-weight: var(--ax-font-weight-bold);
3692
+ color: var(--ax-text-default);
3490
3693
  background-color: rgba(0, 0, 0, 0);
3491
3694
  }
3492
3695
 
3493
3696
  .navds-combobox__list-item svg {
3494
- color: var(--ax-text-accent);
3697
+ color: var(--ax-text-default);
3495
3698
  }
3496
3699
 
3497
3700
  .navds-combobox__list-item--selected {
@@ -3507,11 +3710,10 @@
3507
3710
  background: var(--ax-bg-accent-moderateA);
3508
3711
  cursor: pointer;
3509
3712
  margin: 0;
3510
- margin-block: calc(var(--ax-space-4) * -1);
3511
- padding-block: var(--ax-space-16);
3512
3713
  border-radius: 0;
3513
3714
  justify-content: flex-start;
3514
3715
  gap: .25rem;
3716
+ margin-top: calc(var(--ax-space-4) * -1);
3515
3717
  }
3516
3718
 
3517
3719
  .navds-combobox__list-item--new-option svg {
@@ -3519,6 +3721,7 @@
3519
3721
  }
3520
3722
 
3521
3723
  .navds-combobox__list-item--new-option:only-child {
3724
+ margin-block: calc(var(--ax-space-4) * -1);
3522
3725
  border: none;
3523
3726
  }
3524
3727
 
@@ -3538,6 +3741,7 @@
3538
3741
  }
3539
3742
 
3540
3743
  .navds-combobox__input {
3744
+ min-width: -webkit-min-content;
3541
3745
  min-width: min-content;
3542
3746
  padding: .75rem 0;
3543
3747
  }
@@ -3743,7 +3947,7 @@
3743
3947
 
3744
3948
  .navds-form-progress__stepper {
3745
3949
  border: 1px solid var(--ax-border-subtle);
3746
- border-radius: var(--ax-border-radius-large);
3950
+ border-radius: var(--ax-border-radius-xlarge);
3747
3951
  padding: var(--ax-space-16) var(--ax-space-20);
3748
3952
  margin-top: var(--ax-space-4);
3749
3953
  background: var(--ax-bg-raised);
@@ -3781,7 +3985,11 @@
3781
3985
  background-color: var(--ax-bg-accent-hoverA);
3782
3986
  }
3783
3987
 
3784
- .navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
3988
+ .navds-accordion__header:hover:before {
3989
+ display: none;
3990
+ }
3991
+
3992
+ .navds-accordion__header:hover:after {
3785
3993
  display: none;
3786
3994
  }
3787
3995
 
@@ -3799,17 +4007,21 @@
3799
4007
  }
3800
4008
 
3801
4009
  .navds-accordion__header:focus-visible {
3802
- outline: 2px solid var(--ax-border-focus);
3803
- outline-offset: 2px;
4010
+ outline: 3px solid var(--ax-border-focus);
4011
+ outline-offset: 3px;
3804
4012
  z-index: 1;
3805
4013
  }
3806
4014
 
3807
- .navds-accordion__header:focus-visible:before, .navds-accordion__header:focus-visible:after {
4015
+ .navds-accordion__header:focus-visible:before {
4016
+ display: none;
4017
+ }
4018
+
4019
+ .navds-accordion__header:focus-visible:after {
3808
4020
  display: none;
3809
4021
  }
3810
4022
 
3811
4023
  .navds-accordion--small .navds-accordion__header {
3812
- padding-block: var(--a-spacing-2);
4024
+ padding-block: var(--ax-space-8);
3813
4025
  }
3814
4026
 
3815
4027
  .navds-accordion__header:before, .navds-accordion__header:after {
@@ -3824,16 +4036,16 @@
3824
4036
  right: 0;
3825
4037
  }
3826
4038
 
3827
- .navds-accordion__item:last-child > .navds-accordion__content {
3828
- border-bottom: 1px solid rgba(0, 0, 0, 0);
3829
- }
3830
-
3831
4039
  .navds-accordion__header:after {
3832
4040
  top: initial;
3833
4041
  bottom: 0;
3834
4042
  }
3835
4043
 
3836
- .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 {
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 {
3837
4049
  display: none;
3838
4050
  }
3839
4051
 
@@ -3842,7 +4054,7 @@
3842
4054
  background-color: var(--ax-bg-accent-moderateA);
3843
4055
  width: 22px;
3844
4056
  height: 22px;
3845
- color: var(--ax-text-accent-strong);
4057
+ color: var(--ax-text-accent);
3846
4058
  align-self: center;
3847
4059
  }
3848
4060
 
@@ -3857,68 +4069,62 @@
3857
4069
  transform: rotateX(-180deg);
3858
4070
  }
3859
4071
 
3860
- .navds-accordion__content {
3861
- --__acx-accordion-content-line-width: 2px;
3862
- padding-inline: var(--ax-space-24) var(--ax-space-12);
3863
- max-height: 0;
3864
- transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
3865
- border-color: rgba(0, 0, 0, 0);
3866
- padding-block: 0;
3867
- animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
3868
- display: none;
3869
- overflow: hidden;
3870
- }
3871
-
3872
- .navds-accordion__item--no-animation {
3873
- animation: none;
4072
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
4073
+ padding-block: var(--ax-space-8);
4074
+ padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
3874
4075
  }
3875
4076
 
3876
- @keyframes navds-accordion-content-animation {
3877
- 0% {
3878
- opacity: .01;
3879
- }
3880
-
3881
- 20% {
3882
- opacity: .01;
3883
- }
3884
-
3885
- 100% {
3886
- opacity: 1;
4077
+ @media (forced-colors: active) {
4078
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
4079
+ border-left: 1px solid canvastext;
3887
4080
  }
3888
4081
  }
3889
4082
 
3890
4083
  .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
3891
- padding-inline: var(--ax-space-24) var(--ax-space-12);
4084
+ box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
3892
4085
  }
3893
4086
 
3894
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
3895
- box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
3896
- padding-block: var(--ax-space-8);
3897
- padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
4087
+ .navds-accordion__item > .navds-accordion__content {
4088
+ visibility: hidden;
4089
+ margin-inline: var(--ax-space-24) var(--ax-space-12);
4090
+ opacity: 0;
4091
+ border-color: rgba(0, 0, 0, 0);
4092
+ grid-template-rows: 0fr;
4093
+ margin-top: 0;
4094
+ margin-bottom: 0;
4095
+ transition-property: visibility, opacity, grid-template-rows, margin, min-height;
4096
+ transition-duration: .25s;
4097
+ transition-timing-function: cubic-bezier(.2, 0, 0, 1);
4098
+ display: grid;
4099
+ overflow: hidden;
3898
4100
  }
3899
4101
 
3900
- @media (forced-colors: active) {
3901
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
3902
- border-left: 1px solid canvastext;
3903
- }
4102
+ .navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
4103
+ min-height: 0;
4104
+ padding-top: 0;
4105
+ padding-bottom: 0;
3904
4106
  }
3905
4107
 
3906
4108
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
3907
- opacity: 1;
3908
- max-height: fit-content;
3909
- padding-block: var(--ax-space-8);
4109
+ visibility: visible;
4110
+ margin-block: var(--ax-space-8);
3910
4111
  border-color: var(--ax-border-subtleA);
3911
- padding-block-end: var(--ax-space-24);
3912
- display: block;
3913
- overflow: visible;
4112
+ opacity: 1;
4113
+ grid-template-rows: 1fr;
4114
+ margin-bottom: var(--ax-space-24);
3914
4115
  }
3915
4116
 
3916
- @starting-style {
3917
- .navds-accordion__item[data-expanded="true"]:not(.navds-accordion__item--no-animation) > .navds-accordion__content {
3918
- border-color: rgba(0, 0, 0, 0);
3919
- max-height: 0;
3920
- padding-block: 0;
3921
- }
4117
+ .navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
4118
+ min-height: -webkit-fit-content;
4119
+ min-height: fit-content;
4120
+ }
4121
+
4122
+ .navds-accordion__item[data-expanded="true"]:last-child {
4123
+ border-bottom: 1px solid var(--ax-border-subtleA);
4124
+ }
4125
+
4126
+ .navds-accordion__item--no-animation > .navds-accordion__content {
4127
+ transition: none;
3922
4128
  }
3923
4129
 
3924
4130
  .navds-alert {
@@ -3956,7 +4162,7 @@
3956
4162
 
3957
4163
  .navds-alert--small > .navds-alert__icon {
3958
4164
  height: var(--ax-font-line-height-large);
3959
- margin-block-start: 0;
4165
+ margin-top: 0;
3960
4166
  }
3961
4167
 
3962
4168
  .navds-alert--info {
@@ -4013,16 +4219,24 @@
4013
4219
  display: flex;
4014
4220
  }
4015
4221
 
4016
- .navds-alert--close-button > .navds-alert__wrapper, .navds-alert--close-button > .navds-alert__icon {
4017
- margin-block-start: var(--ax-space-2);
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);
4018
4228
  }
4019
4229
 
4020
4230
  .navds-alert--close-button.navds-alert--small {
4021
4231
  align-items: flex-start;
4022
4232
  }
4023
4233
 
4024
- .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper, .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
4025
- margin-block-start: var(--ax-space-4);
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);
4026
4240
  }
4027
4241
 
4028
4242
  .navds-chat {
@@ -4086,6 +4300,7 @@
4086
4300
  border-bottom-left-radius: var(--ax-border-radius-small);
4087
4301
  border: 1px solid var(--ax-border-subtleA);
4088
4302
  flex-direction: column;
4303
+ width: -webkit-fit-content;
4089
4304
  width: fit-content;
4090
4305
  display: flex;
4091
4306
  }
@@ -4094,12 +4309,20 @@
4094
4309
  padding: var(--ax-space-12) var(--ax-space-16);
4095
4310
  }
4096
4311
 
4097
- .navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
4098
- background-color: var(--ax-bg-info-raised);
4312
+ .navds-chat--info .navds-chat__bubble {
4313
+ background-color: var(--ax-bg-info-moderate);
4099
4314
  }
4100
4315
 
4101
- .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
4102
- background-color: var(--ax-bg-raised);
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);
4103
4326
  }
4104
4327
 
4105
4328
  .navds-chat__top-text {
@@ -4130,7 +4353,7 @@
4130
4353
  .navds-copybutton {
4131
4354
  --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
4132
4355
  cursor: pointer;
4133
- border-radius: var(--ax-border-radius-medium);
4356
+ border-radius: var(--ax-border-radius-large);
4134
4357
  padding: var(--__axc-copybutton-padding);
4135
4358
  background-color: rgba(0, 0, 0, 0);
4136
4359
  border: none;
@@ -4154,8 +4377,8 @@
4154
4377
  }
4155
4378
 
4156
4379
  .navds-copybutton:focus-visible {
4157
- outline: 2px solid var(--ax-border-focus);
4158
- outline-offset: 2px;
4380
+ outline: 3px solid var(--ax-border-focus);
4381
+ outline-offset: 3px;
4159
4382
  }
4160
4383
 
4161
4384
  .navds-copybutton:disabled {
@@ -4194,12 +4417,8 @@
4194
4417
  --__axc-copybutton-padding: var(--ax-space-4);
4195
4418
  }
4196
4419
 
4197
- .navds-copybutton--small .navds-copybutton__icon {
4198
- font-size: 1.25rem;
4199
- }
4200
-
4201
4420
  .navds-copybutton--small > .navds-copybutton__content {
4202
- gap: var(--ax-space-6);
4421
+ gap: var(--ax-space-4);
4203
4422
  }
4204
4423
 
4205
4424
  .navds-copybutton--xsmall {
@@ -4221,7 +4440,7 @@
4221
4440
  }
4222
4441
 
4223
4442
  .navds-copybutton--xsmall > .navds-copybutton__content {
4224
- gap: var(--ax-space-4);
4443
+ gap: var(--ax-space-2);
4225
4444
  }
4226
4445
 
4227
4446
  .navds-copybutton__icon {
@@ -4229,18 +4448,6 @@
4229
4448
  display: flex;
4230
4449
  }
4231
4450
 
4232
- .navds-copybutton__icon:first-of-type {
4233
- margin-left: -.25rem;
4234
- }
4235
-
4236
- .navds-copybutton__icon:last-of-type {
4237
- margin-right: -.25rem;
4238
- }
4239
-
4240
- .navds-copybutton__icon:only-child {
4241
- margin: 0;
4242
- }
4243
-
4244
4451
  .navds-copybutton--active .navds-copybutton__icon {
4245
4452
  animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
4246
4453
  }
@@ -4271,14 +4478,6 @@
4271
4478
  color: var(--ax-text-success);
4272
4479
  }
4273
4480
 
4274
- .navds-copybutton--action.navds-copybutton--active:hover {
4275
- color: var(--ax-text-success-strong);
4276
- }
4277
-
4278
- .navds-copybutton--action:hover {
4279
- color: var(--ax-text-accent-strong);
4280
- }
4281
-
4282
4481
  .navds-copybutton--action:disabled {
4283
4482
  color: var(--ax-text-accent);
4284
4483
  }
@@ -4287,10 +4486,6 @@
4287
4486
  color: var(--ax-text-subtle);
4288
4487
  }
4289
4488
 
4290
- .navds-copybutton--neutral:hover, .navds-copybutton--neutral.navds-copybutton--active {
4291
- color: var(--ax-text-default);
4292
- }
4293
-
4294
4489
  .navds-copybutton--neutral:disabled {
4295
4490
  color: var(--ax-text-subtle);
4296
4491
  }
@@ -4298,7 +4493,7 @@
4298
4493
  .navds-copybutton__content {
4299
4494
  justify-content: center;
4300
4495
  align-items: center;
4301
- gap: var(--ax-space-8);
4496
+ gap: var(--ax-space-6);
4302
4497
  display: inline-flex;
4303
4498
  }
4304
4499
 
@@ -4317,7 +4512,12 @@
4317
4512
  color: var(--ax-text-default);
4318
4513
  }
4319
4514
 
4320
- .navds-date .rdp-month, .navds-date.rdp-month {
4515
+ .navds-date .rdp-month {
4516
+ gap: var(--ax-space-20);
4517
+ display: grid;
4518
+ }
4519
+
4520
+ .navds-date.rdp-month {
4321
4521
  gap: var(--ax-space-20);
4322
4522
  display: grid;
4323
4523
  }
@@ -4334,22 +4534,22 @@
4334
4534
  .navds-date .rdp-button {
4335
4535
  all: unset;
4336
4536
  text-align: center;
4337
- border-radius: var(--ax-border-radius-medium);
4537
+ border-radius: var(--ax-border-radius-large);
4338
4538
  width: 2.5rem;
4339
4539
  height: 2.5rem;
4340
4540
  display: block;
4341
4541
  }
4342
4542
 
4343
4543
  .navds-date .rdp-day_range_start {
4344
- border-radius: var(--ax-border-radius-xlarge) var(--ax-border-radius-medium) var(--ax-border-radius-medium) var(--ax-border-radius-xlarge);
4544
+ border-radius: 100% var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) 100%;
4345
4545
  }
4346
4546
 
4347
4547
  .navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
4348
- border-radius: var(--ax-border-radius-medium) var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) var(--ax-border-radius-medium);
4548
+ border-radius: var(--ax-border-radius-large) 100% 100% var(--ax-border-radius-large);
4349
4549
  }
4350
4550
 
4351
4551
  .navds-date .rdp-day_range_start.rdp-day_range_end {
4352
- border-radius: var(--ax-border-radius-xlarge);
4552
+ border-radius: var(--ax-border-radius-large);
4353
4553
  }
4354
4554
 
4355
4555
  .navds-date .navds-date__field {
@@ -4359,7 +4559,13 @@
4359
4559
  position: relative;
4360
4560
  }
4361
4561
 
4362
- .navds-date .rdp-day_selected, .navds-date .navds-monthpicker__month--selected {
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 {
4363
4569
  color: var(--ax-text-accent-contrast);
4364
4570
  background: var(--ax-bg-accent-strong-pressed);
4365
4571
  cursor: pointer;
@@ -4372,7 +4578,12 @@
4372
4578
  text-decoration: line-through;
4373
4579
  }
4374
4580
 
4375
- .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
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 {
4376
4587
  background: var(--ax-bg-accent-moderate-hoverA);
4377
4588
  cursor: pointer;
4378
4589
  }
@@ -4394,7 +4605,11 @@
4394
4605
  transform: translateX(-50%);
4395
4606
  }
4396
4607
 
4397
- :is(.navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .navds-date .rdp-day_today:active):before {
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 {
4398
4613
  background-color: var(--ax-text-accent-contrast);
4399
4614
  }
4400
4615
 
@@ -4403,7 +4618,11 @@
4403
4618
  pointer-events: none;
4404
4619
  }
4405
4620
 
4406
- .navds-date__modal .navds-date, .navds-date__modal-body > .navds-date {
4621
+ .navds-date__modal .navds-date {
4622
+ padding: 0;
4623
+ }
4624
+
4625
+ .navds-date__modal-body > .navds-date {
4407
4626
  padding: 0;
4408
4627
  }
4409
4628
 
@@ -4429,7 +4648,7 @@
4429
4648
  all: unset;
4430
4649
  text-align: center;
4431
4650
  text-transform: capitalize;
4432
- border-radius: var(--ax-border-radius-medium);
4651
+ border-radius: var(--ax-border-radius-large);
4433
4652
  cursor: pointer;
4434
4653
  width: 3rem;
4435
4654
  height: 3rem;
@@ -4441,16 +4660,28 @@
4441
4660
  }
4442
4661
 
4443
4662
  .navds-date__wrapper, .navds-date__standalone-wrapper {
4663
+ width: -webkit-fit-content;
4444
4664
  width: fit-content;
4665
+ height: -webkit-fit-content;
4445
4666
  height: fit-content;
4446
4667
  }
4447
4668
 
4448
- :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 {
4449
- outline: 2px solid var(--ax-border-focus);
4450
- outline-offset: 1px;
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 {
4680
+ outline: 3px solid var(--ax-border-focus);
4681
+ outline-offset: 3px;
4451
4682
  }
4452
4683
 
4453
- :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) {
4684
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
4454
4685
  color: var(--ax-text-accent-contrast);
4455
4686
  background-color: var(--ax-bg-accent-strong-pressed);
4456
4687
  }
@@ -4466,12 +4697,10 @@
4466
4697
  .navds-date__field-button {
4467
4698
  color: var(--ax-text-default);
4468
4699
  cursor: pointer;
4469
- border-radius: calc(var(--ax-border-radius-medium) - 1px);
4700
+ border-radius: calc(var(--ax-border-radius-large) - 1px);
4470
4701
  padding: var(--ax-space-12);
4471
4702
  background: none;
4472
4703
  border: none;
4473
- border-start-start-radius: 0;
4474
- border-end-start-radius: 0;
4475
4704
  justify-content: center;
4476
4705
  align-items: center;
4477
4706
  height: calc(100% - .125rem);
@@ -4485,6 +4714,21 @@
4485
4714
  transform: translateY(-50%);
4486
4715
  }
4487
4716
 
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
+
4488
4732
  .navds-form-field--small .navds-date__field-button {
4489
4733
  padding: var(--ax-space-4);
4490
4734
  }
@@ -4504,6 +4748,7 @@
4504
4748
 
4505
4749
  .navds-date__field-wrapper {
4506
4750
  align-items: center;
4751
+ width: -webkit-fit-content;
4507
4752
  width: fit-content;
4508
4753
  display: inline-flex;
4509
4754
  position: relative;
@@ -4568,7 +4813,8 @@
4568
4813
  color: var(--ac-dropdown-text, var(--a-text-default));
4569
4814
  width: 27ch;
4570
4815
  max-height: 616px;
4571
- overflow: hidden auto;
4816
+ overflow-x: hidden;
4817
+ overflow-y: auto;
4572
4818
  }
4573
4819
 
4574
4820
  .navds-dropdown__divider {
@@ -4655,7 +4901,7 @@
4655
4901
  }
4656
4902
 
4657
4903
  .navds-action-menu__content {
4658
- border-radius: var(--ax-border-radius-large);
4904
+ border-radius: var(--ax-border-radius-xlarge);
4659
4905
  border: 1px solid var(--ax-border-subtleA);
4660
4906
  box-shadow: var(--ax-shadow-dialog);
4661
4907
  transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
@@ -4691,7 +4937,7 @@
4691
4937
  --__axc-action-menu-item-pr: var(--ax-space-8);
4692
4938
  --__axc-action-menu-item-pl: var(--ax-space-8);
4693
4939
  --__axc-action-menu-item-height: 2rem;
4694
- border-radius: var(--ax-border-radius-large);
4940
+ border-radius: var(--ax-border-radius-xlarge);
4695
4941
  background-color: var(--ax-bg-raised);
4696
4942
  min-width: 128px;
4697
4943
  max-width: min(95vw, 640px);
@@ -4708,7 +4954,7 @@
4708
4954
  gap: var(--ax-space-8);
4709
4955
  min-height: var(--__axc-action-menu-item-height);
4710
4956
  cursor: default;
4711
- border-radius: var(--ax-border-radius-medium);
4957
+ border-radius: var(--ax-border-radius-large);
4712
4958
  padding-left: var(--__axc-action-menu-item-pl);
4713
4959
  padding-right: var(--__axc-action-menu-item-pr);
4714
4960
  font-size: var(--ax-font-size-medium);
@@ -4757,7 +5003,7 @@
4757
5003
 
4758
5004
  .navds-action-menu__item--danger:focus {
4759
5005
  background-color: var(--ax-bg-danger-moderate-hoverA);
4760
- color: var(--ax-text-danger-strong);
5006
+ color: var(--ax-text-danger);
4761
5007
  }
4762
5008
 
4763
5009
  .navds-action-menu__marker {
@@ -4827,7 +5073,15 @@
4827
5073
  display: grid;
4828
5074
  }
4829
5075
 
4830
- .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 {
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 {
4831
5085
  display: block;
4832
5086
  }
4833
5087
 
@@ -4837,11 +5091,12 @@
4837
5091
 
4838
5092
  .navds-expansioncard {
4839
5093
  --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
4840
- --__axc-expansioncard-padding-block: var(--ax-space-16);
5094
+ --__axc-expansioncard-padding-block: var(--ax-space-20);
4841
5095
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
4842
5096
  border-radius: var(--ax-border-radius-xlarge);
4843
5097
  background-color: var(--ax-bg-raised);
4844
5098
  border: 1px solid var(--ax-border-default);
5099
+ height: -webkit-fit-content;
4845
5100
  height: fit-content;
4846
5101
  }
4847
5102
 
@@ -4852,13 +5107,17 @@
4852
5107
 
4853
5108
  .navds-expansioncard--small {
4854
5109
  --__axc-expansioncard-padding-inline: var(--ax-space-16);
4855
- --__axc-expansioncard-padding-block: var(--ax-space-12);
5110
+ --__axc-expansioncard-padding-block: var(--ax-space-16);
4856
5111
  }
4857
5112
 
4858
5113
  .navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
4859
5114
  margin-top: var(--ax-space-2);
4860
5115
  }
4861
5116
 
5117
+ .navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
5118
+ margin-top: 0;
5119
+ }
5120
+
4862
5121
  .navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
4863
5122
  margin-top: 0;
4864
5123
  }
@@ -4880,7 +5139,7 @@
4880
5139
  }
4881
5140
 
4882
5141
  .navds-expansioncard__header:hover {
4883
- background-color: var(--ax-bg-hover);
5142
+ background-color: var(--ax-bg-hoverA);
4884
5143
  }
4885
5144
 
4886
5145
  .navds-expansioncard__header[data-open="true"] {
@@ -4890,7 +5149,7 @@
4890
5149
 
4891
5150
  .navds-expansioncard__header[data-open="true"]:after {
4892
5151
  content: "";
4893
- background-color: var(--ax-border-subtle);
5152
+ background-color: var(--ax-border-subtleA);
4894
5153
  bottom: 0;
4895
5154
  left: var(--__axc-expansioncard-padding-inline);
4896
5155
  height: 1px;
@@ -4930,15 +5189,7 @@
4930
5189
  }
4931
5190
 
4932
5191
  .navds-expansioncard__header-button:focus-visible {
4933
- outline: 2px solid var(--ax-border-focus);
4934
- outline-offset: 2px;
4935
- }
4936
-
4937
- @supports not selector(:focus-visible) {
4938
- .navds-expansioncard__header-button:focus {
4939
- outline: 2px solid var(--ax-border-focus);
4940
- outline-offset: 2px;
4941
- }
5192
+ outline: 3px solid var(--ax-border-focus);
4942
5193
  }
4943
5194
 
4944
5195
  .navds-expansioncard__header-button:after {
@@ -4948,7 +5199,10 @@
4948
5199
  width: 100%;
4949
5200
  height: 100%;
4950
5201
  position: absolute;
4951
- inset: 0;
5202
+ top: 0;
5203
+ bottom: 0;
5204
+ left: 0;
5205
+ right: 0;
4952
5206
  }
4953
5207
 
4954
5208
  .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
@@ -4970,17 +5224,31 @@
4970
5224
  .navds-expansioncard__content {
4971
5225
  padding-inline: var(--__axc-expansioncard-padding-inline);
4972
5226
  visibility: hidden;
4973
- border-end-end-radius: var(--__axc-expansioncard-border-radius);
4974
- border-end-start-radius: var(--__axc-expansioncard-border-radius);
4975
5227
  grid-template-rows: 0fr;
4976
- padding-block: 0;
4977
- transition-property: visibility, padding-block, grid-template-rows;
5228
+ padding-top: 0;
5229
+ padding-bottom: 0;
5230
+ transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
4978
5231
  transition-duration: .25s;
4979
5232
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
4980
5233
  display: grid;
4981
5234
  overflow: hidden;
4982
5235
  }
4983
5236
 
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
+
4984
5252
  .navds-expansioncard__content[data-open="true"] {
4985
5253
  visibility: visible;
4986
5254
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -4997,18 +5265,28 @@
4997
5265
  transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
4998
5266
  }
4999
5267
 
5268
+ .navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
5269
+ transition: none;
5270
+ }
5271
+
5000
5272
  .navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
5001
5273
  transition: none;
5002
5274
  }
5003
5275
 
5004
5276
  .navds-guide-panel {
5005
5277
  --__axc-guide-panel-guide-size: 3.75rem;
5278
+ width: -webkit-fit-content;
5006
5279
  width: fit-content;
5007
5280
  display: flex;
5008
5281
  position: relative;
5009
5282
  }
5010
5283
 
5011
- .navds-guide-panel[data-poster="true"], .navds-guide-panel[data-responsive="true"] {
5284
+ .navds-guide-panel[data-poster="true"] {
5285
+ flex-direction: column;
5286
+ align-items: center;
5287
+ }
5288
+
5289
+ .navds-guide-panel[data-responsive="true"] {
5012
5290
  flex-direction: column;
5013
5291
  align-items: center;
5014
5292
  }
@@ -5051,6 +5329,10 @@
5051
5329
  position: relative;
5052
5330
  }
5053
5331
 
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
+
5054
5336
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
5055
5337
  margin-top: var(--ax-space-20);
5056
5338
  }
@@ -5093,6 +5375,12 @@
5093
5375
  position: absolute;
5094
5376
  }
5095
5377
 
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
+
5096
5384
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
5097
5385
  left: 50%;
5098
5386
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -5138,7 +5426,11 @@
5138
5426
  border: 1px solid var(--ax-border-info);
5139
5427
  }
5140
5428
 
5141
- .navds-help-text__icon--filled, .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
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 {
5142
5434
  display: none;
5143
5435
  }
5144
5436
 
@@ -5185,7 +5477,8 @@
5185
5477
  font: inherit;
5186
5478
  font-weight: var(--ax-font-weight-bold);
5187
5479
  text-align: left;
5188
- padding-block: 0;
5480
+ padding-top: 0;
5481
+ padding-bottom: 0;
5189
5482
  padding-inline: var(--ax-space-24) var(--ax-space-20);
5190
5483
  border: none;
5191
5484
  border-right: 1px solid var(--ax-border-subtleA);
@@ -5199,6 +5492,10 @@
5199
5492
  overflow: visible;
5200
5493
  }
5201
5494
 
5495
+ .navds-internalheader__title:-webkit-any(button) {
5496
+ cursor: pointer;
5497
+ }
5498
+
5202
5499
  .navds-internalheader__title:is(button) {
5203
5500
  cursor: pointer;
5204
5501
  }
@@ -5207,6 +5504,10 @@
5207
5504
  background: var(--ax-bg-moderate-hover);
5208
5505
  }
5209
5506
 
5507
+ .navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
5508
+ background: initial;
5509
+ }
5510
+
5210
5511
  .navds-internalheader__title:is(:hover, :active):not(button, a) {
5211
5512
  background: initial;
5212
5513
  }
@@ -5252,7 +5553,7 @@
5252
5553
 
5253
5554
  :is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
5254
5555
  outline: 3px solid var(--ax-border-focus);
5255
- outline-offset: -3px;
5556
+ outline-offset: -4px;
5256
5557
  }
5257
5558
 
5258
5559
  :is(.navds-internalheader__title, .navds-internalheader__button):active {
@@ -5274,13 +5575,18 @@
5274
5575
  display: inline-flex;
5275
5576
  }
5276
5577
 
5277
- .navds-link:hover, .navds-link:active {
5578
+ .navds-link:hover {
5579
+ text-decoration-thickness: .111em;
5580
+ }
5581
+
5582
+ .navds-link:active {
5278
5583
  text-decoration-thickness: .111em;
5279
5584
  }
5280
5585
 
5281
5586
  .navds-link:focus-visible {
5282
- outline: 2px solid var(--ax-border-focus);
5283
- outline-offset: 2px;
5587
+ outline: 3px solid var(--ax-border-focus);
5588
+ outline-offset: 3px;
5589
+ border-radius: 1px;
5284
5590
  }
5285
5591
 
5286
5592
  .navds-link.navds-link--inline-text {
@@ -5454,6 +5760,7 @@
5454
5760
  max-width: 100%;
5455
5761
  max-height: 100%;
5456
5762
  color: var(--ax-text-default);
5763
+ margin: auto;
5457
5764
  padding: 0;
5458
5765
  position: fixed;
5459
5766
  }
@@ -5465,7 +5772,9 @@
5465
5772
  }
5466
5773
 
5467
5774
  .navds-modal--polyfilled {
5775
+ width: -webkit-fit-content;
5468
5776
  width: fit-content;
5777
+ height: -webkit-fit-content;
5469
5778
  height: fit-content;
5470
5779
  margin: auto;
5471
5780
  top: 50%;
@@ -5484,7 +5793,10 @@
5484
5793
 
5485
5794
  ._dialog_overlay {
5486
5795
  position: fixed;
5487
- inset: 0;
5796
+ top: 0;
5797
+ bottom: 0;
5798
+ left: 0;
5799
+ right: 0;
5488
5800
  }
5489
5801
 
5490
5802
  .navds-modal--medium {
@@ -5495,7 +5807,15 @@
5495
5807
  width: 450px;
5496
5808
  }
5497
5809
 
5498
- .navds-modal--small .navds-modal__header, .navds-modal--small .navds-modal__body, .navds-modal--small .navds-modal__footer {
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 {
5499
5819
  padding: var(--ax-space-12) var(--ax-space-16);
5500
5820
  }
5501
5821
 
@@ -5528,7 +5848,10 @@
5528
5848
  .navds-modal--polyfilled + .backdrop {
5529
5849
  background: rgba(2, 20, 49, .49);
5530
5850
  position: fixed;
5531
- inset: 0;
5851
+ top: 0;
5852
+ bottom: 0;
5853
+ left: 0;
5854
+ right: 0;
5532
5855
  }
5533
5856
 
5534
5857
  .navds-modal__button {
@@ -5578,6 +5901,7 @@
5578
5901
  }
5579
5902
 
5580
5903
  .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
5904
+ min-width: -webkit-fit-content;
5581
5905
  min-width: fit-content;
5582
5906
  max-width: 100vw;
5583
5907
  max-height: 100vh;
@@ -5766,10 +6090,21 @@
5766
6090
 
5767
6091
  .navds-tag__icon--left {
5768
6092
  font-size: var(--__axc-tag-icon-size);
5769
- margin-inline-start: var(--__axc-tag-icon-margin);
5770
6093
  display: flex;
5771
6094
  }
5772
6095
 
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
+
5773
6108
  .navds-tag--outline {
5774
6109
  box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
5775
6110
  background: var(--__axc-tag-bg);
@@ -5805,6 +6140,7 @@
5805
6140
  grid-template-columns: auto minmax(0, 1fr);
5806
6141
  align-items: center;
5807
6142
  width: 100%;
6143
+ min-width: -webkit-fit-content;
5808
6144
  min-width: fit-content;
5809
6145
  display: grid;
5810
6146
  position: relative;
@@ -5867,12 +6203,12 @@
5867
6203
 
5868
6204
  .navds-timeline__period:focus-visible {
5869
6205
  z-index: 4;
5870
- outline: 2px solid var(--ax-border-focus);
5871
- outline-offset: 2px;
6206
+ outline: 3px solid var(--ax-border-focus);
6207
+ outline-offset: 3px;
5872
6208
  }
5873
6209
 
5874
6210
  .navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
5875
- box-shadow: 0 0 0 2px var(--ax-bg-default);
6211
+ box-shadow: 0 0 0 3px var(--ax-bg-default);
5876
6212
  }
5877
6213
 
5878
6214
  .navds-timeline__period {
@@ -6028,7 +6364,10 @@
6028
6364
  width: 25px;
6029
6365
  height: 25px;
6030
6366
  position: absolute;
6031
- inset: -9px 0 0 -9px;
6367
+ top: -9px;
6368
+ bottom: 0;
6369
+ left: -9px;
6370
+ right: 0;
6032
6371
  }
6033
6372
 
6034
6373
  .navds-timeline__pin-button:hover {
@@ -6036,9 +6375,9 @@
6036
6375
  }
6037
6376
 
6038
6377
  .navds-timeline__pin-button:focus-visible {
6039
- box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 2px var(--ax-bg-default);
6040
- outline: 2px solid var(--ax-border-focus);
6041
- outline-offset: 2px;
6378
+ box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
6379
+ outline: 3px solid var(--ax-border-focus);
6380
+ outline-offset: 3px;
6042
6381
  }
6043
6382
 
6044
6383
  .navds-timeline__pin-wrapper:before {
@@ -6094,7 +6433,7 @@
6094
6433
  }
6095
6434
 
6096
6435
  .navds-timeline__zoom-button:focus-visible {
6097
- box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 3px var(--ax-border-focus);
6436
+ box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
6098
6437
  border-width: 1px;
6099
6438
  }
6100
6439
 
@@ -6115,8 +6454,8 @@
6115
6454
 
6116
6455
  @media (forced-colors: active) {
6117
6456
  .navds-timeline__period:focus {
6118
- outline-offset: 2px;
6119
- outline: 2px solid highlight;
6457
+ outline-offset: 3px;
6458
+ outline: 3px solid highlight;
6120
6459
  }
6121
6460
 
6122
6461
  .navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
@@ -6131,8 +6470,14 @@
6131
6470
  outline: 4px solid rgba(0, 0, 0, 0);
6132
6471
  }
6133
6472
 
6134
- .navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
6135
- outline-offset: 2px;
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 {
6480
+ outline-offset: 3px;
6136
6481
  box-shadow: none;
6137
6482
  outline: 4px solid highlight;
6138
6483
  }
@@ -6256,7 +6601,7 @@
6256
6601
  }
6257
6602
 
6258
6603
  .navds-toggle-group {
6259
- border-radius: var(--ax-border-radius-medium);
6604
+ border-radius: var(--ax-border-radius-large);
6260
6605
  box-shadow: inset 0 0 0 1px var(--ax-border-default);
6261
6606
  background-color: rgba(0, 0, 0, 0);
6262
6607
  grid-auto-columns: 1fr;
@@ -6270,11 +6615,12 @@
6270
6615
  cursor: pointer;
6271
6616
  min-height: 3rem;
6272
6617
  color: var(--ax-text-default);
6273
- border-radius: var(--ax-border-radius-medium);
6618
+ border-radius: var(--ax-border-radius-large);
6274
6619
  background-color: rgba(0, 0, 0, 0);
6275
6620
  border: none;
6276
6621
  justify-content: center;
6277
6622
  align-items: center;
6623
+ min-width: -webkit-fit-content;
6278
6624
  min-width: fit-content;
6279
6625
  display: inline-flex;
6280
6626
  position: relative;
@@ -6286,8 +6632,8 @@
6286
6632
  }
6287
6633
 
6288
6634
  .navds-toggle-group__button:focus-visible {
6289
- outline: 2px solid var(--ax-border-focus);
6290
- outline-offset: 2px;
6635
+ outline: 3px solid var(--ax-border-focus);
6636
+ outline-offset: 3px;
6291
6637
  z-index: 1;
6292
6638
  }
6293
6639
 
@@ -6371,53 +6717,6 @@
6371
6717
  border-color: var(--ac-panel-border, var(--a-border-default));
6372
6718
  }
6373
6719
 
6374
- .navds-link-panel {
6375
- color: var(--ac-link-panel-text, var(--a-text-default));
6376
- justify-content: space-between;
6377
- align-items: center;
6378
- gap: var(--a-spacing-4);
6379
- text-decoration: none;
6380
- display: flex;
6381
- }
6382
-
6383
- .navds-link-panel:hover .navds-link-panel__title {
6384
- color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
6385
- text-decoration: underline;
6386
- }
6387
-
6388
- .navds-link-panel:hover {
6389
- box-shadow: var(--a-shadow-small);
6390
- border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
6391
- }
6392
-
6393
- .navds-link-panel:focus-visible {
6394
- outline-offset: 2px;
6395
- box-shadow: var(--a-shadow-focus);
6396
- outline: 3px solid rgba(0, 0, 0, 0);
6397
- }
6398
-
6399
- @supports not selector(:focus-visible) {
6400
- .navds-link-panel:focus {
6401
- outline-offset: 2px;
6402
- box-shadow: var(--a-shadow-focus);
6403
- outline: 3px solid rgba(0, 0, 0, 0);
6404
- }
6405
- }
6406
-
6407
- .navds-link-panel__chevron {
6408
- flex-shrink: 0;
6409
- font-size: 1.5rem;
6410
- transition: transform .2s;
6411
- }
6412
-
6413
- .navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
6414
- transform: translateX(4px);
6415
- }
6416
-
6417
- .navds-link-panel__description {
6418
- margin-top: var(--a-spacing-1);
6419
- }
6420
-
6421
6720
  .navds-read-more {
6422
6721
  --__axc-read-more-icon-size: 1.5rem;
6423
6722
  --__axc-read-more-pi-start: 0px;
@@ -6440,14 +6739,23 @@
6440
6739
  }
6441
6740
 
6442
6741
  .navds-read-more__button:focus-visible {
6443
- outline: 2px solid var(--ax-border-focus);
6444
- outline-offset: 2px;
6742
+ outline: 3px solid var(--ax-border-focus);
6743
+ outline-offset: 3px;
6445
6744
  }
6446
6745
 
6447
6746
  .navds-read-more__button[data-state="open"] .navds-read-more__expand-icon {
6448
6747
  transform: rotateX(-180deg);
6449
6748
  }
6450
6749
 
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
+
6451
6759
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
6452
6760
  border-radius: var(--ax-border-radius-medium);
6453
6761
  }
@@ -6472,7 +6780,12 @@
6472
6780
  --__axc-read-more-pi-end: var(--ax-space-24);
6473
6781
  }
6474
6782
 
6475
- .navds-read-more[data-volume="high"].navds-read-more--small, .navds-read-more[data-volume="high"].navds-read-more--medium {
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 {
6476
6789
  --__axc-read-more-pi-start: var(--ax-space-8);
6477
6790
  --__axc-read-more-pi-end: var(--ax-space-16);
6478
6791
  }
@@ -6641,6 +6954,7 @@
6641
6954
  }
6642
6955
 
6643
6956
  .navds-skeleton--has-children.navds-skeleton--no-width {
6957
+ width: -webkit-fit-content;
6644
6958
  width: fit-content;
6645
6959
  }
6646
6960
 
@@ -6740,12 +7054,13 @@
6740
7054
  padding: var(--__axc-stepper-border-width);
6741
7055
  margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
6742
7056
  justify-content: flex-start;
7057
+ width: 100%;
6743
7058
  display: grid;
6744
7059
  }
6745
7060
 
6746
7061
  .navds-stepper__step:focus-visible {
6747
- outline: 2px solid var(--ax-border-focus);
6748
- outline-offset: 4px;
7062
+ outline: 3px solid var(--ax-border-focus);
7063
+ outline-offset: 3px;
6749
7064
  isolation: isolate;
6750
7065
  }
6751
7066
 
@@ -6753,7 +7068,18 @@
6753
7068
  margin-bottom: 0;
6754
7069
  }
6755
7070
 
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
+
6756
7081
  .navds-stepper__step:is(button) {
7082
+ -webkit-appearance: none;
6757
7083
  appearance: none;
6758
7084
  font: inherit;
6759
7085
  color: inherit;
@@ -6790,7 +7116,11 @@
6790
7116
  text-decoration-thickness: .05em;
6791
7117
  }
6792
7118
 
6793
- :is(.navds-stepper__step[data-interactive="true"]:hover, .navds-stepper__step[data-interactive="true"]:active) .navds-stepper__content {
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 {
6794
7124
  text-decoration-thickness: .111em;
6795
7125
  }
6796
7126
 
@@ -6841,6 +7171,7 @@
6841
7171
 
6842
7172
  .navds-stepper__content {
6843
7173
  grid-column: content;
7174
+ min-width: -webkit-fit-content;
6844
7175
  min-width: fit-content;
6845
7176
  padding-top: .035rem;
6846
7177
  line-height: 1.5;
@@ -6875,7 +7206,11 @@
6875
7206
  flex: 100%;
6876
7207
  }
6877
7208
 
6878
- .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 {
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 {
6879
7214
  visibility: hidden;
6880
7215
  }
6881
7216
 
@@ -6977,7 +7312,11 @@
6977
7312
  text-align: center;
6978
7313
  }
6979
7314
 
6980
- :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell, :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
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 {
6981
7320
  border-color: var(--ax-border-strong);
6982
7321
  }
6983
7322
 
@@ -7006,6 +7345,7 @@
7006
7345
  }
7007
7346
 
7008
7347
  .navds-table__sort-button {
7348
+ -webkit-appearance: none;
7009
7349
  appearance: none;
7010
7350
  color: var(--ax-text-accent);
7011
7351
  cursor: pointer;
@@ -7030,8 +7370,8 @@
7030
7370
  }
7031
7371
 
7032
7372
  .navds-table__sort-button:focus-visible {
7033
- outline: 2px solid var(--ax-border-focus);
7034
- outline-offset: -4px;
7373
+ outline: 3px solid var(--ax-border-focus);
7374
+ outline-offset: -5px;
7035
7375
  }
7036
7376
 
7037
7377
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
@@ -7112,7 +7452,7 @@
7112
7452
  }
7113
7453
 
7114
7454
  .navds-table__toggle-expand-button:focus-visible {
7115
- outline: 2px solid var(--ax-border-focus);
7455
+ outline: 3px solid var(--ax-border-focus);
7116
7456
  }
7117
7457
 
7118
7458
  .navds-table__expanded-row-cell {
@@ -7128,11 +7468,28 @@
7128
7468
  }
7129
7469
 
7130
7470
  .navds-table__expanded-row-content {
7131
- padding: var(--ax-space-16) calc(var(--ax-space-8) + 3rem);
7471
+ --__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);
7472
+ padding-block: var(--ax-space-16);
7132
7473
  }
7133
7474
 
7134
7475
  .navds-table--small .navds-table__expanded-row-content {
7135
- padding: var(--ax-space-8) calc(var(--ax-space-8) + 3rem);
7476
+ padding-block: var(--ax-space-8);
7477
+ }
7478
+
7479
+ .navds-table__expanded-row-content--gutter-both {
7480
+ padding-inline: var(--__ac-table-expanded-row-pi);
7481
+ }
7482
+
7483
+ .navds-table__expanded-row-content--gutter-left {
7484
+ padding-inline: var(--__ac-table-expanded-row-pi) var(--ax-space-8);
7485
+ }
7486
+
7487
+ .navds-table__expanded-row-content--gutter-right {
7488
+ padding-inline: var(--ax-space-8) var(--__ac-table-expanded-row-pi);
7489
+ }
7490
+
7491
+ .navds-table__expanded-row-content--gutter-none {
7492
+ padding-inline: var(--ax-space-8);
7136
7493
  }
7137
7494
 
7138
7495
  .navds-tabs__tablist-wrapper {
@@ -7204,8 +7561,8 @@
7204
7561
  }
7205
7562
 
7206
7563
  .navds-tabs__tab:focus-visible {
7207
- outline: 2px solid var(--ax-border-focus);
7208
- outline-offset: -2px;
7564
+ outline: 3px solid var(--ax-border-focus);
7565
+ outline-offset: -3px;
7209
7566
  }
7210
7567
 
7211
7568
  .navds-tabs__tab-inner {
@@ -7253,22 +7610,22 @@
7253
7610
  }
7254
7611
 
7255
7612
  .navds-tabs__tabpanel:focus-visible {
7256
- outline: 2px solid var(--ax-border-focus);
7257
- outline-offset: -2px;
7613
+ outline: 3px solid var(--ax-border-focus);
7614
+ outline-offset: -4px;
7258
7615
  }
7259
7616
 
7260
7617
  @media (forced-colors: active) {
7261
7618
  .navds-tabs__tab[data-state="active"] {
7262
7619
  border-bottom: 3px solid canvastext;
7263
- padding-block-end: calc(var(--ax-space-12) - 3px);
7620
+ padding-bottom: calc(var(--ax-space-12) - 3px);
7264
7621
  }
7265
7622
 
7266
7623
  .navds-tabs__tab--small[data-state="active"] {
7267
- padding-block-end: calc(var(--ax-space-6) - 3px);
7624
+ padding-bottom: calc(var(--ax-space-6) - 3px);
7268
7625
  }
7269
7626
 
7270
7627
  .navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
7271
- padding-block-end: calc(var(--ax-space-4) - 3px);
7628
+ padding-bottom: calc(var(--ax-space-4) - 3px);
7272
7629
  }
7273
7630
  }
7274
7631
 
@@ -7335,11 +7692,11 @@
7335
7692
  }
7336
7693
 
7337
7694
  .navds-list__item {
7338
- margin-block-end: var(--ax-space-8);
7695
+ margin-bottom: var(--ax-space-8);
7339
7696
  }
7340
7697
 
7341
7698
  .navds-list__item:last-child {
7342
- margin-block-end: 0;
7699
+ margin-bottom: 0;
7343
7700
  }
7344
7701
 
7345
7702
  .navds-list__item-marker {
@@ -8323,6 +8680,7 @@
8323
8680
  }
8324
8681
 
8325
8682
  .navds-page {
8683
+ min-height: 100vh;
8326
8684
  flex-direction: column;
8327
8685
  min-height: 100lvh;
8328
8686
  display: flex;
@@ -8331,7 +8689,8 @@
8331
8689
  .navds-pageblock {
8332
8690
  --__axc-page-padding-inline: 0px;
8333
8691
  width: 100%;
8334
- margin-inline: auto;
8692
+ margin-left: auto;
8693
+ margin-right: auto;
8335
8694
  }
8336
8695
 
8337
8696
  .navds-page__content--grow {
@@ -8339,11 +8698,12 @@
8339
8698
  }
8340
8699
 
8341
8700
  .navds-page__content--fullheight {
8701
+ min-height: 100vh;
8342
8702
  min-height: 100lvh;
8343
8703
  }
8344
8704
 
8345
8705
  .navds-page__content--padding {
8346
- padding-block-end: var(--ax-space-64);
8706
+ padding-bottom: var(--ax-space-64);
8347
8707
  }
8348
8708
 
8349
8709
  .navds-pageblock--text {
@@ -8513,8 +8873,19 @@
8513
8873
  }
8514
8874
 
8515
8875
  .navds-stack > .navds-stack__spacer {
8516
- margin-block-start: calc(var(--__axc-stack-gap) * -1);
8517
- margin-inline-start: calc(var(--__axc-stack-gap) * -1);
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);
8518
8889
  }
8519
8890
 
8520
8891
  @media (min-width: 480px) {