@navikt/ds-css 7.10.0 → 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 (230) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/config/tests/bundle.test.ts +7 -2
  3. package/darkside/accordion.darkside.css +48 -55
  4. package/darkside/action-menu.darkside.css +3 -3
  5. package/darkside/baseline/fonts.darkside.css +12 -12
  6. package/darkside/button.darkside.css +4 -4
  7. package/darkside/chips.darkside.css +2 -2
  8. package/darkside/copybutton.darkside.css +3 -3
  9. package/darkside/date.darkside.css +8 -10
  10. package/darkside/expansioncard.darkside.css +5 -13
  11. package/darkside/form/combobox.darkside.css +3 -4
  12. package/darkside/form/error-summary.darkside.css +3 -3
  13. package/darkside/form/file-upload.darkside.css +11 -20
  14. package/darkside/form/form-progress.darkside.css +1 -1
  15. package/darkside/form/radio-checkbox.darkside.css +35 -16
  16. package/darkside/form/search.darkside.css +5 -5
  17. package/darkside/form/select.darkside.css +3 -3
  18. package/darkside/form/switch.darkside.css +31 -16
  19. package/darkside/form/text-field.darkside.css +3 -3
  20. package/darkside/form/textarea.darkside.css +3 -3
  21. package/darkside/index.css +0 -1
  22. package/darkside/internalheader.darkside.css +1 -1
  23. package/darkside/link.darkside.css +3 -2
  24. package/darkside/modal.darkside.css +1 -0
  25. package/darkside/stepper.darkside.css +3 -2
  26. package/darkside/table.darkside.css +3 -3
  27. package/darkside/tabs.darkside.css +4 -4
  28. package/darkside/timeline.darkside.css +10 -10
  29. package/darkside/toggle-group.darkside.css +4 -4
  30. package/darkside/typography.darkside.css +3 -0
  31. package/dist/component/alert.min.css +1 -1
  32. package/dist/component/chat.min.css +1 -1
  33. package/dist/component/date.min.css +1 -1
  34. package/dist/component/expansioncard.css +1 -0
  35. package/dist/component/expansioncard.min.css +2 -2
  36. package/dist/component/form.css +4 -0
  37. package/dist/component/form.min.css +1 -1
  38. package/dist/component/list.min.css +1 -1
  39. package/dist/component/modal.css +1 -0
  40. package/dist/component/modal.min.css +1 -1
  41. package/dist/component/primitives.min.css +1 -1
  42. package/dist/component/skeleton.min.css +1 -1
  43. package/dist/component/stepper.min.css +1 -1
  44. package/dist/component/tabs.min.css +1 -1
  45. package/dist/component/tag.min.css +1 -1
  46. package/dist/component/timeline.min.css +1 -1
  47. package/dist/component/togglegroup.min.css +1 -1
  48. package/dist/components.css +8 -0
  49. package/dist/components.min.css +4 -4
  50. package/dist/darkside/component/accordion.css +58 -56
  51. package/dist/darkside/component/accordion.min.css +1 -1
  52. package/dist/darkside/component/actionmenu.css +12 -4
  53. package/dist/darkside/component/actionmenu.min.css +1 -1
  54. package/dist/darkside/component/alert.css +13 -5
  55. package/dist/darkside/component/alert.min.css +1 -1
  56. package/dist/darkside/component/button.css +38 -4
  57. package/dist/darkside/component/button.min.css +1 -1
  58. package/dist/darkside/component/chat.css +11 -2
  59. package/dist/darkside/component/chat.min.css +1 -1
  60. package/dist/darkside/component/chips.css +2 -2
  61. package/dist/darkside/component/chips.min.css +1 -1
  62. package/dist/darkside/component/copybutton.css +3 -3
  63. package/dist/darkside/component/copybutton.min.css +1 -1
  64. package/dist/darkside/component/date.css +67 -17
  65. package/dist/darkside/component/date.min.css +1 -1
  66. package/dist/darkside/component/dropdown.css +2 -1
  67. package/dist/darkside/component/dropdown.min.css +1 -1
  68. package/dist/darkside/component/expansioncard.css +36 -18
  69. package/dist/darkside/component/expansioncard.min.css +1 -1
  70. package/dist/darkside/component/form.css +270 -88
  71. package/dist/darkside/component/form.min.css +1 -1
  72. package/dist/darkside/component/guidepanel.css +17 -1
  73. package/dist/darkside/component/guidepanel.min.css +1 -1
  74. package/dist/darkside/component/helptext.css +5 -1
  75. package/dist/darkside/component/helptext.min.css +1 -1
  76. package/dist/darkside/component/internalheader.css +11 -2
  77. package/dist/darkside/component/internalheader.min.css +1 -1
  78. package/dist/darkside/component/link.css +8 -3
  79. package/dist/darkside/component/link.min.css +1 -1
  80. package/dist/darkside/component/list.css +2 -2
  81. package/dist/darkside/component/list.min.css +1 -1
  82. package/dist/darkside/component/modal.css +21 -3
  83. package/dist/darkside/component/modal.min.css +1 -1
  84. package/dist/darkside/component/primitives.css +18 -4
  85. package/dist/darkside/component/primitives.min.css +1 -1
  86. package/dist/darkside/component/readmore.css +15 -1
  87. package/dist/darkside/component/readmore.min.css +1 -1
  88. package/dist/darkside/component/skeleton.css +1 -0
  89. package/dist/darkside/component/skeleton.min.css +1 -1
  90. package/dist/darkside/component/stepper.css +25 -4
  91. package/dist/darkside/component/stepper.min.css +1 -1
  92. package/dist/darkside/component/table.css +9 -4
  93. package/dist/darkside/component/table.min.css +1 -1
  94. package/dist/darkside/component/tabs.css +7 -7
  95. package/dist/darkside/component/tabs.min.css +1 -1
  96. package/dist/darkside/component/tag.css +12 -1
  97. package/dist/darkside/component/tag.min.css +1 -1
  98. package/dist/darkside/component/timeline.css +22 -12
  99. package/dist/darkside/component/timeline.min.css +1 -1
  100. package/dist/darkside/component/togglegroup.css +5 -4
  101. package/dist/darkside/component/togglegroup.min.css +1 -1
  102. package/dist/darkside/component/typography.css +3 -0
  103. package/dist/darkside/component/typography.min.css +1 -1
  104. package/dist/darkside/components.css +693 -296
  105. package/dist/darkside/components.min.css +1 -1
  106. package/dist/darkside/global/fonts.css +12 -12
  107. package/dist/darkside/global/fonts.min.css +1 -1
  108. package/dist/darkside/global/tokens.css +850 -828
  109. package/dist/darkside/global/tokens.min.css +1 -1
  110. package/dist/darkside/index.css +1558 -1139
  111. package/dist/darkside/index.min.css +1 -1
  112. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/accordion.css +58 -56
  113. package/dist/darkside/version/7.11.0/component/accordion.min.css +1 -0
  114. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/actionmenu.css +12 -4
  115. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/actionmenu.min.css +1 -1
  116. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/alert.css +13 -5
  117. package/dist/darkside/version/7.11.0/component/alert.min.css +1 -0
  118. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/button.css +38 -4
  119. package/dist/darkside/version/7.11.0/component/button.min.css +1 -0
  120. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/chat.css +11 -2
  121. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/chat.min.css +1 -1
  122. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/chips.css +2 -2
  123. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/chips.min.css +1 -1
  124. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/copybutton.css +3 -3
  125. package/dist/darkside/version/7.11.0/component/copybutton.min.css +1 -0
  126. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/date.css +67 -17
  127. package/dist/darkside/version/7.11.0/component/date.min.css +1 -0
  128. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/dropdown.css +2 -1
  129. package/dist/darkside/version/7.11.0/component/dropdown.min.css +1 -0
  130. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/expansioncard.css +36 -18
  131. package/dist/darkside/version/7.11.0/component/expansioncard.min.css +1 -0
  132. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/form.css +270 -88
  133. package/dist/darkside/version/7.11.0/component/form.min.css +1 -0
  134. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/guidepanel.css +17 -1
  135. package/dist/darkside/version/7.11.0/component/guidepanel.min.css +1 -0
  136. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/helptext.css +5 -1
  137. package/dist/darkside/version/7.11.0/component/helptext.min.css +1 -0
  138. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/internalheader.css +11 -2
  139. package/dist/darkside/version/7.11.0/component/internalheader.min.css +1 -0
  140. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/link.css +8 -3
  141. package/dist/darkside/version/7.11.0/component/link.min.css +1 -0
  142. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/list.css +2 -2
  143. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/list.min.css +1 -1
  144. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/modal.css +21 -3
  145. package/dist/darkside/version/7.11.0/component/modal.min.css +1 -0
  146. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/primitives.css +18 -4
  147. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/primitives.min.css +1 -1
  148. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/readmore.css +15 -1
  149. package/dist/darkside/version/7.11.0/component/readmore.min.css +1 -0
  150. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/skeleton.css +1 -0
  151. package/dist/darkside/version/7.11.0/component/skeleton.min.css +1 -0
  152. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/stepper.css +25 -4
  153. package/dist/darkside/version/7.11.0/component/stepper.min.css +1 -0
  154. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/table.css +9 -4
  155. package/dist/darkside/version/7.11.0/component/table.min.css +1 -0
  156. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tabs.css +7 -7
  157. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tabs.min.css +1 -1
  158. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tag.css +12 -1
  159. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tag.min.css +1 -1
  160. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/timeline.css +22 -12
  161. package/dist/darkside/version/7.11.0/component/timeline.min.css +1 -0
  162. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/togglegroup.css +5 -4
  163. package/dist/darkside/version/7.11.0/component/togglegroup.min.css +1 -0
  164. package/dist/darkside/version/{7.10.0 → 7.11.0}/component/typography.css +3 -0
  165. package/dist/darkside/version/7.11.0/component/typography.min.css +1 -0
  166. package/dist/darkside/version/{7.10.0 → 7.11.0}/components.css +693 -296
  167. package/dist/darkside/version/7.11.0/components.min.css +1 -0
  168. package/dist/darkside/version/{7.10.0 → 7.11.0}/global/fonts.css +12 -12
  169. package/dist/darkside/version/{7.10.0 → 7.11.0}/global/fonts.min.css +1 -1
  170. package/dist/darkside/version/{7.10.0 → 7.11.0}/global/tokens.css +850 -828
  171. package/dist/darkside/version/7.11.0/global/tokens.min.css +1 -0
  172. package/dist/darkside/version/{7.10.0 → 7.11.0}/index.css +1558 -1139
  173. package/dist/darkside/version/7.11.0/index.min.css +1 -0
  174. package/dist/global/baseline.min.css +1 -1
  175. package/dist/global/tokens.css +324 -324
  176. package/dist/global/tokens.min.css +1 -1
  177. package/dist/index.css +332 -324
  178. package/dist/index.min.css +5 -5
  179. package/expansioncard.css +1 -0
  180. package/form/radio-checkbox.css +5 -0
  181. package/modal.css +1 -0
  182. package/package.json +3 -3
  183. package/darkside/link-panel.darkside.css +0 -47
  184. package/dist/darkside/component/linkpanel.css +0 -48
  185. package/dist/darkside/component/linkpanel.min.css +0 -1
  186. package/dist/darkside/version/7.10.0/component/accordion.min.css +0 -1
  187. package/dist/darkside/version/7.10.0/component/alert.min.css +0 -1
  188. package/dist/darkside/version/7.10.0/component/button.min.css +0 -1
  189. package/dist/darkside/version/7.10.0/component/copybutton.min.css +0 -1
  190. package/dist/darkside/version/7.10.0/component/date.min.css +0 -1
  191. package/dist/darkside/version/7.10.0/component/dropdown.min.css +0 -1
  192. package/dist/darkside/version/7.10.0/component/expansioncard.min.css +0 -1
  193. package/dist/darkside/version/7.10.0/component/form.min.css +0 -1
  194. package/dist/darkside/version/7.10.0/component/guidepanel.min.css +0 -1
  195. package/dist/darkside/version/7.10.0/component/helptext.min.css +0 -1
  196. package/dist/darkside/version/7.10.0/component/internalheader.min.css +0 -1
  197. package/dist/darkside/version/7.10.0/component/link.min.css +0 -1
  198. package/dist/darkside/version/7.10.0/component/linkpanel.css +0 -48
  199. package/dist/darkside/version/7.10.0/component/linkpanel.min.css +0 -1
  200. package/dist/darkside/version/7.10.0/component/modal.min.css +0 -1
  201. package/dist/darkside/version/7.10.0/component/readmore.min.css +0 -1
  202. package/dist/darkside/version/7.10.0/component/skeleton.min.css +0 -1
  203. package/dist/darkside/version/7.10.0/component/stepper.min.css +0 -1
  204. package/dist/darkside/version/7.10.0/component/table.min.css +0 -1
  205. package/dist/darkside/version/7.10.0/component/timeline.min.css +0 -1
  206. package/dist/darkside/version/7.10.0/component/togglegroup.min.css +0 -1
  207. package/dist/darkside/version/7.10.0/component/typography.min.css +0 -1
  208. package/dist/darkside/version/7.10.0/components.min.css +0 -1
  209. package/dist/darkside/version/7.10.0/global/tokens.min.css +0 -1
  210. package/dist/darkside/version/7.10.0/index.min.css +0 -1
  211. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/loader.css +0 -0
  212. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/loader.min.css +0 -0
  213. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/pagination.css +0 -0
  214. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/pagination.min.css +0 -0
  215. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/panel.css +0 -0
  216. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/panel.min.css +0 -0
  217. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/popover.css +0 -0
  218. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/popover.min.css +0 -0
  219. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/progressbar.css +0 -0
  220. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/progressbar.min.css +0 -0
  221. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/theme.css +0 -0
  222. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/theme.min.css +0 -0
  223. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tooltip.css +0 -0
  224. /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tooltip.min.css +0 -0
  225. /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/baseline.css +0 -0
  226. /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/baseline.min.css +0 -0
  227. /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/print.css +0 -0
  228. /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/print.min.css +0 -0
  229. /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/reset.css +0 -0
  230. /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/reset.min.css +0 -0
@@ -94,841 +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-neutral-1000);
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-900);
348
- --ax-bg-strong-hover: var(--ax-neutral-800);
349
- --ax-bg-strong: var(--ax-neutral-700);
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-strong-pressed: var(--ax-meta-2-800);
362
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
363
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
364
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
365
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
366
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
367
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
368
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
369
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
370
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
371
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
372
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
373
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
374
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
375
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
376
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
377
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
378
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
379
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
380
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
381
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
382
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
383
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
384
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
385
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
386
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
387
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
388
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
389
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
390
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
391
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
392
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
393
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
394
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
395
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
396
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
397
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
398
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
399
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
400
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
401
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
402
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
403
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
404
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
405
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
406
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
407
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
408
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
409
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
410
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
411
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
412
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
413
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
414
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
415
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
416
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
417
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
418
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
419
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
420
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
421
- --ax-bg-info-strong-pressed: var(--ax-info-800);
422
- --ax-bg-info-strong-hover: var(--ax-info-700);
423
- --ax-bg-info-strong: var(--ax-info-600);
424
- --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
425
- --ax-bg-info-moderate-pressed: var(--ax-info-400);
426
- --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
427
- --ax-bg-info-moderate-hover: var(--ax-info-300);
428
- --ax-bg-info-moderateA: var(--ax-info-200A);
429
- --ax-bg-info-moderate: var(--ax-info-200);
430
- --ax-bg-info-hoverA: var(--ax-info-200A);
431
- --ax-bg-info-hover: var(--ax-info-200);
432
- --ax-bg-info-soft: var(--ax-info-100);
433
- --ax-bg-danger-strong-pressed: var(--ax-danger-800);
434
- --ax-bg-danger-strong-hover: var(--ax-danger-700);
435
- --ax-bg-danger-strong: var(--ax-danger-600);
436
- --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
437
- --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
438
- --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
439
- --ax-bg-danger-moderate-hover: var(--ax-danger-300);
440
- --ax-bg-danger-moderateA: var(--ax-danger-200A);
441
- --ax-bg-danger-moderate: var(--ax-danger-200);
442
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
443
- --ax-bg-danger-hover: var(--ax-danger-200);
444
- --ax-bg-danger-soft: var(--ax-danger-100);
445
- --ax-bg-warning-strong-pressed: var(--ax-warning-800);
446
- --ax-bg-warning-strong-hover: var(--ax-warning-700);
447
- --ax-bg-warning-strong: var(--ax-warning-600);
448
- --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
449
- --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
450
- --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
451
- --ax-bg-warning-moderate-hover: var(--ax-warning-300);
452
- --ax-bg-warning-moderateA: var(--ax-warning-200A);
453
- --ax-bg-warning-moderate: var(--ax-warning-200);
454
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
455
- --ax-bg-warning-hover: var(--ax-warning-200);
456
- --ax-bg-warning-soft: var(--ax-warning-100);
457
- --ax-bg-success-strong-pressed: var(--ax-success-800);
458
- --ax-bg-success-strong-hover: var(--ax-success-700);
459
- --ax-bg-success-strong: var(--ax-success-600);
460
- --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
461
- --ax-bg-success-moderate-pressed: var(--ax-success-400);
462
- --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
463
- --ax-bg-success-moderate-hover: var(--ax-success-300);
464
- --ax-bg-success-moderateA: var(--ax-success-200A);
465
- --ax-bg-success-moderate: var(--ax-success-200);
466
- --ax-bg-success-hoverA: var(--ax-success-200A);
467
- --ax-bg-success-hover: var(--ax-success-200);
468
- --ax-bg-success-soft: var(--ax-success-100);
469
- --ax-bg-accent-strong-pressed: var(--ax-accent-800);
470
- --ax-bg-accent-strong-hover: var(--ax-accent-700);
471
- --ax-bg-accent-strong: var(--ax-accent-600);
472
- --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
473
- --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
474
- --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
475
- --ax-bg-accent-moderate-hover: var(--ax-accent-300);
476
- --ax-bg-accent-moderateA: var(--ax-accent-200A);
477
- --ax-bg-accent-moderate: var(--ax-accent-200);
478
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
479
- --ax-bg-accent-hover: var(--ax-accent-200);
480
- --ax-bg-accent-soft: var(--ax-accent-100);
481
- }
482
-
483
- .dark, .dark-theme {
484
- --ax-meta-2-400A: rgba(251, 245, 0, .16);
485
- --ax-meta-2-300A: rgba(252, 233, 0, .114);
486
- --ax-meta-2-200A: rgba(246, 207, 0, .086);
487
- --ax-meta-2-100A: rgba(252, 191, 0, .06);
488
- --ax-meta-2-1000: #c5d14c;
489
- --ax-meta-2-900: #a9b325;
490
- --ax-meta-2-800: #99a200;
491
- --ax-meta-2-700: #8f9800;
492
- --ax-meta-2-600: #7c8400;
493
- --ax-meta-2-500: #6a7200;
494
- --ax-meta-2-400: #343900;
495
- --ax-meta-2-300: #292d00;
496
- --ax-meta-2-200: #222500;
497
- --ax-meta-2-100: #1c1f00;
498
- --ax-meta-1-400A: rgba(253, 179, 238, .184);
499
- --ax-meta-1-300A: rgba(255, 153, 228, .137);
500
- --ax-meta-1-200A: rgba(250, 125, 211, .106);
501
- --ax-meta-1-100A: rgba(246, 79, 182, .086);
502
- --ax-meta-1-1000: #cdc5d9;
503
- --ax-meta-1-900: #b2a7c3;
504
- --ax-meta-1-800: #a495b7;
505
- --ax-meta-1-700: #9b8bb0;
506
- --ax-meta-1-600: #8876a1;
507
- --ax-meta-1-500: #776491;
508
- --ax-meta-1-400: #3a3245;
509
- --ax-meta-1-300: #2f273a;
510
- --ax-meta-1-200: #272032;
511
- --ax-meta-1-100: #221a2c;
512
- --ax-brand-3-400A: rgba(68, 198, 252, .204);
513
- --ax-brand-3-300A: rgba(43, 191, 251, .14);
514
- --ax-brand-3-200A: rgba(4, 191, 255, .094);
515
- --ax-brand-3-100A: rgba(0, 165, 255, .063);
516
- --ax-brand-3-1000: #b7cbd7;
517
- --ax-brand-3-900: #93afc0;
518
- --ax-brand-3-800: #7f9fb3;
519
- --ax-brand-3-700: #7396ab;
520
- --ax-brand-3-600: #5a839b;
521
- --ax-brand-3-500: #43718d;
522
- --ax-brand-3-400: #19394c;
523
- --ax-brand-3-300: #122d3e;
524
- --ax-brand-3-200: #0d2534;
525
- --ax-brand-3-100: #071e2d;
526
- --ax-brand-2-400A: rgba(252, 131, 64, .247);
527
- --ax-brand-2-300A: rgba(254, 98, 16, .196);
528
- --ax-brand-2-200A: rgba(251, 69, 0, .165);
529
- --ax-brand-2-100A: rgba(254, 29, 0, .13);
530
- --ax-brand-2-1000: #e3c2b1;
531
- --ax-brand-2-900: #d1a08c;
532
- --ax-brand-2-800: #c78e79;
533
- --ax-brand-2-700: #c0836e;
534
- --ax-brand-2-600: #ab6f5b;
535
- --ax-brand-2-500: #975e4a;
536
- --ax-brand-2-400: #493027;
537
- --ax-brand-2-300: #3d241c;
538
- --ax-brand-2-200: #351d15;
539
- --ax-brand-2-100: #2d160e;
540
- --ax-brand-1-400A: rgba(254, 100, 129, .267);
541
- --ax-brand-1-300A: rgba(251, 72, 100, .22);
542
- --ax-brand-1-200A: rgba(253, 38, 75, .184);
543
- --ax-brand-1-100A: rgba(250, 2, 38, .153);
544
- --ax-brand-1-1000: #e1c0cc;
545
- --ax-brand-1-900: #cf9eb1;
546
- --ax-brand-1-800: #c58aa2;
547
- --ax-brand-1-700: #be7f99;
548
- --ax-brand-1-600: #b06886;
549
- --ax-brand-1-500: #a35276;
550
- --ax-brand-1-400: #4e2a39;
551
- --ax-brand-1-300: #42202e;
552
- --ax-brand-1-200: #3a1827;
553
- --ax-brand-1-100: #321220;
554
- --ax-info-400A: rgba(68, 198, 252, .204);
555
- --ax-info-300A: rgba(43, 191, 251, .14);
556
- --ax-info-200A: rgba(4, 191, 255, .094);
557
- --ax-info-100A: rgba(0, 165, 255, .063);
558
- --ax-info-1000: #b7cbd7;
559
- --ax-info-900: #93afc0;
560
- --ax-info-800: #7f9fb3;
561
- --ax-info-700: #7396ab;
562
- --ax-info-600: #5a839b;
563
- --ax-info-500: #43718d;
564
- --ax-info-400: #19394c;
565
- --ax-info-300: #122d3e;
566
- --ax-info-200: #0d2534;
567
- --ax-info-100: #071e2d;
568
- --ax-danger-400A: rgba(255, 54, 37, .337);
569
- --ax-danger-300A: rgba(255, 21, 3, .282);
570
- --ax-danger-200A: rgba(252, 0, 0, .247);
571
- --ax-danger-100A: rgba(255, 0, 0, .21);
572
- --ax-danger-1000: #f6b7cd;
573
- --ax-danger-900: #f28ea2;
574
- --ax-danger-800: #ee7685;
575
- --ax-danger-700: #eb6772;
576
- --ax-danger-600: #dd4a50;
577
- --ax-danger-500: #c8343f;
578
- --ax-danger-400: #5f2021;
579
- --ax-danger-300: #521517;
580
- --ax-danger-200: #490b10;
581
- --ax-danger-100: #410409;
582
- --ax-warning-400A: rgba(253, 96, 8, .294);
583
- --ax-warning-300A: rgba(252, 63, 0, .24);
584
- --ax-warning-200A: rgba(254, 31, 0, .2);
585
- --ax-warning-100A: rgba(252, 0, 0, .173);
586
- --ax-warning-1000: #f5bf6d;
587
- --ax-warning-900: #ed974b;
588
- --ax-warning-800: #e78040;
589
- --ax-warning-700: #de753c;
590
- --ax-warning-600: #c46233;
591
- --ax-warning-500: #af5122;
592
- --ax-warning-400: #542b18;
593
- --ax-warning-300: #471f0c;
594
- --ax-warning-200: #3e1704;
595
- --ax-warning-100: #371100;
596
- --ax-success-400A: rgba(72, 253, 60, .173);
597
- --ax-success-300A: rgba(0, 252, 0, .12);
598
- --ax-success-200A: rgba(0, 253, 0, .086);
599
- --ax-success-100A: rgba(0, 245, 0, .063);
600
- --ax-success-1000: #a4d4ad;
601
- --ax-success-900: #78ba87;
602
- --ax-success-800: #5eab72;
603
- --ax-success-700: #4ca265;
604
- --ax-success-600: #368e52;
605
- --ax-success-500: #207c41;
606
- --ax-success-400: #183d24;
607
- --ax-success-300: #0b3118;
608
- --ax-success-200: #032911;
609
- --ax-success-100: #00230b;
610
- --ax-accent-400A: rgba(112, 179, 254, .216);
611
- --ax-accent-300A: rgba(93, 172, 254, .153);
612
- --ax-accent-200A: rgba(80, 163, 249, .106);
613
- --ax-accent-100A: rgba(46, 149, 255, .063);
614
- --ax-accent-1000: #b0caf1;
615
- --ax-accent-900: #84aee6;
616
- --ax-accent-800: #6d9ddd;
617
- --ax-accent-700: #5f94d8;
618
- --ax-accent-600: #447fc9;
619
- --ax-accent-500: #2e6db8;
620
- --ax-accent-400: #23374f;
621
- --ax-accent-300: #1a2c41;
622
- --ax-accent-200: #152436;
623
- --ax-accent-100: #101d2d;
624
- --ax-neutral-400A: rgba(224, 237, 254, .153);
625
- --ax-neutral-300A: rgba(215, 222, 250, .11);
626
- --ax-neutral-200A: rgba(202, 209, 246, .075);
627
- --ax-neutral-100A: rgba(200, 207, 240, .043);
628
- --ax-neutral-000: black;
629
- --ax-neutral-1000: #dfe1e5;
630
- --ax-neutral-900: #a5acb6;
631
- --ax-neutral-800: #949ba8;
632
- --ax-neutral-700: #8a92a0;
633
- --ax-neutral-600: #767e8c;
634
- --ax-neutral-500: #656d7b;
635
- --ax-neutral-400: #2e3641;
636
- --ax-neutral-300: #242b37;
637
- --ax-neutral-200: #1c232f;
638
- --ax-neutral-100: #161d28;
639
- --ax-bg-overlay: rgba(2, 20, 49, .49);
640
- --ax-bg-sunken: #07090d;
641
- --ax-bg-input: rgba(7, 9, 13, .5);
642
- --ax-bg-default: #0e151f;
643
- --ax-opacity-disabled: .4;
644
- --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);
645
- --ax-border-focus: var(--ax-neutral-1000);
646
- --ax-border-strong: var(--ax-neutral-600);
647
- --ax-border-subtleA: var(--ax-neutral-400A);
648
- --ax-border-subtle: var(--ax-neutral-400);
649
- --ax-border-default: var(--ax-neutral-500);
650
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
651
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
652
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
653
- --ax-border-meta-2: var(--ax-meta-2-600);
654
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
655
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
656
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
657
- --ax-border-meta-1: var(--ax-meta-1-600);
658
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
659
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
660
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
661
- --ax-border-brand-3: var(--ax-brand-3-600);
662
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
663
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
664
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
665
- --ax-border-brand-2: var(--ax-brand-2-600);
666
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
667
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
668
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
669
- --ax-border-brand-1: var(--ax-brand-1-600);
670
- --ax-border-info-strong: var(--ax-info-700);
671
- --ax-border-info-subtleA: var(--ax-info-400A);
672
- --ax-border-info-subtle: var(--ax-info-400);
673
- --ax-border-info: var(--ax-info-600);
674
- --ax-border-danger-strong: var(--ax-danger-700);
675
- --ax-border-danger-subtleA: var(--ax-danger-400A);
676
- --ax-border-danger-subtle: var(--ax-danger-400);
677
- --ax-border-danger: var(--ax-danger-600);
678
- --ax-border-warning-strong: var(--ax-warning-700);
679
- --ax-border-warning-subtleA: var(--ax-warning-400A);
680
- --ax-border-warning-subtle: var(--ax-warning-400);
681
- --ax-border-warning: var(--ax-warning-600);
682
- --ax-border-success-strong: var(--ax-success-700);
683
- --ax-border-success-subtleA: var(--ax-success-400A);
684
- --ax-border-success-subtle: var(--ax-success-400);
685
- --ax-border-success: var(--ax-success-600);
686
- --ax-border-accent-strong: var(--ax-accent-700);
687
- --ax-border-accent-subtleA: var(--ax-accent-400A);
688
- --ax-border-accent-subtle: var(--ax-accent-400);
689
- --ax-border-accent: var(--ax-accent-600);
690
- --ax-text-contrast: var(--ax-neutral-000);
691
- --ax-text-logo: var(--ax-neutral-1000);
692
- --ax-text-icon: var(--ax-neutral-600);
693
- --ax-text-subtle: var(--ax-neutral-900);
694
- --ax-text-default: var(--ax-neutral-1000);
695
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
696
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
697
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
698
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
699
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
700
- --ax-text-warning-contrast: var(--ax-neutral-000);
701
- --ax-text-success-contrast: var(--ax-neutral-000);
702
- --ax-text-info-contrast: var(--ax-neutral-000);
703
- --ax-text-danger-contrast: var(--ax-neutral-000);
704
- --ax-text-accent-contrast: var(--ax-neutral-000);
705
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
706
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
707
- --ax-text-meta-2: var(--ax-meta-2-800);
708
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
709
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
710
- --ax-text-meta-1: var(--ax-meta-1-800);
711
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
712
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
713
- --ax-text-brand-3: var(--ax-brand-3-800);
714
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
715
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
716
- --ax-text-brand-2: var(--ax-brand-2-800);
717
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
718
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
719
- --ax-text-brand-1: var(--ax-brand-1-800);
720
- --ax-text-info-icon: var(--ax-info-600);
721
- --ax-text-info-strong: var(--ax-info-1000);
722
- --ax-text-info: var(--ax-info-800);
723
- --ax-text-danger-icon: var(--ax-danger-600);
724
- --ax-text-danger-strong: var(--ax-danger-1000);
725
- --ax-text-danger: var(--ax-danger-800);
726
- --ax-text-warning-icon: var(--ax-warning-600);
727
- --ax-text-warning-strong: var(--ax-warning-1000);
728
- --ax-text-warning: var(--ax-warning-800);
729
- --ax-text-success-icon: var(--ax-success-600);
730
- --ax-text-success-strong: var(--ax-success-1000);
731
- --ax-text-success: var(--ax-success-800);
732
- --ax-text-accent-icon: var(--ax-accent-600);
733
- --ax-text-accent-strong: var(--ax-accent-1000);
734
- --ax-text-accent: var(--ax-accent-800);
735
- --ax-bg-strong-pressed: var(--ax-neutral-900);
736
- --ax-bg-strong-hover: var(--ax-neutral-800);
737
- --ax-bg-strong: var(--ax-neutral-700);
738
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
739
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
740
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
741
- --ax-bg-moderate-hover: var(--ax-neutral-300);
742
- --ax-bg-moderateA: var(--ax-neutral-200A);
743
- --ax-bg-moderate: var(--ax-neutral-200);
744
- --ax-bg-hoverA: var(--ax-neutral-200A);
745
- --ax-bg-hover: var(--ax-neutral-200);
746
- --ax-bg-soft: var(--ax-neutral-100);
747
- --ax-bg-raised: var(--ax-neutral-100);
748
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
749
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
750
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
751
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
752
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
753
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
754
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
755
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
756
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
757
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
758
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
759
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
760
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
761
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
762
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
763
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
764
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
765
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
766
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
767
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
768
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
769
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
770
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
771
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
772
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
773
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
774
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
775
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
776
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
777
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
778
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
779
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
780
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
781
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
782
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
783
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
784
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
785
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
786
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
787
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
788
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
789
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
790
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
791
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
792
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
793
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
794
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
795
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
796
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
797
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
798
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
799
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
800
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
801
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
802
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
803
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
804
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
805
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
806
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
807
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
808
- --ax-bg-info-strong-pressed: var(--ax-info-800);
809
- --ax-bg-info-strong-hover: var(--ax-info-700);
810
- --ax-bg-info-strong: var(--ax-info-600);
811
- --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
812
- --ax-bg-info-moderate-pressed: var(--ax-info-400);
813
- --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
814
- --ax-bg-info-moderate-hover: var(--ax-info-300);
815
- --ax-bg-info-moderateA: var(--ax-info-200A);
816
- --ax-bg-info-moderate: var(--ax-info-200);
817
- --ax-bg-info-hoverA: var(--ax-info-200A);
818
- --ax-bg-info-hover: var(--ax-info-200);
819
- --ax-bg-info-soft: var(--ax-info-100);
820
- --ax-bg-danger-strong-pressed: var(--ax-danger-800);
821
- --ax-bg-danger-strong-hover: var(--ax-danger-700);
822
- --ax-bg-danger-strong: var(--ax-danger-600);
823
- --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
824
- --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
825
- --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
826
- --ax-bg-danger-moderate-hover: var(--ax-danger-300);
827
- --ax-bg-danger-moderateA: var(--ax-danger-200A);
828
- --ax-bg-danger-moderate: var(--ax-danger-200);
829
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
830
- --ax-bg-danger-hover: var(--ax-danger-200);
831
- --ax-bg-danger-soft: var(--ax-danger-100);
832
- --ax-bg-warning-strong-pressed: var(--ax-warning-800);
833
- --ax-bg-warning-strong-hover: var(--ax-warning-700);
834
- --ax-bg-warning-strong: var(--ax-warning-600);
835
- --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
836
- --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
837
- --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
838
- --ax-bg-warning-moderate-hover: var(--ax-warning-300);
839
- --ax-bg-warning-moderateA: var(--ax-warning-200A);
840
- --ax-bg-warning-moderate: var(--ax-warning-200);
841
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
842
- --ax-bg-warning-hover: var(--ax-warning-200);
843
- --ax-bg-warning-soft: var(--ax-warning-100);
844
- --ax-bg-success-strong-pressed: var(--ax-success-800);
845
- --ax-bg-success-strong-hover: var(--ax-success-700);
846
- --ax-bg-success-strong: var(--ax-success-600);
847
- --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
848
- --ax-bg-success-moderate-pressed: var(--ax-success-400);
849
- --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
850
- --ax-bg-success-moderate-hover: var(--ax-success-300);
851
- --ax-bg-success-moderateA: var(--ax-success-200A);
852
- --ax-bg-success-moderate: var(--ax-success-200);
853
- --ax-bg-success-hoverA: var(--ax-success-200A);
854
- --ax-bg-success-hover: var(--ax-success-200);
855
- --ax-bg-success-soft: var(--ax-success-100);
856
- --ax-bg-accent-strong-pressed: var(--ax-accent-800);
857
- --ax-bg-accent-strong-hover: var(--ax-accent-700);
858
- --ax-bg-accent-strong: var(--ax-accent-600);
859
- --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
860
- --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
861
- --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
862
- --ax-bg-accent-moderate-hover: var(--ax-accent-300);
863
- --ax-bg-accent-moderateA: var(--ax-accent-200A);
864
- --ax-bg-accent-moderate: var(--ax-accent-200);
865
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
98
+ --ax-opacity-disabled: .3;
99
+ --ax-bg-default: #fff;
100
+ --ax-bg-input: rgba(255, 255, 255, .85);
101
+ --ax-bg-overlay: rgba(2, 20, 49, .49);
102
+ --ax-text-logo: #c30000;
103
+ --ax-neutral-100: #f5f6f7;
104
+ --ax-neutral-200: #ecedef;
105
+ --ax-neutral-300: #e1e3e7;
106
+ --ax-neutral-400: #cfd3d8;
107
+ --ax-neutral-500: #818997;
108
+ --ax-neutral-600: #6f7785;
109
+ --ax-neutral-700: #5d6573;
110
+ --ax-neutral-800: #555d6a;
111
+ --ax-neutral-900: #49515e;
112
+ --ax-neutral-1000: #202733;
113
+ --ax-neutral-000: white;
114
+ --ax-neutral-100A: rgba(0, 26, 51, .04);
115
+ --ax-neutral-200A: rgba(0, 14, 41, .075);
116
+ --ax-neutral-300A: rgba(0, 17, 51, .118);
117
+ --ax-neutral-400A: rgba(0, 22, 48, .19);
118
+ --ax-accent-100: #f1f7ff;
119
+ --ax-accent-200: #e4eeff;
120
+ --ax-accent-300: #d4e5fd;
121
+ --ax-accent-400: #bad5fb;
122
+ --ax-accent-500: #428ae3;
123
+ --ax-accent-600: #2277d5;
124
+ --ax-accent-700: #0063c1;
125
+ --ax-accent-800: #005bb6;
126
+ --ax-accent-900: #004ea3;
127
+ --ax-accent-1000: #002459;
128
+ --ax-accent-100A: rgba(0, 110, 255, .055);
129
+ --ax-accent-200A: rgba(0, 95, 255, .106);
130
+ --ax-accent-300A: rgba(1, 101, 244, .17);
131
+ --ax-accent-400A: rgba(0, 100, 241, .27);
132
+ --ax-success-100: #e2fde8;
133
+ --ax-success-200: #d5f6db;
134
+ --ax-success-300: #c4edcd;
135
+ --ax-success-400: #a8dfb4;
136
+ --ax-success-500: #199d4f;
137
+ --ax-success-600: #00893c;
138
+ --ax-success-700: #007629;
139
+ --ax-success-800: #006c1f;
140
+ --ax-success-900: #005e0f;
141
+ --ax-success-1000: #002e00;
142
+ --ax-success-100A: rgba(0, 238, 53, .114);
143
+ --ax-success-200A: rgba(0, 201, 37, .165);
144
+ --ax-success-300A: rgba(1, 178, 39, .23);
145
+ --ax-success-400A: rgba(0, 162, 36, .34);
146
+ --ax-warning-100: #fff5e4;
147
+ --ax-warning-200: #ffebc7;
148
+ --ax-warning-300: #ffdea5;
149
+ --ax-warning-400: #ffcb6f;
150
+ --ax-warning-500: #e75e01;
151
+ --ax-warning-600: #c95100;
152
+ --ax-warning-700: #ac4400;
153
+ --ax-warning-800: #a03e00;
154
+ --ax-warning-900: #8c3500;
155
+ --ax-warning-1000: #481700;
156
+ --ax-warning-100A: rgba(255, 161, 0, .106);
157
+ --ax-warning-200A: rgba(255, 164, 0, .22);
158
+ --ax-warning-300A: rgba(255, 162, 1, .353);
159
+ --ax-warning-400A: rgba(255, 163, 0, .565);
160
+ --ax-danger-100: #fff2f7;
161
+ --ax-danger-200: #ffe8f0;
162
+ --ax-danger-300: #ffd9e6;
163
+ --ax-danger-400: #ffc2d7;
164
+ --ax-danger-500: #ec526e;
165
+ --ax-danger-600: #e22a49;
166
+ --ax-danger-700: #cb0035;
167
+ --ax-danger-800: #bc002a;
168
+ --ax-danger-900: #a60017;
169
+ --ax-danger-1000: #560000;
170
+ --ax-danger-100A: rgba(255, 0, 99, .05);
171
+ --ax-danger-200A: rgba(255, 0, 89, .09);
172
+ --ax-danger-300A: rgba(255, 0, 88, .15);
173
+ --ax-danger-400A: rgba(255, 0, 88, .24);
174
+ --ax-info-100: #eef6fc;
175
+ --ax-info-200: #e3eff7;
176
+ --ax-info-300: #d7e6f0;
177
+ --ax-info-400: #c0d6e4;
178
+ --ax-info-500: #5a8fae;
179
+ --ax-info-600: #417da0;
180
+ --ax-info-700: #246b91;
181
+ --ax-info-800: #156389;
182
+ --ax-info-900: #00557d;
183
+ --ax-info-1000: #002942;
184
+ --ax-info-100A: rgba(0, 120, 210, .067);
185
+ --ax-info-200A: rgba(0, 110, 183, .11);
186
+ --ax-info-300A: rgba(0, 96, 160, .157);
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);
866
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);
867
656
  --ax-bg-accent-soft: var(--ax-accent-100);
657
+ --ax-bg-accent-softA: var(--ax-accent-100A);
658
+ --ax-bg-accent-hover: var(--ax-accent-200);
659
+ --ax-bg-accent-hoverA: var(--ax-accent-200A);
660
+ --ax-bg-accent-moderate: var(--ax-accent-200);
661
+ --ax-bg-accent-moderateA: var(--ax-accent-200A);
662
+ --ax-bg-accent-moderate-hover: var(--ax-accent-300);
663
+ --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
664
+ --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
665
+ --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
666
+ --ax-bg-accent-strong: var(--ax-accent-600);
667
+ --ax-bg-accent-strong-hover: var(--ax-accent-700);
668
+ --ax-bg-accent-strong-pressed: var(--ax-accent-800);
669
+ --ax-bg-success-soft: var(--ax-success-100);
670
+ --ax-bg-success-softA: var(--ax-success-100A);
671
+ --ax-bg-success-hover: var(--ax-success-200);
672
+ --ax-bg-success-hoverA: var(--ax-success-200A);
673
+ --ax-bg-success-moderate: var(--ax-success-200);
674
+ --ax-bg-success-moderateA: var(--ax-success-200A);
675
+ --ax-bg-success-moderate-hover: var(--ax-success-300);
676
+ --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
677
+ --ax-bg-success-moderate-pressed: var(--ax-success-400);
678
+ --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
679
+ --ax-bg-success-strong: var(--ax-success-600);
680
+ --ax-bg-success-strong-hover: var(--ax-success-700);
681
+ --ax-bg-success-strong-pressed: var(--ax-success-800);
682
+ --ax-bg-warning-soft: var(--ax-warning-100);
683
+ --ax-bg-warning-softA: var(--ax-warning-100A);
684
+ --ax-bg-warning-hover: var(--ax-warning-200);
685
+ --ax-bg-warning-hoverA: var(--ax-warning-200A);
686
+ --ax-bg-warning-moderate: var(--ax-warning-200);
687
+ --ax-bg-warning-moderateA: var(--ax-warning-200A);
688
+ --ax-bg-warning-moderate-hover: var(--ax-warning-300);
689
+ --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
690
+ --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
691
+ --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
692
+ --ax-bg-warning-strong: var(--ax-warning-600);
693
+ --ax-bg-warning-strong-hover: var(--ax-warning-700);
694
+ --ax-bg-warning-strong-pressed: var(--ax-warning-800);
695
+ --ax-bg-danger-soft: var(--ax-danger-100);
696
+ --ax-bg-danger-softA: var(--ax-danger-100A);
697
+ --ax-bg-danger-hover: var(--ax-danger-200);
698
+ --ax-bg-danger-hoverA: var(--ax-danger-200A);
699
+ --ax-bg-danger-moderate: var(--ax-danger-200);
700
+ --ax-bg-danger-moderateA: var(--ax-danger-200A);
701
+ --ax-bg-danger-moderate-hover: var(--ax-danger-300);
702
+ --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
703
+ --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
704
+ --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
705
+ --ax-bg-danger-strong: var(--ax-danger-600);
706
+ --ax-bg-danger-strong-hover: var(--ax-danger-700);
707
+ --ax-bg-danger-strong-pressed: var(--ax-danger-800);
708
+ --ax-bg-info-soft: var(--ax-info-100);
709
+ --ax-bg-info-softA: var(--ax-info-100A);
710
+ --ax-bg-info-hover: var(--ax-info-200);
711
+ --ax-bg-info-hoverA: var(--ax-info-200A);
712
+ --ax-bg-info-moderate: var(--ax-info-200);
713
+ --ax-bg-info-moderateA: var(--ax-info-200A);
714
+ --ax-bg-info-moderate-hover: var(--ax-info-300);
715
+ --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
716
+ --ax-bg-info-moderate-pressed: var(--ax-info-400);
717
+ --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
718
+ --ax-bg-info-strong: var(--ax-info-600);
719
+ --ax-bg-info-strong-hover: var(--ax-info-700);
720
+ --ax-bg-info-strong-pressed: var(--ax-info-800);
721
+ --ax-bg-brand-1-soft: var(--ax-brand-1-100);
722
+ --ax-bg-brand-1-softA: var(--ax-brand-1-100A);
723
+ --ax-bg-brand-1-hover: var(--ax-brand-1-200);
724
+ --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
725
+ --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
726
+ --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
727
+ --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
728
+ --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
729
+ --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
730
+ --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
731
+ --ax-bg-brand-1-strong: var(--ax-brand-1-600);
732
+ --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
733
+ --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
734
+ --ax-bg-brand-2-soft: var(--ax-brand-2-100);
735
+ --ax-bg-brand-2-softA: var(--ax-brand-2-100A);
736
+ --ax-bg-brand-2-hover: var(--ax-brand-2-200);
737
+ --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
738
+ --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
739
+ --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
740
+ --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
741
+ --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
742
+ --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
743
+ --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
744
+ --ax-bg-brand-2-strong: var(--ax-brand-2-600);
745
+ --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
746
+ --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
747
+ --ax-bg-brand-3-soft: var(--ax-brand-3-100);
748
+ --ax-bg-brand-3-softA: var(--ax-brand-3-100A);
749
+ --ax-bg-brand-3-hover: var(--ax-brand-3-200);
750
+ --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
751
+ --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
752
+ --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
753
+ --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
754
+ --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
755
+ --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
756
+ --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
757
+ --ax-bg-brand-3-strong: var(--ax-brand-3-600);
758
+ --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
759
+ --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
760
+ --ax-bg-meta-1-soft: var(--ax-meta-1-100);
761
+ --ax-bg-meta-1-softA: var(--ax-meta-1-100A);
762
+ --ax-bg-meta-1-hover: var(--ax-meta-1-200);
763
+ --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
764
+ --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
765
+ --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
766
+ --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
767
+ --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
768
+ --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
769
+ --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
770
+ --ax-bg-meta-1-strong: var(--ax-meta-1-600);
771
+ --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
772
+ --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
773
+ --ax-bg-meta-2-soft: var(--ax-meta-2-100);
774
+ --ax-bg-meta-2-softA: var(--ax-meta-2-100A);
775
+ --ax-bg-meta-2-hover: var(--ax-meta-2-200);
776
+ --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
777
+ --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
778
+ --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
779
+ --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
780
+ --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
781
+ --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
782
+ --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
783
+ --ax-bg-meta-2-strong: var(--ax-meta-2-600);
784
+ --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
785
+ --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
786
+ --ax-bg-raised: var(--ax-neutral-100);
787
+ --ax-bg-soft: var(--ax-neutral-100);
788
+ --ax-bg-softA: var(--ax-neutral-100A);
789
+ --ax-bg-hover: var(--ax-neutral-200);
790
+ --ax-bg-hoverA: var(--ax-neutral-200A);
791
+ --ax-bg-moderate: var(--ax-neutral-200);
792
+ --ax-bg-moderateA: var(--ax-neutral-200A);
793
+ --ax-bg-moderate-hover: var(--ax-neutral-300);
794
+ --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
795
+ --ax-bg-moderate-pressed: var(--ax-neutral-400);
796
+ --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
797
+ --ax-bg-strong: var(--ax-neutral-700);
798
+ --ax-bg-strong-hover: var(--ax-neutral-800);
799
+ --ax-bg-strong-pressed: var(--ax-neutral-900);
800
+ --ax-text-accent: var(--ax-accent-800);
801
+ --ax-text-accent-strong: var(--ax-accent-1000);
802
+ --ax-text-accent-icon: var(--ax-accent-600);
803
+ --ax-text-success: var(--ax-success-800);
804
+ --ax-text-success-strong: var(--ax-success-1000);
805
+ --ax-text-success-icon: var(--ax-success-600);
806
+ --ax-text-warning: var(--ax-warning-800);
807
+ --ax-text-warning-strong: var(--ax-warning-1000);
808
+ --ax-text-warning-icon: var(--ax-warning-600);
809
+ --ax-text-danger: var(--ax-danger-800);
810
+ --ax-text-danger-strong: var(--ax-danger-1000);
811
+ --ax-text-danger-icon: var(--ax-danger-600);
812
+ --ax-text-info: var(--ax-info-800);
813
+ --ax-text-info-strong: var(--ax-info-1000);
814
+ --ax-text-info-icon: var(--ax-info-600);
815
+ --ax-text-brand-1: var(--ax-brand-1-800);
816
+ --ax-text-brand-1-strong: var(--ax-brand-1-1000);
817
+ --ax-text-brand-1-icon: var(--ax-brand-1-600);
818
+ --ax-text-brand-2: var(--ax-brand-2-800);
819
+ --ax-text-brand-2-strong: var(--ax-brand-2-1000);
820
+ --ax-text-brand-2-icon: var(--ax-brand-2-600);
821
+ --ax-text-brand-3: var(--ax-brand-3-800);
822
+ --ax-text-brand-3-strong: var(--ax-brand-3-1000);
823
+ --ax-text-brand-3-icon: var(--ax-brand-3-600);
824
+ --ax-text-meta-1: var(--ax-meta-1-800);
825
+ --ax-text-meta-1-strong: var(--ax-meta-1-1000);
826
+ --ax-text-meta-1-icon: var(--ax-meta-1-600);
827
+ --ax-text-meta-2: var(--ax-meta-2-800);
828
+ --ax-text-meta-2-strong: var(--ax-meta-2-1000);
829
+ --ax-text-meta-2-icon: var(--ax-meta-2-600);
830
+ --ax-text-accent-contrast: var(--ax-neutral-000);
831
+ --ax-text-danger-contrast: var(--ax-neutral-000);
832
+ --ax-text-info-contrast: var(--ax-neutral-000);
833
+ --ax-text-success-contrast: var(--ax-neutral-000);
834
+ --ax-text-warning-contrast: var(--ax-neutral-000);
835
+ --ax-text-brand-1-contrast: var(--ax-neutral-000);
836
+ --ax-text-brand-2-contrast: var(--ax-neutral-000);
837
+ --ax-text-brand-3-contrast: var(--ax-neutral-000);
838
+ --ax-text-meta-1-contrast: var(--ax-neutral-000);
839
+ --ax-text-meta-2-contrast: var(--ax-neutral-000);
840
+ --ax-text-default: var(--ax-neutral-1000);
841
+ --ax-text-subtle: var(--ax-neutral-900);
842
+ --ax-text-icon: var(--ax-neutral-600);
843
+ --ax-text-logo: var(--ax-neutral-1000);
844
+ --ax-text-contrast: var(--ax-neutral-000);
845
+ --ax-border-accent: var(--ax-accent-600);
846
+ --ax-border-accent-subtle: var(--ax-accent-400);
847
+ --ax-border-accent-subtleA: var(--ax-accent-400A);
848
+ --ax-border-accent-strong: var(--ax-accent-700);
849
+ --ax-border-success: var(--ax-success-600);
850
+ --ax-border-success-subtle: var(--ax-success-400);
851
+ --ax-border-success-subtleA: var(--ax-success-400A);
852
+ --ax-border-success-strong: var(--ax-success-700);
853
+ --ax-border-warning: var(--ax-warning-600);
854
+ --ax-border-warning-subtle: var(--ax-warning-400);
855
+ --ax-border-warning-subtleA: var(--ax-warning-400A);
856
+ --ax-border-warning-strong: var(--ax-warning-700);
857
+ --ax-border-danger: var(--ax-danger-600);
858
+ --ax-border-danger-subtle: var(--ax-danger-400);
859
+ --ax-border-danger-subtleA: var(--ax-danger-400A);
860
+ --ax-border-danger-strong: var(--ax-danger-700);
861
+ --ax-border-info: var(--ax-info-600);
862
+ --ax-border-info-subtle: var(--ax-info-400);
863
+ --ax-border-info-subtleA: var(--ax-info-400A);
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);
868
890
  }
869
891
 
870
892
  :root, :host {
871
- --ax-version: "7.10.0";
872
- --ax-font-weight-regular: 400;
873
- --ax-font-weight-bold: 600;
874
- --ax-font-size-small: .875rem;
875
- --ax-font-size-medium: 1rem;
876
- --ax-font-size-large: 1.125rem;
877
- --ax-font-size-xlarge: 1.25rem;
878
- --ax-font-size-heading-xsmall: 1.125rem;
879
- --ax-font-size-heading-small: 1.25rem;
880
- --ax-font-size-heading-medium: 1.5rem;
881
- --ax-font-size-heading-large: 1.75rem;
882
- --ax-font-size-heading-xlarge: 2rem;
883
- --ax-font-size-heading-2xlarge: 2.5rem;
884
- --ax-font-line-height-medium: 1.25rem;
885
- --ax-font-line-height-large: 1.5rem;
886
- --ax-font-line-height-xlarge: 1.75rem;
887
- --ax-font-line-height-heading-xsmall: 1.5rem;
888
- --ax-font-line-height-heading-small: 1.75rem;
889
- --ax-font-line-height-heading-medium: 2rem;
890
- --ax-font-line-height-heading-large: 2.25rem;
891
- --ax-font-line-height-heading-xlarge: 2.5rem;
892
- --ax-font-line-height-heading-2xlarge: 3.25rem;
893
- --ax-font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
894
- --ax-breakpoint-2xl-down: 1439px;
895
- --ax-breakpoint-2xl: 1440px;
896
- --ax-breakpoint-xl-down: 1279px;
897
- --ax-breakpoint-xl: 1280px;
898
- --ax-breakpoint-lg-down: 1023px;
899
- --ax-breakpoint-lg: 1024px;
900
- --ax-breakpoint-md-down: 767px;
901
- --ax-breakpoint-md: 768px;
902
- --ax-breakpoint-sm-down: 479px;
903
- --ax-breakpoint-sm: 480px;
904
- --ax-breakpoint-xs: 0;
905
- --ax-border-radius-full: 9999px;
906
- --ax-border-radius-xlarge: 12px;
907
- --ax-border-radius-large: 8px;
908
- --ax-border-radius-medium: 4px;
909
- --ax-border-radius-small: 2px;
910
- --ax-space-128: 8rem;
911
- --ax-space-96: 6rem;
912
- --ax-space-80: 5rem;
913
- --ax-space-72: 4.5rem;
914
- --ax-space-64: 4rem;
915
- --ax-space-56: 3.5rem;
916
- --ax-space-48: 3rem;
917
- --ax-space-44: 2.75rem;
918
- --ax-space-40: 2.5rem;
919
- --ax-space-36: 2.25rem;
920
- --ax-space-32: 2rem;
921
- --ax-space-28: 1.75rem;
922
- --ax-space-24: 1.5rem;
923
- --ax-space-20: 1.25rem;
924
- --ax-space-16: 1rem;
925
- --ax-space-12: .75rem;
926
- --ax-space-8: .5rem;
927
- --ax-space-6: .375rem;
928
- --ax-space-4: .25rem;
929
- --ax-space-2: .125rem;
930
- --ax-space-1: .0625rem;
893
+ --ax-version: "7.11.0";
931
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;
932
954
  }
933
955
  }
934
956
 
@@ -1037,7 +1059,7 @@
1037
1059
  @font-face {
1038
1060
  font-family: "Source Sans 3";
1039
1061
  font-style: italic;
1040
- font-weight: 400 600;
1062
+ font-weight: 400 650;
1041
1063
  font-display: swap;
1042
1064
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic_ext.woff2") format("woff2");
1043
1065
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
@@ -1046,7 +1068,7 @@
1046
1068
  @font-face {
1047
1069
  font-family: "Source Sans 3";
1048
1070
  font-style: italic;
1049
- font-weight: 400 600;
1071
+ font-weight: 400 650;
1050
1072
  font-display: swap;
1051
1073
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic.woff2") format("woff2");
1052
1074
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
@@ -1055,7 +1077,7 @@
1055
1077
  @font-face {
1056
1078
  font-family: "Source Sans 3";
1057
1079
  font-style: italic;
1058
- font-weight: 400 600;
1080
+ font-weight: 400 650;
1059
1081
  font-display: swap;
1060
1082
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
1061
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;
@@ -1064,7 +1086,7 @@
1064
1086
  @font-face {
1065
1087
  font-family: "Source Sans 3";
1066
1088
  font-style: italic;
1067
- font-weight: 400 600;
1089
+ font-weight: 400 650;
1068
1090
  font-display: swap;
1069
1091
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
1070
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;
@@ -1073,7 +1095,7 @@
1073
1095
  @font-face {
1074
1096
  font-family: "Source Sans 3";
1075
1097
  font-style: normal;
1076
- font-weight: 400 600;
1098
+ font-weight: 400 650;
1077
1099
  font-display: swap;
1078
1100
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic_ext.woff2") format("woff2");
1079
1101
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
@@ -1082,7 +1104,7 @@
1082
1104
  @font-face {
1083
1105
  font-family: "Source Sans 3";
1084
1106
  font-style: normal;
1085
- font-weight: 400 600;
1107
+ font-weight: 400 650;
1086
1108
  font-display: swap;
1087
1109
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic.woff2") format("woff2");
1088
1110
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
@@ -1091,7 +1113,7 @@
1091
1113
  @font-face {
1092
1114
  font-family: "Source Sans 3";
1093
1115
  font-style: normal;
1094
- font-weight: 400 600;
1116
+ font-weight: 400 650;
1095
1117
  font-display: swap;
1096
1118
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
1097
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;
@@ -1100,7 +1122,7 @@
1100
1122
  @font-face {
1101
1123
  font-family: "Source Sans 3";
1102
1124
  font-style: normal;
1103
- font-weight: 400 600;
1125
+ font-weight: 400 650;
1104
1126
  font-display: swap;
1105
1127
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
1106
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;
@@ -1109,7 +1131,7 @@
1109
1131
  @font-face {
1110
1132
  font-family: Source Sans Pro;
1111
1133
  font-style: italic;
1112
- font-weight: 400 600;
1134
+ font-weight: 400 650;
1113
1135
  font-display: swap;
1114
1136
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
1115
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;
@@ -1118,7 +1140,7 @@
1118
1140
  @font-face {
1119
1141
  font-family: Source Sans Pro;
1120
1142
  font-style: italic;
1121
- font-weight: 400 600;
1143
+ font-weight: 400 650;
1122
1144
  font-display: swap;
1123
1145
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
1124
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;
@@ -1127,7 +1149,7 @@
1127
1149
  @font-face {
1128
1150
  font-family: Source Sans Pro;
1129
1151
  font-style: normal;
1130
- font-weight: 400 600;
1152
+ font-weight: 400 650;
1131
1153
  font-display: swap;
1132
1154
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
1133
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;
@@ -1136,7 +1158,7 @@
1136
1158
  @font-face {
1137
1159
  font-family: Source Sans Pro;
1138
1160
  font-style: normal;
1139
- font-weight: 400 600;
1161
+ font-weight: 400 650;
1140
1162
  font-display: swap;
1141
1163
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
1142
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;
@@ -1153,6 +1175,7 @@
1153
1175
  font-size: var(--ax-font-size-heading-2xlarge);
1154
1176
  letter-spacing: -.01em;
1155
1177
  line-height: var(--ax-font-line-height-heading-2xlarge);
1178
+ font-weight: 650;
1156
1179
  }
1157
1180
 
1158
1181
  .navds-heading--xlarge.navds-typo--spacing {
@@ -1163,6 +1186,7 @@
1163
1186
  font-size: var(--ax-font-size-heading-xlarge);
1164
1187
  letter-spacing: -.008em;
1165
1188
  line-height: var(--ax-font-line-height-heading-xlarge);
1189
+ font-weight: 650;
1166
1190
  }
1167
1191
 
1168
1192
  .navds-heading--large.navds-typo--spacing {
@@ -1195,6 +1219,7 @@
1195
1219
  font-size: var(--ax-font-size-heading-medium);
1196
1220
  letter-spacing: -.002em;
1197
1221
  line-height: var(--ax-font-line-height-heading-medium);
1222
+ font-weight: 650;
1198
1223
  }
1199
1224
 
1200
1225
  .navds-heading--medium.navds-typo--spacing {
@@ -1403,7 +1428,7 @@
1403
1428
  --__axc-button-border-color: transparent;
1404
1429
  --__axc-button-border-width: 2px;
1405
1430
  padding: var(--ax-space-12) var(--ax-space-20);
1406
- border-radius: var(--ax-border-radius-medium);
1431
+ border-radius: var(--ax-border-radius-large);
1407
1432
  cursor: pointer;
1408
1433
  justify-content: center;
1409
1434
  align-items: center;
@@ -1451,7 +1476,7 @@
1451
1476
 
1452
1477
  @supports not selector(:focus-visible) {
1453
1478
  .navds-button:focus {
1454
- outline: 2px solid var(--ax-border-focus);
1479
+ outline: 3px solid var(--ax-border-focus);
1455
1480
  }
1456
1481
  }
1457
1482
 
@@ -1485,6 +1510,10 @@
1485
1510
  background-color: var(--ax-bg-accent-strong-pressed);
1486
1511
  }
1487
1512
 
1513
+ .navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
1514
+ background-color: var(--ax-bg-accent-strong);
1515
+ }
1516
+
1488
1517
  .navds-button--primary:is(:disabled, .navds-button--disabled) {
1489
1518
  background-color: var(--ax-bg-accent-strong);
1490
1519
  }
@@ -1513,6 +1542,10 @@
1513
1542
  background-color: var(--ax-bg-strong-pressed);
1514
1543
  }
1515
1544
 
1545
+ .navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
1546
+ background-color: var(--ax-bg-strong);
1547
+ }
1548
+
1516
1549
  .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
1517
1550
  background-color: var(--ax-bg-strong);
1518
1551
  }
@@ -1534,6 +1567,12 @@
1534
1567
  color: var(--ax-text-accent-contrast);
1535
1568
  }
1536
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
+
1537
1576
  .navds-button--secondary:is(:disabled, .navds-button--disabled) {
1538
1577
  --__axc-button-border-color: var(--ax-border-accent);
1539
1578
  color: var(--ax-text-accent);
@@ -1541,7 +1580,7 @@
1541
1580
  }
1542
1581
 
1543
1582
  .navds-button--secondary-neutral {
1544
- --__axc-button-border-color: var(--ax-border-strong);
1583
+ --__axc-button-border-color: var(--ax-border-default);
1545
1584
  color: var(--ax-text-default);
1546
1585
  background-color: rgba(0, 0, 0, 0);
1547
1586
  }
@@ -1557,8 +1596,14 @@
1557
1596
  background-color: var(--ax-bg-strong-pressed);
1558
1597
  }
1559
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
+
1560
1605
  .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
1561
- --__axc-button-border-color: var(--ax-border-strong);
1606
+ --__axc-button-border-color: var(--ax-border-default);
1562
1607
  color: var(--ax-text-default);
1563
1608
  background-color: rgba(0, 0, 0, 0);
1564
1609
  }
@@ -1577,6 +1622,11 @@
1577
1622
  color: var(--ax-text-accent-contrast);
1578
1623
  }
1579
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
+
1580
1630
  .navds-button--tertiary:is(:disabled, .navds-button--disabled) {
1581
1631
  color: var(--ax-text-accent);
1582
1632
  background-color: rgba(0, 0, 0, 0);
@@ -1596,6 +1646,11 @@
1596
1646
  color: var(--ax-text-contrast);
1597
1647
  }
1598
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
+
1599
1654
  .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
1600
1655
  color: var(--ax-text-default);
1601
1656
  background-color: rgba(0, 0, 0, 0);
@@ -1614,6 +1669,10 @@
1614
1669
  background-color: var(--ax-bg-danger-strong-pressed);
1615
1670
  }
1616
1671
 
1672
+ .navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
1673
+ background-color: var(--ax-bg-danger-strong);
1674
+ }
1675
+
1617
1676
  .navds-button--danger:is(:disabled, .navds-button--disabled) {
1618
1677
  background-color: var(--ax-bg-danger-strong);
1619
1678
  }
@@ -1705,8 +1764,8 @@
1705
1764
  }
1706
1765
 
1707
1766
  .navds-chips__chip:focus-visible {
1708
- outline: 2px solid var(--ax-border-focus);
1709
- outline-offset: 2px;
1767
+ outline: 3px solid var(--ax-border-focus);
1768
+ outline-offset: 3px;
1710
1769
  }
1711
1770
 
1712
1771
  .navds-chips--readonly .navds-chips__chip {
@@ -1918,18 +1977,19 @@
1918
1977
  }
1919
1978
 
1920
1979
  .navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
1921
- color: var(--ax-text-accent-strong);
1922
1980
  background-color: var(--ax-bg-accent-moderate-hover);
1923
1981
  box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
1924
1982
  }
1925
1983
 
1926
- .navds-dropzone__area:active .navds-dropzone__area-button {
1984
+ .navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
1927
1985
  background-color: var(--ax-bg-accent-strong-pressed);
1928
1986
  color: var(--ax-text-accent-contrast);
1929
1987
  box-shadow: none;
1930
1988
  }
1931
1989
 
1932
1990
  .navds-dropzone__area[data-disabled="true"] {
1991
+ --__axc-dropzone-background: var(--ax-bg-soft);
1992
+ border-color: var(--ax-border-subtleA);
1933
1993
  cursor: default;
1934
1994
  }
1935
1995
 
@@ -1948,7 +2008,10 @@
1948
2008
  animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
1949
2009
  margin: -1px;
1950
2010
  position: absolute;
1951
- inset: 0;
2011
+ top: 0;
2012
+ bottom: 0;
2013
+ left: 0;
2014
+ right: 0;
1952
2015
  }
1953
2016
 
1954
2017
  @keyframes akselDropzoneDragoverAnimation {
@@ -2013,7 +2076,7 @@
2013
2076
  }
2014
2077
 
2015
2078
  .navds-dropzone--dragging .navds-dropzone__area-release {
2016
- color: var(--ax-text-accent-strong);
2079
+ color: var(--ax-text-accent);
2017
2080
  top: 50%;
2018
2081
  transform: translateY(-50%);
2019
2082
  }
@@ -2026,7 +2089,25 @@
2026
2089
  display: flex;
2027
2090
  }
2028
2091
 
2029
- .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) {
2030
2111
  margin: 0;
2031
2112
  padding: 0;
2032
2113
  list-style: none;
@@ -2078,7 +2159,6 @@
2078
2159
  }
2079
2160
 
2080
2161
  .navds-file-item__error {
2081
- color: var(--ax-text-danger);
2082
2162
  grid-template-rows: 0fr;
2083
2163
  transition-property: grid-template-rows, padding-top;
2084
2164
  transition-duration: .25s;
@@ -2087,23 +2167,11 @@
2087
2167
  overflow: hidden;
2088
2168
  }
2089
2169
 
2090
- .navds-file-item__error .navds-file-item__error {
2170
+ .navds-file-item--error .navds-file-item__error {
2091
2171
  padding-top: var(--ax-space-4);
2092
2172
  grid-template-rows: 1fr;
2093
2173
  }
2094
2174
 
2095
- .navds-file-item__error-content {
2096
- gap: var(--ax-space-4);
2097
- min-height: 0;
2098
- display: flex;
2099
- }
2100
-
2101
- .navds-file-item__error-content > svg {
2102
- flex-shrink: 0;
2103
- height: 1rem;
2104
- margin-top: .1rem;
2105
- }
2106
-
2107
2175
  .navds-form-field {
2108
2176
  justify-items: start;
2109
2177
  gap: var(--ax-space-8);
@@ -2150,16 +2218,20 @@
2150
2218
  padding: var(--ax-space-16) var(--ax-space-20);
2151
2219
  border: 4px solid var(--ax-border-danger);
2152
2220
  border-radius: var(--ax-border-radius-xlarge);
2153
- outline-offset: 2px;
2221
+ outline-offset: 3px;
2154
2222
  }
2155
2223
 
2156
- .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
2157
- 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);
2158
2230
  }
2159
2231
 
2160
2232
  @supports not selector(:focus-visible) {
2161
2233
  .navds-error-summary:focus {
2162
- outline: 2px solid var(--ax-border-focus);
2234
+ outline: 3px solid var(--ax-border-focus);
2163
2235
  }
2164
2236
  }
2165
2237
 
@@ -2232,14 +2304,27 @@
2232
2304
  border-color: orange;
2233
2305
  border-left-style: solid;
2234
2306
  border-left-width: 8px;
2235
- border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
2236
- border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
2237
2307
  height: 100%;
2238
2308
  position: absolute;
2239
2309
  top: 0;
2240
2310
  left: 0;
2241
2311
  }
2242
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
+
2243
2328
  .navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
2244
2329
  border-color: green;
2245
2330
  }
@@ -2250,6 +2335,7 @@
2250
2335
  }
2251
2336
 
2252
2337
  .navds-checkbox, .navds-radio {
2338
+ width: -webkit-fit-content;
2253
2339
  width: fit-content;
2254
2340
  position: relative;
2255
2341
  }
@@ -2305,30 +2391,45 @@
2305
2391
  padding: var(--ax-space-6) 0;
2306
2392
  }
2307
2393
 
2308
- .navds-checkbox--small > .navds-checkbox__label:before, .navds-radio--small > .navds-radio__label:before {
2309
- width: 1.25rem;
2310
- height: 1.25rem;
2394
+ .navds-checkbox--small > .navds-checkbox__label:before, .navds-radio--small > .navds-radio__label:before {
2395
+ width: 1.25rem;
2396
+ height: 1.25rem;
2397
+ }
2398
+
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;
2408
+ }
2409
+
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));
2311
2412
  }
2312
2413
 
2313
- .navds-checkbox__input:focus + .navds-checkbox__label:before, .navds-radio__input:focus + .navds-radio__label:before {
2314
- outline: 2px solid var(--ax-border-focus);
2315
- outline-offset: 2px;
2414
+ .navds-checkbox__icon-indeterminate {
2415
+ display: none;
2316
2416
  }
2317
2417
 
2318
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2319
- content: "";
2320
- transform: translate(var(--ax-space-6), -50%);
2418
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2321
2419
  background-color: var(--ax-bg-default);
2322
- border-radius: 1px;
2323
- flex-shrink: 0;
2324
2420
  width: .75rem;
2325
2421
  height: .25rem;
2422
+ transform: translate(var(--ax-space-6), -50%);
2423
+ pointer-events: none;
2424
+ border-radius: 1px;
2425
+ display: block;
2326
2426
  position: absolute;
2327
2427
  top: 50%;
2328
2428
  }
2329
2429
 
2330
- .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2331
- 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;
2332
2433
  }
2333
2434
 
2334
2435
  .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
@@ -2394,6 +2495,11 @@
2394
2495
  background-color: var(--ax-bg-danger-moderate-hoverA);
2395
2496
  }
2396
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);
2501
+ }
2502
+
2397
2503
  .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
2398
2504
  background-color: var(--ax-bg-danger-strong-pressed);
2399
2505
  border-color: var(--ax-bg-danger-strong-pressed);
@@ -2411,7 +2517,11 @@
2411
2517
  cursor: not-allowed;
2412
2518
  }
2413
2519
 
2414
- .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) {
2415
2525
  cursor: default;
2416
2526
  }
2417
2527
 
@@ -2443,7 +2553,7 @@
2443
2553
  border-width: 0;
2444
2554
  }
2445
2555
 
2446
- .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 {
2447
2557
  background-color: var(--ax-text-subtle);
2448
2558
  }
2449
2559
 
@@ -2464,7 +2574,7 @@
2464
2574
  color: var(--__axc-radio-checkbox-high-contrast-text);
2465
2575
  }
2466
2576
 
2467
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2577
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2468
2578
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
2469
2579
  }
2470
2580
 
@@ -2481,7 +2591,7 @@
2481
2591
  background-color: var(--__axc-radio-checkbox-high-contrast-bg);
2482
2592
  }
2483
2593
 
2484
- .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 {
2485
2595
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
2486
2596
  }
2487
2597
 
@@ -2495,15 +2605,20 @@
2495
2605
  --__axc-radio-checkbox-high-contrast-text: graytext;
2496
2606
  }
2497
2607
 
2608
+ :-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
2609
+ color: graytext;
2610
+ }
2611
+
2498
2612
  :is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
2499
2613
  color: graytext;
2500
2614
  }
2501
2615
  }
2502
2616
 
2503
2617
  .navds-select__input {
2618
+ -webkit-appearance: none;
2504
2619
  appearance: none;
2505
2620
  background-color: var(--ax-bg-input);
2506
- border-radius: var(--ax-border-radius-medium);
2621
+ border-radius: var(--ax-border-radius-large);
2507
2622
  border: 1px solid var(--ax-border-default);
2508
2623
  color: var(--ax-text-default);
2509
2624
  box-sizing: border-box;
@@ -2521,8 +2636,8 @@
2521
2636
  }
2522
2637
 
2523
2638
  .navds-select__input:focus {
2524
- outline: 2px solid var(--ax-border-focus);
2525
- outline-offset: 2px;
2639
+ outline: 3px solid var(--ax-border-focus);
2640
+ outline-offset: 3px;
2526
2641
  border-color: var(--ax-border-accent-strong);
2527
2642
  }
2528
2643
 
@@ -2558,10 +2673,21 @@
2558
2673
 
2559
2674
  .navds-form-field--small .navds-select__input {
2560
2675
  min-height: 2rem;
2561
- padding-block: 0;
2676
+ padding-top: 0;
2677
+ padding-bottom: 0;
2678
+ }
2679
+
2680
+ .navds-select--error > * select {
2681
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2682
+ border-color: var(--ax-border-danger-strong);
2562
2683
  }
2563
2684
 
2564
- .navds-select--error > * select, .navds-select--error > * select:hover, .navds-select--error > * select:focus {
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);
2688
+ }
2689
+
2690
+ .navds-select--error > * select:focus {
2565
2691
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2566
2692
  border-color: var(--ax-border-danger-strong);
2567
2693
  }
@@ -2592,6 +2718,12 @@
2592
2718
  }
2593
2719
 
2594
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
+
2595
2727
  .navds-select--readonly .navds-select__input:is(:hover, :focus) {
2596
2728
  color: buttontext;
2597
2729
  background-color: buttonface;
@@ -2604,6 +2736,7 @@
2604
2736
  }
2605
2737
 
2606
2738
  .navds-switch {
2739
+ width: -webkit-fit-content;
2607
2740
  width: fit-content;
2608
2741
  min-height: 3rem;
2609
2742
  position: relative;
@@ -2634,26 +2767,40 @@
2634
2767
  }
2635
2768
 
2636
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;
2637
2773
  flex-direction: column;
2638
- gap: .125rem;
2639
- padding: .75rem 0 .75rem 3.25rem;
2640
2774
  display: flex;
2775
+ position: relative;
2641
2776
  }
2642
2777
 
2643
2778
  .navds-switch--right .navds-switch__content {
2644
- padding: .75rem 3.25rem .75rem 0;
2779
+ padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
2645
2780
  }
2646
2781
 
2647
2782
  .navds-switch--small .navds-switch__content {
2648
- 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;
2649
2784
  }
2650
2785
 
2651
- .navds-switch--right.navds-switch--small .navds-switch__content {
2652
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8) - var(--ax-space-2)) 0;
2786
+ .navds-switch__content.navds-switch--with-description {
2787
+ padding-bottom: 0;
2653
2788
  }
2654
2789
 
2655
- .navds-switch--with-description {
2656
- padding-bottom: 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;
2800
+ }
2801
+
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);
2657
2804
  }
2658
2805
 
2659
2806
  .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
@@ -2702,9 +2849,9 @@
2702
2849
  border-color: var(--ax-bg-accent-strong-pressed);
2703
2850
  }
2704
2851
 
2705
- .navds-switch__input:focus-visible ~ .navds-switch__track {
2706
- outline: 2px solid var(--ax-border-focus);
2707
- 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;
2708
2855
  }
2709
2856
 
2710
2857
  .navds-switch__thumb {
@@ -2757,12 +2904,18 @@
2757
2904
  width: auto;
2758
2905
  }
2759
2906
 
2760
- .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 {
2761
2913
  left: auto;
2762
2914
  right: 0;
2763
2915
  }
2764
2916
 
2765
2917
  .navds-switch__input:disabled {
2918
+ -webkit-appearance: none;
2766
2919
  appearance: none;
2767
2920
  }
2768
2921
 
@@ -2774,16 +2927,39 @@
2774
2927
  cursor: not-allowed;
2775
2928
  }
2776
2929
 
2777
- .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 {
2778
2941
  background-color: var(--ax-bg-moderate);
2779
2942
  border-color: var(--ax-border-subtleA);
2780
2943
  }
2781
2944
 
2782
- .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
2945
+ .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
2946
+ background-color: var(--ax-bg-moderate);
2947
+ border-color: var(--ax-border-subtleA);
2948
+ }
2949
+
2950
+ .navds-switch--readonly > .navds-switch__label-wrapper {
2783
2951
  cursor: default;
2784
2952
  }
2785
2953
 
2786
- .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
2954
+ .navds-switch--readonly > .navds-switch__input {
2955
+ cursor: default;
2956
+ }
2957
+
2958
+ .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
2959
+ color: var(--ax-text-default);
2960
+ }
2961
+
2962
+ .navds-switch--readonly .navds-switch__label-wrapper:hover {
2787
2963
  color: var(--ax-text-default);
2788
2964
  }
2789
2965
 
@@ -2823,9 +2999,8 @@
2823
2999
  color: field;
2824
3000
  }
2825
3001
 
2826
- .navds-switch__input:focus-visible ~ .navds-switch__track {
2827
- outline-offset: 2px;
2828
- 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;
2829
3004
  }
2830
3005
 
2831
3006
  .navds-switch--disabled:not(.navds-switch--loading) {
@@ -2833,7 +3008,7 @@
2833
3008
  }
2834
3009
 
2835
3010
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
2836
- background-color: graytext;
3011
+ background-color: graytext !important;
2837
3012
  }
2838
3013
 
2839
3014
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
@@ -2846,10 +3021,11 @@
2846
3021
  }
2847
3022
 
2848
3023
  .navds-text-field__input {
3024
+ -webkit-appearance: none;
2849
3025
  appearance: none;
2850
3026
  padding: var(--ax-space-8);
2851
3027
  background: var(--ax-bg-input);
2852
- border-radius: var(--ax-border-radius-medium);
3028
+ border-radius: var(--ax-border-radius-large);
2853
3029
  border: 1px solid var(--ax-border-default);
2854
3030
  width: 100%;
2855
3031
  min-height: 3rem;
@@ -2862,8 +3038,8 @@
2862
3038
 
2863
3039
  .navds-text-field__input:focus-visible {
2864
3040
  border-color: var(--ax-border-accent-strong);
2865
- outline: 2px solid var(--ax-border-focus);
2866
- outline-offset: 2px;
3041
+ outline: 3px solid var(--ax-border-focus);
3042
+ outline-offset: 3px;
2867
3043
  }
2868
3044
 
2869
3045
  .navds-text-field__input:disabled {
@@ -2921,10 +3097,11 @@
2921
3097
 
2922
3098
  .navds-textarea__input {
2923
3099
  height: var(--__axc-textarea-height);
3100
+ -webkit-appearance: none;
2924
3101
  appearance: none;
2925
3102
  padding: var(--ax-space-8);
2926
3103
  background-color: var(--ax-bg-input);
2927
- border-radius: var(--ax-border-radius-medium);
3104
+ border-radius: var(--ax-border-radius-large);
2928
3105
  border: 1px solid var(--ax-border-default);
2929
3106
  resize: none;
2930
3107
  width: 100%;
@@ -2941,8 +3118,8 @@
2941
3118
  }
2942
3119
 
2943
3120
  .navds-textarea__input:focus-visible {
2944
- outline: 2px solid var(--ax-border-focus);
2945
- outline-offset: 2px;
3121
+ outline: 3px solid var(--ax-border-focus);
3122
+ outline-offset: 3px;
2946
3123
  border-color: var(--ax-border-accent-strong);
2947
3124
  }
2948
3125
 
@@ -2981,17 +3158,50 @@
2981
3158
 
2982
3159
  .navds-textarea--resize-both .navds-textarea__input {
2983
3160
  resize: both;
2984
- 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;
2985
3173
  }
2986
3174
 
2987
3175
  .navds-textarea--resize-horizontal .navds-textarea__input {
2988
3176
  resize: horizontal;
2989
- 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;
2990
3189
  }
2991
3190
 
2992
3191
  .navds-textarea--resize-vertical .navds-textarea__input {
2993
3192
  resize: vertical;
2994
- 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;
2995
3205
  }
2996
3206
 
2997
3207
  .navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
@@ -3034,18 +3244,19 @@
3034
3244
  }
3035
3245
 
3036
3246
  .navds-search--with-size .navds-search__wrapper {
3247
+ width: -webkit-fit-content;
3037
3248
  width: fit-content;
3038
3249
  }
3039
3250
 
3040
3251
  .navds-search__wrapper {
3041
- border-radius: var(--ax-border-radius-medium);
3252
+ border-radius: var(--ax-border-radius-large);
3042
3253
  align-items: center;
3043
3254
  display: inline-flex;
3044
3255
  }
3045
3256
 
3046
3257
  .navds-search__wrapper:has(.navds-search__input:focus-visible) {
3047
- outline: 2px solid var(--ax-border-focus);
3048
- outline-offset: 2px;
3258
+ outline: 3px solid var(--ax-border-focus);
3259
+ outline-offset: 3px;
3049
3260
  }
3050
3261
 
3051
3262
  .navds-search__input {
@@ -3056,7 +3267,13 @@
3056
3267
  outline: none;
3057
3268
  }
3058
3269
 
3059
- .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 {
3060
3277
  border-right: none;
3061
3278
  border-top-right-radius: 0;
3062
3279
  border-bottom-right-radius: 0;
@@ -3105,8 +3322,8 @@
3105
3322
 
3106
3323
  .navds-search__button-search {
3107
3324
  border-radius: 0;
3108
- border-top-right-radius: var(--ax-border-radius-medium);
3109
- 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);
3110
3327
  flex-shrink: 0;
3111
3328
  }
3112
3329
 
@@ -3127,6 +3344,10 @@
3127
3344
  --__axc-button-border-color: transparent;
3128
3345
  }
3129
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
+
3130
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) {
3131
3352
  --__axc-button-border-color: var(--ax-border-accent-strong);
3132
3353
  }
@@ -3140,7 +3361,11 @@
3140
3361
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
3141
3362
  }
3142
3363
 
3143
- .navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
3364
+ .navds-search__input:focus-visible {
3365
+ z-index: 1;
3366
+ }
3367
+
3368
+ .navds-search__button-search:focus-visible {
3144
3369
  z-index: 1;
3145
3370
  }
3146
3371
 
@@ -3156,13 +3381,17 @@
3156
3381
  --__axc-combobox-list-item-padding-inline: var(--ax-space-12);
3157
3382
  --__axc-combobox-border-width: 1px;
3158
3383
  --__axc-combobox-input-height: 2rem;
3159
- border-radius: var(--ax-border-radius-medium);
3384
+ border-radius: var(--ax-border-radius-large);
3160
3385
  flex-direction: column;
3161
3386
  width: 100%;
3162
3387
  display: flex;
3163
3388
  position: relative;
3164
3389
  }
3165
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
+
3166
3395
  .navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
3167
3396
  border-color: var(--ax-border-accent-strong);
3168
3397
  }
@@ -3187,7 +3416,11 @@
3187
3416
  cursor: not-allowed;
3188
3417
  }
3189
3418
 
3190
- .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 {
3191
3424
  pointer-events: none;
3192
3425
  }
3193
3426
 
@@ -3208,7 +3441,11 @@
3208
3441
  overflow: clip;
3209
3442
  }
3210
3443
 
3211
- .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 {
3212
3449
  background-color: var(--ax-bg-moderate);
3213
3450
  }
3214
3451
 
@@ -3219,7 +3456,7 @@
3219
3456
 
3220
3457
  .navds-combobox__wrapper-inner {
3221
3458
  border: 1px solid var(--ax-border-default);
3222
- border-radius: var(--ax-border-radius-medium);
3459
+ border-radius: var(--ax-border-radius-large);
3223
3460
  }
3224
3461
 
3225
3462
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
@@ -3333,7 +3570,11 @@
3333
3570
  outline: none;
3334
3571
  }
3335
3572
 
3336
- .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 {
3337
3578
  outline: none;
3338
3579
  }
3339
3580
  }
@@ -3343,7 +3584,6 @@
3343
3584
  }
3344
3585
 
3345
3586
  .navds-combobox__button-toggle-list {
3346
- border-radius: var(--ax-border-radius-medium);
3347
3587
  color: var(--ax-text-default);
3348
3588
  cursor: pointer;
3349
3589
  background: none;
@@ -3392,7 +3632,7 @@
3392
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 {
3393
3633
  padding-block: var(--__axc-combobox-list-item-padding-block);
3394
3634
  padding-inline: var(--__axc-combobox-list-item-padding-inline);
3395
- border-radius: var(--ax-border-radius-medium);
3635
+ border-radius: var(--ax-border-radius-large);
3396
3636
  margin-inline: var(--ax-space-8);
3397
3637
  margin-block: var(--ax-space-2);
3398
3638
  border: 0;
@@ -3473,7 +3713,7 @@
3473
3713
  border-radius: 0;
3474
3714
  justify-content: flex-start;
3475
3715
  gap: .25rem;
3476
- margin-block-start: calc(var(--ax-space-4) * -1);
3716
+ margin-top: calc(var(--ax-space-4) * -1);
3477
3717
  }
3478
3718
 
3479
3719
  .navds-combobox__list-item--new-option svg {
@@ -3501,6 +3741,7 @@
3501
3741
  }
3502
3742
 
3503
3743
  .navds-combobox__input {
3744
+ min-width: -webkit-min-content;
3504
3745
  min-width: min-content;
3505
3746
  padding: .75rem 0;
3506
3747
  }
@@ -3706,7 +3947,7 @@
3706
3947
 
3707
3948
  .navds-form-progress__stepper {
3708
3949
  border: 1px solid var(--ax-border-subtle);
3709
- border-radius: var(--ax-border-radius-large);
3950
+ border-radius: var(--ax-border-radius-xlarge);
3710
3951
  padding: var(--ax-space-16) var(--ax-space-20);
3711
3952
  margin-top: var(--ax-space-4);
3712
3953
  background: var(--ax-bg-raised);
@@ -3744,7 +3985,11 @@
3744
3985
  background-color: var(--ax-bg-accent-hoverA);
3745
3986
  }
3746
3987
 
3747
- .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 {
3748
3993
  display: none;
3749
3994
  }
3750
3995
 
@@ -3762,17 +4007,21 @@
3762
4007
  }
3763
4008
 
3764
4009
  .navds-accordion__header:focus-visible {
3765
- outline: 2px solid var(--ax-border-focus);
3766
- outline-offset: 2px;
4010
+ outline: 3px solid var(--ax-border-focus);
4011
+ outline-offset: 3px;
3767
4012
  z-index: 1;
3768
4013
  }
3769
4014
 
3770
- .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 {
3771
4020
  display: none;
3772
4021
  }
3773
4022
 
3774
4023
  .navds-accordion--small .navds-accordion__header {
3775
- padding-block: var(--a-spacing-2);
4024
+ padding-block: var(--ax-space-8);
3776
4025
  }
3777
4026
 
3778
4027
  .navds-accordion__header:before, .navds-accordion__header:after {
@@ -3787,16 +4036,16 @@
3787
4036
  right: 0;
3788
4037
  }
3789
4038
 
3790
- .navds-accordion__item:last-child > .navds-accordion__content {
3791
- border-bottom: 1px solid rgba(0, 0, 0, 0);
3792
- }
3793
-
3794
4039
  .navds-accordion__header:after {
3795
4040
  top: initial;
3796
4041
  bottom: 0;
3797
4042
  }
3798
4043
 
3799
- .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 {
3800
4049
  display: none;
3801
4050
  }
3802
4051
 
@@ -3820,68 +4069,62 @@
3820
4069
  transform: rotateX(-180deg);
3821
4070
  }
3822
4071
 
3823
- .navds-accordion__content {
3824
- --__acx-accordion-content-line-width: 2px;
3825
- padding-inline: var(--ax-space-24) var(--ax-space-12);
3826
- max-height: 0;
3827
- transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
3828
- border-color: rgba(0, 0, 0, 0);
3829
- padding-block: 0;
3830
- animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
3831
- display: none;
3832
- overflow: hidden;
3833
- }
3834
-
3835
- .navds-accordion__item--no-animation {
3836
- 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);
3837
4075
  }
3838
4076
 
3839
- @keyframes navds-accordion-content-animation {
3840
- 0% {
3841
- opacity: .01;
3842
- }
3843
-
3844
- 20% {
3845
- opacity: .01;
3846
- }
3847
-
3848
- 100% {
3849
- opacity: 1;
4077
+ @media (forced-colors: active) {
4078
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
4079
+ border-left: 1px solid canvastext;
3850
4080
  }
3851
4081
  }
3852
4082
 
3853
4083
  .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
3854
- padding-inline: var(--ax-space-24) var(--ax-space-12);
4084
+ box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
3855
4085
  }
3856
4086
 
3857
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
3858
- box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
3859
- padding-block: var(--ax-space-8);
3860
- 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;
3861
4100
  }
3862
4101
 
3863
- @media (forced-colors: active) {
3864
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
3865
- border-left: 1px solid canvastext;
3866
- }
4102
+ .navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
4103
+ min-height: 0;
4104
+ padding-top: 0;
4105
+ padding-bottom: 0;
3867
4106
  }
3868
4107
 
3869
4108
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
3870
- opacity: 1;
3871
- max-height: fit-content;
3872
- padding-block: var(--ax-space-8);
4109
+ visibility: visible;
4110
+ margin-block: var(--ax-space-8);
3873
4111
  border-color: var(--ax-border-subtleA);
3874
- padding-block-end: var(--ax-space-24);
3875
- display: block;
3876
- overflow: visible;
4112
+ opacity: 1;
4113
+ grid-template-rows: 1fr;
4114
+ margin-bottom: var(--ax-space-24);
3877
4115
  }
3878
4116
 
3879
- @starting-style {
3880
- .navds-accordion__item[data-expanded="true"]:not(.navds-accordion__item--no-animation) > .navds-accordion__content {
3881
- border-color: rgba(0, 0, 0, 0);
3882
- max-height: 0;
3883
- padding-block: 0;
3884
- }
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;
3885
4128
  }
3886
4129
 
3887
4130
  .navds-alert {
@@ -3919,7 +4162,7 @@
3919
4162
 
3920
4163
  .navds-alert--small > .navds-alert__icon {
3921
4164
  height: var(--ax-font-line-height-large);
3922
- margin-block-start: 0;
4165
+ margin-top: 0;
3923
4166
  }
3924
4167
 
3925
4168
  .navds-alert--info {
@@ -3976,16 +4219,24 @@
3976
4219
  display: flex;
3977
4220
  }
3978
4221
 
3979
- .navds-alert--close-button > .navds-alert__wrapper, .navds-alert--close-button > .navds-alert__icon {
3980
- 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);
3981
4228
  }
3982
4229
 
3983
4230
  .navds-alert--close-button.navds-alert--small {
3984
4231
  align-items: flex-start;
3985
4232
  }
3986
4233
 
3987
- .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper, .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
3988
- 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);
3989
4240
  }
3990
4241
 
3991
4242
  .navds-chat {
@@ -4049,6 +4300,7 @@
4049
4300
  border-bottom-left-radius: var(--ax-border-radius-small);
4050
4301
  border: 1px solid var(--ax-border-subtleA);
4051
4302
  flex-direction: column;
4303
+ width: -webkit-fit-content;
4052
4304
  width: fit-content;
4053
4305
  display: flex;
4054
4306
  }
@@ -4057,11 +4309,19 @@
4057
4309
  padding: var(--ax-space-12) var(--ax-space-16);
4058
4310
  }
4059
4311
 
4060
- .navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
4312
+ .navds-chat--info .navds-chat__bubble {
4313
+ background-color: var(--ax-bg-info-moderate);
4314
+ }
4315
+
4316
+ .navds-chat--info .navds-chat__avatar {
4061
4317
  background-color: var(--ax-bg-info-moderate);
4062
4318
  }
4063
4319
 
4064
- .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
4320
+ .navds-chat--neutral .navds-chat__bubble {
4321
+ background-color: var(--ax-bg-moderateA);
4322
+ }
4323
+
4324
+ .navds-chat--neutral .navds-chat__avatar {
4065
4325
  background-color: var(--ax-bg-moderateA);
4066
4326
  }
4067
4327
 
@@ -4093,7 +4353,7 @@
4093
4353
  .navds-copybutton {
4094
4354
  --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
4095
4355
  cursor: pointer;
4096
- border-radius: var(--ax-border-radius-medium);
4356
+ border-radius: var(--ax-border-radius-large);
4097
4357
  padding: var(--__axc-copybutton-padding);
4098
4358
  background-color: rgba(0, 0, 0, 0);
4099
4359
  border: none;
@@ -4117,8 +4377,8 @@
4117
4377
  }
4118
4378
 
4119
4379
  .navds-copybutton:focus-visible {
4120
- outline: 2px solid var(--ax-border-focus);
4121
- outline-offset: 2px;
4380
+ outline: 3px solid var(--ax-border-focus);
4381
+ outline-offset: 3px;
4122
4382
  }
4123
4383
 
4124
4384
  .navds-copybutton:disabled {
@@ -4252,7 +4512,12 @@
4252
4512
  color: var(--ax-text-default);
4253
4513
  }
4254
4514
 
4255
- .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 {
4256
4521
  gap: var(--ax-space-20);
4257
4522
  display: grid;
4258
4523
  }
@@ -4269,22 +4534,22 @@
4269
4534
  .navds-date .rdp-button {
4270
4535
  all: unset;
4271
4536
  text-align: center;
4272
- border-radius: var(--ax-border-radius-medium);
4537
+ border-radius: var(--ax-border-radius-large);
4273
4538
  width: 2.5rem;
4274
4539
  height: 2.5rem;
4275
4540
  display: block;
4276
4541
  }
4277
4542
 
4278
4543
  .navds-date .rdp-day_range_start {
4279
- 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%;
4280
4545
  }
4281
4546
 
4282
4547
  .navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
4283
- 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);
4284
4549
  }
4285
4550
 
4286
4551
  .navds-date .rdp-day_range_start.rdp-day_range_end {
4287
- border-radius: var(--ax-border-radius-xlarge);
4552
+ border-radius: var(--ax-border-radius-large);
4288
4553
  }
4289
4554
 
4290
4555
  .navds-date .navds-date__field {
@@ -4294,7 +4559,13 @@
4294
4559
  position: relative;
4295
4560
  }
4296
4561
 
4297
- .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 {
4298
4569
  color: var(--ax-text-accent-contrast);
4299
4570
  background: var(--ax-bg-accent-strong-pressed);
4300
4571
  cursor: pointer;
@@ -4307,7 +4578,12 @@
4307
4578
  text-decoration: line-through;
4308
4579
  }
4309
4580
 
4310
- .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 {
4311
4587
  background: var(--ax-bg-accent-moderate-hoverA);
4312
4588
  cursor: pointer;
4313
4589
  }
@@ -4329,7 +4605,11 @@
4329
4605
  transform: translateX(-50%);
4330
4606
  }
4331
4607
 
4332
- :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 {
4333
4613
  background-color: var(--ax-text-accent-contrast);
4334
4614
  }
4335
4615
 
@@ -4338,7 +4618,11 @@
4338
4618
  pointer-events: none;
4339
4619
  }
4340
4620
 
4341
- .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 {
4342
4626
  padding: 0;
4343
4627
  }
4344
4628
 
@@ -4364,7 +4648,7 @@
4364
4648
  all: unset;
4365
4649
  text-align: center;
4366
4650
  text-transform: capitalize;
4367
- border-radius: var(--ax-border-radius-medium);
4651
+ border-radius: var(--ax-border-radius-large);
4368
4652
  cursor: pointer;
4369
4653
  width: 3rem;
4370
4654
  height: 3rem;
@@ -4376,16 +4660,28 @@
4376
4660
  }
4377
4661
 
4378
4662
  .navds-date__wrapper, .navds-date__standalone-wrapper {
4663
+ width: -webkit-fit-content;
4379
4664
  width: fit-content;
4665
+ height: -webkit-fit-content;
4380
4666
  height: fit-content;
4381
4667
  }
4382
4668
 
4383
- :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 {
4384
- outline: 2px solid var(--ax-border-focus);
4385
- 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);
4386
4677
  }
4387
4678
 
4388
- :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) {
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;
4682
+ }
4683
+
4684
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
4389
4685
  color: var(--ax-text-accent-contrast);
4390
4686
  background-color: var(--ax-bg-accent-strong-pressed);
4391
4687
  }
@@ -4401,12 +4697,10 @@
4401
4697
  .navds-date__field-button {
4402
4698
  color: var(--ax-text-default);
4403
4699
  cursor: pointer;
4404
- border-radius: calc(var(--ax-border-radius-medium) - 1px);
4700
+ border-radius: calc(var(--ax-border-radius-large) - 1px);
4405
4701
  padding: var(--ax-space-12);
4406
4702
  background: none;
4407
4703
  border: none;
4408
- border-start-start-radius: 0;
4409
- border-end-start-radius: 0;
4410
4704
  justify-content: center;
4411
4705
  align-items: center;
4412
4706
  height: calc(100% - .125rem);
@@ -4420,6 +4714,21 @@
4420
4714
  transform: translateY(-50%);
4421
4715
  }
4422
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
+
4423
4732
  .navds-form-field--small .navds-date__field-button {
4424
4733
  padding: var(--ax-space-4);
4425
4734
  }
@@ -4439,6 +4748,7 @@
4439
4748
 
4440
4749
  .navds-date__field-wrapper {
4441
4750
  align-items: center;
4751
+ width: -webkit-fit-content;
4442
4752
  width: fit-content;
4443
4753
  display: inline-flex;
4444
4754
  position: relative;
@@ -4503,7 +4813,8 @@
4503
4813
  color: var(--ac-dropdown-text, var(--a-text-default));
4504
4814
  width: 27ch;
4505
4815
  max-height: 616px;
4506
- overflow: hidden auto;
4816
+ overflow-x: hidden;
4817
+ overflow-y: auto;
4507
4818
  }
4508
4819
 
4509
4820
  .navds-dropdown__divider {
@@ -4590,7 +4901,7 @@
4590
4901
  }
4591
4902
 
4592
4903
  .navds-action-menu__content {
4593
- border-radius: var(--ax-border-radius-large);
4904
+ border-radius: var(--ax-border-radius-xlarge);
4594
4905
  border: 1px solid var(--ax-border-subtleA);
4595
4906
  box-shadow: var(--ax-shadow-dialog);
4596
4907
  transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
@@ -4626,7 +4937,7 @@
4626
4937
  --__axc-action-menu-item-pr: var(--ax-space-8);
4627
4938
  --__axc-action-menu-item-pl: var(--ax-space-8);
4628
4939
  --__axc-action-menu-item-height: 2rem;
4629
- border-radius: var(--ax-border-radius-large);
4940
+ border-radius: var(--ax-border-radius-xlarge);
4630
4941
  background-color: var(--ax-bg-raised);
4631
4942
  min-width: 128px;
4632
4943
  max-width: min(95vw, 640px);
@@ -4643,7 +4954,7 @@
4643
4954
  gap: var(--ax-space-8);
4644
4955
  min-height: var(--__axc-action-menu-item-height);
4645
4956
  cursor: default;
4646
- border-radius: var(--ax-border-radius-medium);
4957
+ border-radius: var(--ax-border-radius-large);
4647
4958
  padding-left: var(--__axc-action-menu-item-pl);
4648
4959
  padding-right: var(--__axc-action-menu-item-pr);
4649
4960
  font-size: var(--ax-font-size-medium);
@@ -4762,7 +5073,15 @@
4762
5073
  display: grid;
4763
5074
  }
4764
5075
 
4765
- .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 {
4766
5085
  display: block;
4767
5086
  }
4768
5087
 
@@ -4772,11 +5091,12 @@
4772
5091
 
4773
5092
  .navds-expansioncard {
4774
5093
  --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
4775
- --__axc-expansioncard-padding-block: var(--ax-space-16);
5094
+ --__axc-expansioncard-padding-block: var(--ax-space-20);
4776
5095
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
4777
5096
  border-radius: var(--ax-border-radius-xlarge);
4778
5097
  background-color: var(--ax-bg-raised);
4779
5098
  border: 1px solid var(--ax-border-default);
5099
+ height: -webkit-fit-content;
4780
5100
  height: fit-content;
4781
5101
  }
4782
5102
 
@@ -4787,13 +5107,17 @@
4787
5107
 
4788
5108
  .navds-expansioncard--small {
4789
5109
  --__axc-expansioncard-padding-inline: var(--ax-space-16);
4790
- --__axc-expansioncard-padding-block: var(--ax-space-12);
5110
+ --__axc-expansioncard-padding-block: var(--ax-space-16);
4791
5111
  }
4792
5112
 
4793
5113
  .navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
4794
5114
  margin-top: var(--ax-space-2);
4795
5115
  }
4796
5116
 
5117
+ .navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
5118
+ margin-top: 0;
5119
+ }
5120
+
4797
5121
  .navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
4798
5122
  margin-top: 0;
4799
5123
  }
@@ -4815,7 +5139,7 @@
4815
5139
  }
4816
5140
 
4817
5141
  .navds-expansioncard__header:hover {
4818
- background-color: var(--ax-bg-hover);
5142
+ background-color: var(--ax-bg-hoverA);
4819
5143
  }
4820
5144
 
4821
5145
  .navds-expansioncard__header[data-open="true"] {
@@ -4825,7 +5149,7 @@
4825
5149
 
4826
5150
  .navds-expansioncard__header[data-open="true"]:after {
4827
5151
  content: "";
4828
- background-color: var(--ax-border-subtle);
5152
+ background-color: var(--ax-border-subtleA);
4829
5153
  bottom: 0;
4830
5154
  left: var(--__axc-expansioncard-padding-inline);
4831
5155
  height: 1px;
@@ -4865,15 +5189,7 @@
4865
5189
  }
4866
5190
 
4867
5191
  .navds-expansioncard__header-button:focus-visible {
4868
- outline: 2px solid var(--ax-border-focus);
4869
- outline-offset: 2px;
4870
- }
4871
-
4872
- @supports not selector(:focus-visible) {
4873
- .navds-expansioncard__header-button:focus {
4874
- outline: 2px solid var(--ax-border-focus);
4875
- outline-offset: 2px;
4876
- }
5192
+ outline: 3px solid var(--ax-border-focus);
4877
5193
  }
4878
5194
 
4879
5195
  .navds-expansioncard__header-button:after {
@@ -4883,7 +5199,10 @@
4883
5199
  width: 100%;
4884
5200
  height: 100%;
4885
5201
  position: absolute;
4886
- inset: 0;
5202
+ top: 0;
5203
+ bottom: 0;
5204
+ left: 0;
5205
+ right: 0;
4887
5206
  }
4888
5207
 
4889
5208
  .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
@@ -4905,17 +5224,31 @@
4905
5224
  .navds-expansioncard__content {
4906
5225
  padding-inline: var(--__axc-expansioncard-padding-inline);
4907
5226
  visibility: hidden;
4908
- border-end-end-radius: var(--__axc-expansioncard-border-radius);
4909
- border-end-start-radius: var(--__axc-expansioncard-border-radius);
4910
5227
  grid-template-rows: 0fr;
4911
- padding-block: 0;
4912
- 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;
4913
5231
  transition-duration: .25s;
4914
5232
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
4915
5233
  display: grid;
4916
5234
  overflow: hidden;
4917
5235
  }
4918
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
+
4919
5252
  .navds-expansioncard__content[data-open="true"] {
4920
5253
  visibility: visible;
4921
5254
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -4932,18 +5265,28 @@
4932
5265
  transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
4933
5266
  }
4934
5267
 
5268
+ .navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
5269
+ transition: none;
5270
+ }
5271
+
4935
5272
  .navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
4936
5273
  transition: none;
4937
5274
  }
4938
5275
 
4939
5276
  .navds-guide-panel {
4940
5277
  --__axc-guide-panel-guide-size: 3.75rem;
5278
+ width: -webkit-fit-content;
4941
5279
  width: fit-content;
4942
5280
  display: flex;
4943
5281
  position: relative;
4944
5282
  }
4945
5283
 
4946
- .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"] {
4947
5290
  flex-direction: column;
4948
5291
  align-items: center;
4949
5292
  }
@@ -4986,6 +5329,10 @@
4986
5329
  position: relative;
4987
5330
  }
4988
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
+
4989
5336
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
4990
5337
  margin-top: var(--ax-space-20);
4991
5338
  }
@@ -5028,6 +5375,12 @@
5028
5375
  position: absolute;
5029
5376
  }
5030
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
+
5031
5384
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
5032
5385
  left: 50%;
5033
5386
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -5073,7 +5426,11 @@
5073
5426
  border: 1px solid var(--ax-border-info);
5074
5427
  }
5075
5428
 
5076
- .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 {
5077
5434
  display: none;
5078
5435
  }
5079
5436
 
@@ -5120,7 +5477,8 @@
5120
5477
  font: inherit;
5121
5478
  font-weight: var(--ax-font-weight-bold);
5122
5479
  text-align: left;
5123
- padding-block: 0;
5480
+ padding-top: 0;
5481
+ padding-bottom: 0;
5124
5482
  padding-inline: var(--ax-space-24) var(--ax-space-20);
5125
5483
  border: none;
5126
5484
  border-right: 1px solid var(--ax-border-subtleA);
@@ -5134,6 +5492,10 @@
5134
5492
  overflow: visible;
5135
5493
  }
5136
5494
 
5495
+ .navds-internalheader__title:-webkit-any(button) {
5496
+ cursor: pointer;
5497
+ }
5498
+
5137
5499
  .navds-internalheader__title:is(button) {
5138
5500
  cursor: pointer;
5139
5501
  }
@@ -5142,6 +5504,10 @@
5142
5504
  background: var(--ax-bg-moderate-hover);
5143
5505
  }
5144
5506
 
5507
+ .navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
5508
+ background: initial;
5509
+ }
5510
+
5145
5511
  .navds-internalheader__title:is(:hover, :active):not(button, a) {
5146
5512
  background: initial;
5147
5513
  }
@@ -5187,7 +5553,7 @@
5187
5553
 
5188
5554
  :is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
5189
5555
  outline: 3px solid var(--ax-border-focus);
5190
- outline-offset: -3px;
5556
+ outline-offset: -4px;
5191
5557
  }
5192
5558
 
5193
5559
  :is(.navds-internalheader__title, .navds-internalheader__button):active {
@@ -5209,13 +5575,18 @@
5209
5575
  display: inline-flex;
5210
5576
  }
5211
5577
 
5212
- .navds-link:hover, .navds-link:active {
5578
+ .navds-link:hover {
5579
+ text-decoration-thickness: .111em;
5580
+ }
5581
+
5582
+ .navds-link:active {
5213
5583
  text-decoration-thickness: .111em;
5214
5584
  }
5215
5585
 
5216
5586
  .navds-link:focus-visible {
5217
- outline: 2px solid var(--ax-border-focus);
5218
- outline-offset: 2px;
5587
+ outline: 3px solid var(--ax-border-focus);
5588
+ outline-offset: 3px;
5589
+ border-radius: 1px;
5219
5590
  }
5220
5591
 
5221
5592
  .navds-link.navds-link--inline-text {
@@ -5389,6 +5760,7 @@
5389
5760
  max-width: 100%;
5390
5761
  max-height: 100%;
5391
5762
  color: var(--ax-text-default);
5763
+ margin: auto;
5392
5764
  padding: 0;
5393
5765
  position: fixed;
5394
5766
  }
@@ -5400,7 +5772,9 @@
5400
5772
  }
5401
5773
 
5402
5774
  .navds-modal--polyfilled {
5775
+ width: -webkit-fit-content;
5403
5776
  width: fit-content;
5777
+ height: -webkit-fit-content;
5404
5778
  height: fit-content;
5405
5779
  margin: auto;
5406
5780
  top: 50%;
@@ -5419,7 +5793,10 @@
5419
5793
 
5420
5794
  ._dialog_overlay {
5421
5795
  position: fixed;
5422
- inset: 0;
5796
+ top: 0;
5797
+ bottom: 0;
5798
+ left: 0;
5799
+ right: 0;
5423
5800
  }
5424
5801
 
5425
5802
  .navds-modal--medium {
@@ -5430,7 +5807,15 @@
5430
5807
  width: 450px;
5431
5808
  }
5432
5809
 
5433
- .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 {
5434
5819
  padding: var(--ax-space-12) var(--ax-space-16);
5435
5820
  }
5436
5821
 
@@ -5463,7 +5848,10 @@
5463
5848
  .navds-modal--polyfilled + .backdrop {
5464
5849
  background: rgba(2, 20, 49, .49);
5465
5850
  position: fixed;
5466
- inset: 0;
5851
+ top: 0;
5852
+ bottom: 0;
5853
+ left: 0;
5854
+ right: 0;
5467
5855
  }
5468
5856
 
5469
5857
  .navds-modal__button {
@@ -5513,6 +5901,7 @@
5513
5901
  }
5514
5902
 
5515
5903
  .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
5904
+ min-width: -webkit-fit-content;
5516
5905
  min-width: fit-content;
5517
5906
  max-width: 100vw;
5518
5907
  max-height: 100vh;
@@ -5701,10 +6090,21 @@
5701
6090
 
5702
6091
  .navds-tag__icon--left {
5703
6092
  font-size: var(--__axc-tag-icon-size);
5704
- margin-inline-start: var(--__axc-tag-icon-margin);
5705
6093
  display: flex;
5706
6094
  }
5707
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
+
5708
6108
  .navds-tag--outline {
5709
6109
  box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
5710
6110
  background: var(--__axc-tag-bg);
@@ -5740,6 +6140,7 @@
5740
6140
  grid-template-columns: auto minmax(0, 1fr);
5741
6141
  align-items: center;
5742
6142
  width: 100%;
6143
+ min-width: -webkit-fit-content;
5743
6144
  min-width: fit-content;
5744
6145
  display: grid;
5745
6146
  position: relative;
@@ -5802,12 +6203,12 @@
5802
6203
 
5803
6204
  .navds-timeline__period:focus-visible {
5804
6205
  z-index: 4;
5805
- outline: 2px solid var(--ax-border-focus);
5806
- outline-offset: 2px;
6206
+ outline: 3px solid var(--ax-border-focus);
6207
+ outline-offset: 3px;
5807
6208
  }
5808
6209
 
5809
6210
  .navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
5810
- box-shadow: 0 0 0 2px var(--ax-bg-default);
6211
+ box-shadow: 0 0 0 3px var(--ax-bg-default);
5811
6212
  }
5812
6213
 
5813
6214
  .navds-timeline__period {
@@ -5963,7 +6364,10 @@
5963
6364
  width: 25px;
5964
6365
  height: 25px;
5965
6366
  position: absolute;
5966
- inset: -9px 0 0 -9px;
6367
+ top: -9px;
6368
+ bottom: 0;
6369
+ left: -9px;
6370
+ right: 0;
5967
6371
  }
5968
6372
 
5969
6373
  .navds-timeline__pin-button:hover {
@@ -5971,9 +6375,9 @@
5971
6375
  }
5972
6376
 
5973
6377
  .navds-timeline__pin-button:focus-visible {
5974
- box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 2px var(--ax-bg-default);
5975
- outline: 2px solid var(--ax-border-focus);
5976
- 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;
5977
6381
  }
5978
6382
 
5979
6383
  .navds-timeline__pin-wrapper:before {
@@ -6029,7 +6433,7 @@
6029
6433
  }
6030
6434
 
6031
6435
  .navds-timeline__zoom-button:focus-visible {
6032
- 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);
6033
6437
  border-width: 1px;
6034
6438
  }
6035
6439
 
@@ -6050,8 +6454,8 @@
6050
6454
 
6051
6455
  @media (forced-colors: active) {
6052
6456
  .navds-timeline__period:focus {
6053
- outline-offset: 2px;
6054
- outline: 2px solid highlight;
6457
+ outline-offset: 3px;
6458
+ outline: 3px solid highlight;
6055
6459
  }
6056
6460
 
6057
6461
  .navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
@@ -6066,8 +6470,14 @@
6066
6470
  outline: 4px solid rgba(0, 0, 0, 0);
6067
6471
  }
6068
6472
 
6069
- .navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
6070
- 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;
6071
6481
  box-shadow: none;
6072
6482
  outline: 4px solid highlight;
6073
6483
  }
@@ -6191,7 +6601,7 @@
6191
6601
  }
6192
6602
 
6193
6603
  .navds-toggle-group {
6194
- border-radius: var(--ax-border-radius-medium);
6604
+ border-radius: var(--ax-border-radius-large);
6195
6605
  box-shadow: inset 0 0 0 1px var(--ax-border-default);
6196
6606
  background-color: rgba(0, 0, 0, 0);
6197
6607
  grid-auto-columns: 1fr;
@@ -6205,11 +6615,12 @@
6205
6615
  cursor: pointer;
6206
6616
  min-height: 3rem;
6207
6617
  color: var(--ax-text-default);
6208
- border-radius: var(--ax-border-radius-medium);
6618
+ border-radius: var(--ax-border-radius-large);
6209
6619
  background-color: rgba(0, 0, 0, 0);
6210
6620
  border: none;
6211
6621
  justify-content: center;
6212
6622
  align-items: center;
6623
+ min-width: -webkit-fit-content;
6213
6624
  min-width: fit-content;
6214
6625
  display: inline-flex;
6215
6626
  position: relative;
@@ -6221,8 +6632,8 @@
6221
6632
  }
6222
6633
 
6223
6634
  .navds-toggle-group__button:focus-visible {
6224
- outline: 2px solid var(--ax-border-focus);
6225
- outline-offset: 2px;
6635
+ outline: 3px solid var(--ax-border-focus);
6636
+ outline-offset: 3px;
6226
6637
  z-index: 1;
6227
6638
  }
6228
6639
 
@@ -6306,53 +6717,6 @@
6306
6717
  border-color: var(--ac-panel-border, var(--a-border-default));
6307
6718
  }
6308
6719
 
6309
- .navds-link-panel {
6310
- color: var(--ac-link-panel-text, var(--a-text-default));
6311
- justify-content: space-between;
6312
- align-items: center;
6313
- gap: var(--a-spacing-4);
6314
- text-decoration: none;
6315
- display: flex;
6316
- }
6317
-
6318
- .navds-link-panel:hover .navds-link-panel__title {
6319
- color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
6320
- text-decoration: underline;
6321
- }
6322
-
6323
- .navds-link-panel:hover {
6324
- box-shadow: var(--a-shadow-small);
6325
- border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
6326
- }
6327
-
6328
- .navds-link-panel:focus-visible {
6329
- outline-offset: 2px;
6330
- box-shadow: var(--a-shadow-focus);
6331
- outline: 3px solid rgba(0, 0, 0, 0);
6332
- }
6333
-
6334
- @supports not selector(:focus-visible) {
6335
- .navds-link-panel:focus {
6336
- outline-offset: 2px;
6337
- box-shadow: var(--a-shadow-focus);
6338
- outline: 3px solid rgba(0, 0, 0, 0);
6339
- }
6340
- }
6341
-
6342
- .navds-link-panel__chevron {
6343
- flex-shrink: 0;
6344
- font-size: 1.5rem;
6345
- transition: transform .2s;
6346
- }
6347
-
6348
- .navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
6349
- transform: translateX(4px);
6350
- }
6351
-
6352
- .navds-link-panel__description {
6353
- margin-top: var(--a-spacing-1);
6354
- }
6355
-
6356
6720
  .navds-read-more {
6357
6721
  --__axc-read-more-icon-size: 1.5rem;
6358
6722
  --__axc-read-more-pi-start: 0px;
@@ -6383,6 +6747,15 @@
6383
6747
  transform: rotateX(-180deg);
6384
6748
  }
6385
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
+
6386
6759
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
6387
6760
  border-radius: var(--ax-border-radius-medium);
6388
6761
  }
@@ -6407,7 +6780,12 @@
6407
6780
  --__axc-read-more-pi-end: var(--ax-space-24);
6408
6781
  }
6409
6782
 
6410
- .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 {
6411
6789
  --__axc-read-more-pi-start: var(--ax-space-8);
6412
6790
  --__axc-read-more-pi-end: var(--ax-space-16);
6413
6791
  }
@@ -6576,6 +6954,7 @@
6576
6954
  }
6577
6955
 
6578
6956
  .navds-skeleton--has-children.navds-skeleton--no-width {
6957
+ width: -webkit-fit-content;
6579
6958
  width: fit-content;
6580
6959
  }
6581
6960
 
@@ -6675,12 +7054,13 @@
6675
7054
  padding: var(--__axc-stepper-border-width);
6676
7055
  margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
6677
7056
  justify-content: flex-start;
7057
+ width: 100%;
6678
7058
  display: grid;
6679
7059
  }
6680
7060
 
6681
7061
  .navds-stepper__step:focus-visible {
6682
- outline: 2px solid var(--ax-border-focus);
6683
- outline-offset: 4px;
7062
+ outline: 3px solid var(--ax-border-focus);
7063
+ outline-offset: 3px;
6684
7064
  isolation: isolate;
6685
7065
  }
6686
7066
 
@@ -6688,7 +7068,18 @@
6688
7068
  margin-bottom: 0;
6689
7069
  }
6690
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
+
6691
7081
  .navds-stepper__step:is(button) {
7082
+ -webkit-appearance: none;
6692
7083
  appearance: none;
6693
7084
  font: inherit;
6694
7085
  color: inherit;
@@ -6725,7 +7116,11 @@
6725
7116
  text-decoration-thickness: .05em;
6726
7117
  }
6727
7118
 
6728
- :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 {
6729
7124
  text-decoration-thickness: .111em;
6730
7125
  }
6731
7126
 
@@ -6776,6 +7171,7 @@
6776
7171
 
6777
7172
  .navds-stepper__content {
6778
7173
  grid-column: content;
7174
+ min-width: -webkit-fit-content;
6779
7175
  min-width: fit-content;
6780
7176
  padding-top: .035rem;
6781
7177
  line-height: 1.5;
@@ -6810,7 +7206,11 @@
6810
7206
  flex: 100%;
6811
7207
  }
6812
7208
 
6813
- .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 {
6814
7214
  visibility: hidden;
6815
7215
  }
6816
7216
 
@@ -6912,7 +7312,11 @@
6912
7312
  text-align: center;
6913
7313
  }
6914
7314
 
6915
- :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 {
6916
7320
  border-color: var(--ax-border-strong);
6917
7321
  }
6918
7322
 
@@ -6941,6 +7345,7 @@
6941
7345
  }
6942
7346
 
6943
7347
  .navds-table__sort-button {
7348
+ -webkit-appearance: none;
6944
7349
  appearance: none;
6945
7350
  color: var(--ax-text-accent);
6946
7351
  cursor: pointer;
@@ -6965,8 +7370,8 @@
6965
7370
  }
6966
7371
 
6967
7372
  .navds-table__sort-button:focus-visible {
6968
- outline: 2px solid var(--ax-border-focus);
6969
- outline-offset: -4px;
7373
+ outline: 3px solid var(--ax-border-focus);
7374
+ outline-offset: -5px;
6970
7375
  }
6971
7376
 
6972
7377
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
@@ -7047,7 +7452,7 @@
7047
7452
  }
7048
7453
 
7049
7454
  .navds-table__toggle-expand-button:focus-visible {
7050
- outline: 2px solid var(--ax-border-focus);
7455
+ outline: 3px solid var(--ax-border-focus);
7051
7456
  }
7052
7457
 
7053
7458
  .navds-table__expanded-row-cell {
@@ -7156,8 +7561,8 @@
7156
7561
  }
7157
7562
 
7158
7563
  .navds-tabs__tab:focus-visible {
7159
- outline: 2px solid var(--ax-border-focus);
7160
- outline-offset: -2px;
7564
+ outline: 3px solid var(--ax-border-focus);
7565
+ outline-offset: -3px;
7161
7566
  }
7162
7567
 
7163
7568
  .navds-tabs__tab-inner {
@@ -7205,22 +7610,22 @@
7205
7610
  }
7206
7611
 
7207
7612
  .navds-tabs__tabpanel:focus-visible {
7208
- outline: 2px solid var(--ax-border-focus);
7209
- outline-offset: -2px;
7613
+ outline: 3px solid var(--ax-border-focus);
7614
+ outline-offset: -4px;
7210
7615
  }
7211
7616
 
7212
7617
  @media (forced-colors: active) {
7213
7618
  .navds-tabs__tab[data-state="active"] {
7214
7619
  border-bottom: 3px solid canvastext;
7215
- padding-block-end: calc(var(--ax-space-12) - 3px);
7620
+ padding-bottom: calc(var(--ax-space-12) - 3px);
7216
7621
  }
7217
7622
 
7218
7623
  .navds-tabs__tab--small[data-state="active"] {
7219
- padding-block-end: calc(var(--ax-space-6) - 3px);
7624
+ padding-bottom: calc(var(--ax-space-6) - 3px);
7220
7625
  }
7221
7626
 
7222
7627
  .navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
7223
- padding-block-end: calc(var(--ax-space-4) - 3px);
7628
+ padding-bottom: calc(var(--ax-space-4) - 3px);
7224
7629
  }
7225
7630
  }
7226
7631
 
@@ -7287,11 +7692,11 @@
7287
7692
  }
7288
7693
 
7289
7694
  .navds-list__item {
7290
- margin-block-end: var(--ax-space-8);
7695
+ margin-bottom: var(--ax-space-8);
7291
7696
  }
7292
7697
 
7293
7698
  .navds-list__item:last-child {
7294
- margin-block-end: 0;
7699
+ margin-bottom: 0;
7295
7700
  }
7296
7701
 
7297
7702
  .navds-list__item-marker {
@@ -8275,6 +8680,7 @@
8275
8680
  }
8276
8681
 
8277
8682
  .navds-page {
8683
+ min-height: 100vh;
8278
8684
  flex-direction: column;
8279
8685
  min-height: 100lvh;
8280
8686
  display: flex;
@@ -8283,7 +8689,8 @@
8283
8689
  .navds-pageblock {
8284
8690
  --__axc-page-padding-inline: 0px;
8285
8691
  width: 100%;
8286
- margin-inline: auto;
8692
+ margin-left: auto;
8693
+ margin-right: auto;
8287
8694
  }
8288
8695
 
8289
8696
  .navds-page__content--grow {
@@ -8291,11 +8698,12 @@
8291
8698
  }
8292
8699
 
8293
8700
  .navds-page__content--fullheight {
8701
+ min-height: 100vh;
8294
8702
  min-height: 100lvh;
8295
8703
  }
8296
8704
 
8297
8705
  .navds-page__content--padding {
8298
- padding-block-end: var(--ax-space-64);
8706
+ padding-bottom: var(--ax-space-64);
8299
8707
  }
8300
8708
 
8301
8709
  .navds-pageblock--text {
@@ -8465,8 +8873,19 @@
8465
8873
  }
8466
8874
 
8467
8875
  .navds-stack > .navds-stack__spacer {
8468
- margin-block-start: calc(var(--__axc-stack-gap) * -1);
8469
- 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);
8470
8889
  }
8471
8890
 
8472
8891
  @media (min-width: 480px) {