@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
@@ -10,6 +10,7 @@
10
10
  font-size: var(--ax-font-size-heading-2xlarge);
11
11
  letter-spacing: -.01em;
12
12
  line-height: var(--ax-font-line-height-heading-2xlarge);
13
+ font-weight: 650;
13
14
  }
14
15
 
15
16
  .navds-heading--xlarge.navds-typo--spacing {
@@ -20,6 +21,7 @@
20
21
  font-size: var(--ax-font-size-heading-xlarge);
21
22
  letter-spacing: -.008em;
22
23
  line-height: var(--ax-font-line-height-heading-xlarge);
24
+ font-weight: 650;
23
25
  }
24
26
 
25
27
  .navds-heading--large.navds-typo--spacing {
@@ -52,6 +54,7 @@
52
54
  font-size: var(--ax-font-size-heading-medium);
53
55
  letter-spacing: -.002em;
54
56
  line-height: var(--ax-font-line-height-heading-medium);
57
+ font-weight: 650;
55
58
  }
56
59
 
57
60
  .navds-heading--medium.navds-typo--spacing {
@@ -260,7 +263,7 @@
260
263
  --__axc-button-border-color: transparent;
261
264
  --__axc-button-border-width: 2px;
262
265
  padding: var(--ax-space-12) var(--ax-space-20);
263
- border-radius: var(--ax-border-radius-medium);
266
+ border-radius: var(--ax-border-radius-large);
264
267
  cursor: pointer;
265
268
  justify-content: center;
266
269
  align-items: center;
@@ -308,7 +311,7 @@
308
311
 
309
312
  @supports not selector(:focus-visible) {
310
313
  .navds-button:focus {
311
- outline: 2px solid var(--ax-border-focus);
314
+ outline: 3px solid var(--ax-border-focus);
312
315
  }
313
316
  }
314
317
 
@@ -342,6 +345,10 @@
342
345
  background-color: var(--ax-bg-accent-strong-pressed);
343
346
  }
344
347
 
348
+ .navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
349
+ background-color: var(--ax-bg-accent-strong);
350
+ }
351
+
345
352
  .navds-button--primary:is(:disabled, .navds-button--disabled) {
346
353
  background-color: var(--ax-bg-accent-strong);
347
354
  }
@@ -370,6 +377,10 @@
370
377
  background-color: var(--ax-bg-strong-pressed);
371
378
  }
372
379
 
380
+ .navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
381
+ background-color: var(--ax-bg-strong);
382
+ }
383
+
373
384
  .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
374
385
  background-color: var(--ax-bg-strong);
375
386
  }
@@ -391,6 +402,12 @@
391
402
  color: var(--ax-text-accent-contrast);
392
403
  }
393
404
 
405
+ .navds-button--secondary:-webkit-any(:disabled, .navds-button--disabled) {
406
+ --__axc-button-border-color: var(--ax-border-accent);
407
+ color: var(--ax-text-accent);
408
+ background-color: rgba(0, 0, 0, 0);
409
+ }
410
+
394
411
  .navds-button--secondary:is(:disabled, .navds-button--disabled) {
395
412
  --__axc-button-border-color: var(--ax-border-accent);
396
413
  color: var(--ax-text-accent);
@@ -398,7 +415,7 @@
398
415
  }
399
416
 
400
417
  .navds-button--secondary-neutral {
401
- --__axc-button-border-color: var(--ax-border-strong);
418
+ --__axc-button-border-color: var(--ax-border-default);
402
419
  color: var(--ax-text-default);
403
420
  background-color: rgba(0, 0, 0, 0);
404
421
  }
@@ -414,8 +431,14 @@
414
431
  background-color: var(--ax-bg-strong-pressed);
415
432
  }
416
433
 
434
+ .navds-button--secondary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
435
+ --__axc-button-border-color: var(--ax-border-default);
436
+ color: var(--ax-text-default);
437
+ background-color: rgba(0, 0, 0, 0);
438
+ }
439
+
417
440
  .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
418
- --__axc-button-border-color: var(--ax-border-strong);
441
+ --__axc-button-border-color: var(--ax-border-default);
419
442
  color: var(--ax-text-default);
420
443
  background-color: rgba(0, 0, 0, 0);
421
444
  }
@@ -434,6 +457,11 @@
434
457
  color: var(--ax-text-accent-contrast);
435
458
  }
436
459
 
460
+ .navds-button--tertiary:-webkit-any(:disabled, .navds-button--disabled) {
461
+ color: var(--ax-text-accent);
462
+ background-color: rgba(0, 0, 0, 0);
463
+ }
464
+
437
465
  .navds-button--tertiary:is(:disabled, .navds-button--disabled) {
438
466
  color: var(--ax-text-accent);
439
467
  background-color: rgba(0, 0, 0, 0);
@@ -453,6 +481,11 @@
453
481
  color: var(--ax-text-contrast);
454
482
  }
455
483
 
484
+ .navds-button--tertiary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
485
+ color: var(--ax-text-default);
486
+ background-color: rgba(0, 0, 0, 0);
487
+ }
488
+
456
489
  .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
457
490
  color: var(--ax-text-default);
458
491
  background-color: rgba(0, 0, 0, 0);
@@ -471,6 +504,10 @@
471
504
  background-color: var(--ax-bg-danger-strong-pressed);
472
505
  }
473
506
 
507
+ .navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
508
+ background-color: var(--ax-bg-danger-strong);
509
+ }
510
+
474
511
  .navds-button--danger:is(:disabled, .navds-button--disabled) {
475
512
  background-color: var(--ax-bg-danger-strong);
476
513
  }
@@ -562,8 +599,8 @@
562
599
  }
563
600
 
564
601
  .navds-chips__chip:focus-visible {
565
- outline: 2px solid var(--ax-border-focus);
566
- outline-offset: 2px;
602
+ outline: 3px solid var(--ax-border-focus);
603
+ outline-offset: 3px;
567
604
  }
568
605
 
569
606
  .navds-chips--readonly .navds-chips__chip {
@@ -775,18 +812,19 @@
775
812
  }
776
813
 
777
814
  .navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
778
- color: var(--ax-text-accent-strong);
779
815
  background-color: var(--ax-bg-accent-moderate-hover);
780
816
  box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
781
817
  }
782
818
 
783
- .navds-dropzone__area:active .navds-dropzone__area-button {
819
+ .navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
784
820
  background-color: var(--ax-bg-accent-strong-pressed);
785
821
  color: var(--ax-text-accent-contrast);
786
822
  box-shadow: none;
787
823
  }
788
824
 
789
825
  .navds-dropzone__area[data-disabled="true"] {
826
+ --__axc-dropzone-background: var(--ax-bg-soft);
827
+ border-color: var(--ax-border-subtleA);
790
828
  cursor: default;
791
829
  }
792
830
 
@@ -805,7 +843,10 @@
805
843
  animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
806
844
  margin: -1px;
807
845
  position: absolute;
808
- inset: 0;
846
+ top: 0;
847
+ bottom: 0;
848
+ left: 0;
849
+ right: 0;
809
850
  }
810
851
 
811
852
  @keyframes akselDropzoneDragoverAnimation {
@@ -870,7 +911,7 @@
870
911
  }
871
912
 
872
913
  .navds-dropzone--dragging .navds-dropzone__area-release {
873
- color: var(--ax-text-accent-strong);
914
+ color: var(--ax-text-accent);
874
915
  top: 50%;
875
916
  transform: translateY(-50%);
876
917
  }
@@ -883,7 +924,25 @@
883
924
  display: flex;
884
925
  }
885
926
 
886
- .navds-file-upload :is(ul, li), ul:has( > li.navds-file-item), li.navds-file-item {
927
+ li.navds-file-item {
928
+ margin: 0;
929
+ padding: 0;
930
+ list-style: none;
931
+ }
932
+
933
+ .navds-file-upload :-webkit-any(ul, li) {
934
+ margin: 0;
935
+ padding: 0;
936
+ list-style: none;
937
+ }
938
+
939
+ .navds-file-upload :is(ul, li) {
940
+ margin: 0;
941
+ padding: 0;
942
+ list-style: none;
943
+ }
944
+
945
+ ul:has( > li.navds-file-item) {
887
946
  margin: 0;
888
947
  padding: 0;
889
948
  list-style: none;
@@ -935,7 +994,6 @@
935
994
  }
936
995
 
937
996
  .navds-file-item__error {
938
- color: var(--ax-text-danger);
939
997
  grid-template-rows: 0fr;
940
998
  transition-property: grid-template-rows, padding-top;
941
999
  transition-duration: .25s;
@@ -944,23 +1002,11 @@
944
1002
  overflow: hidden;
945
1003
  }
946
1004
 
947
- .navds-file-item__error .navds-file-item__error {
1005
+ .navds-file-item--error .navds-file-item__error {
948
1006
  padding-top: var(--ax-space-4);
949
1007
  grid-template-rows: 1fr;
950
1008
  }
951
1009
 
952
- .navds-file-item__error-content {
953
- gap: var(--ax-space-4);
954
- min-height: 0;
955
- display: flex;
956
- }
957
-
958
- .navds-file-item__error-content > svg {
959
- flex-shrink: 0;
960
- height: 1rem;
961
- margin-top: .1rem;
962
- }
963
-
964
1010
  .navds-form-field {
965
1011
  justify-items: start;
966
1012
  gap: var(--ax-space-8);
@@ -1007,16 +1053,20 @@
1007
1053
  padding: var(--ax-space-16) var(--ax-space-20);
1008
1054
  border: 4px solid var(--ax-border-danger);
1009
1055
  border-radius: var(--ax-border-radius-xlarge);
1010
- outline-offset: 2px;
1056
+ outline-offset: 3px;
1011
1057
  }
1012
1058
 
1013
- .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
1014
- outline: 2px solid var(--ax-border-focus);
1059
+ .navds-error-summary:focus-visible {
1060
+ outline: 3px solid var(--ax-border-focus);
1061
+ }
1062
+
1063
+ .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
1064
+ outline: 3px solid var(--ax-border-focus);
1015
1065
  }
1016
1066
 
1017
1067
  @supports not selector(:focus-visible) {
1018
1068
  .navds-error-summary:focus {
1019
- outline: 2px solid var(--ax-border-focus);
1069
+ outline: 3px solid var(--ax-border-focus);
1020
1070
  }
1021
1071
  }
1022
1072
 
@@ -1089,14 +1139,27 @@
1089
1139
  border-color: orange;
1090
1140
  border-left-style: solid;
1091
1141
  border-left-width: 8px;
1092
- border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
1093
- border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
1094
1142
  height: 100%;
1095
1143
  position: absolute;
1096
1144
  top: 0;
1097
1145
  left: 0;
1098
1146
  }
1099
1147
 
1148
+ .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 {
1149
+ border-top-left-radius: calc(var(--a-border-radius-medium) - 1px);
1150
+ border-bottom-left-radius: calc(var(--a-border-radius-medium) - 1px);
1151
+ }
1152
+
1153
+ .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 {
1154
+ border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
1155
+ border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
1156
+ }
1157
+
1158
+ .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 {
1159
+ border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
1160
+ border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
1161
+ }
1162
+
1100
1163
  .navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
1101
1164
  border-color: green;
1102
1165
  }
@@ -1107,6 +1170,7 @@
1107
1170
  }
1108
1171
 
1109
1172
  .navds-checkbox, .navds-radio {
1173
+ width: -webkit-fit-content;
1110
1174
  width: fit-content;
1111
1175
  position: relative;
1112
1176
  }
@@ -1167,25 +1231,40 @@
1167
1231
  height: 1.25rem;
1168
1232
  }
1169
1233
 
1170
- .navds-checkbox__input:focus + .navds-checkbox__label:before, .navds-radio__input:focus + .navds-radio__label:before {
1171
- outline: 2px solid var(--ax-border-focus);
1172
- outline-offset: 2px;
1234
+ .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
1235
+ content: "";
1236
+ width: 100%;
1237
+ height: calc(100% - var(--ax-space-24));
1238
+ border-radius: var(--ax-border-radius-medium);
1239
+ outline: 3px solid var(--ax-border-focus);
1240
+ outline-offset: 3px;
1241
+ pointer-events: none;
1242
+ position: absolute;
1173
1243
  }
1174
1244
 
1175
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1176
- content: "";
1177
- transform: translate(var(--ax-space-6), -50%);
1245
+ .navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
1246
+ height: calc(100% - var(--ax-space-12));
1247
+ }
1248
+
1249
+ .navds-checkbox__icon-indeterminate {
1250
+ display: none;
1251
+ }
1252
+
1253
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1178
1254
  background-color: var(--ax-bg-default);
1179
- border-radius: 1px;
1180
- flex-shrink: 0;
1181
1255
  width: .75rem;
1182
1256
  height: .25rem;
1257
+ transform: translate(var(--ax-space-6), -50%);
1258
+ pointer-events: none;
1259
+ border-radius: 1px;
1260
+ display: block;
1183
1261
  position: absolute;
1184
1262
  top: 50%;
1185
1263
  }
1186
1264
 
1187
- .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1188
- transform: translate(.25rem, -50%);
1265
+ .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1266
+ transform: translate(var(--ax-space-4), -50%);
1267
+ height: .1875rem;
1189
1268
  }
1190
1269
 
1191
1270
  .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
@@ -1251,6 +1330,11 @@
1251
1330
  background-color: var(--ax-bg-danger-moderate-hoverA);
1252
1331
  }
1253
1332
 
1333
+ .navds-checkbox--error > .navds-checkbox__input:-webkit-any(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
1334
+ background-color: var(--ax-bg-danger-strong-pressed);
1335
+ border-color: var(--ax-bg-danger-strong-pressed);
1336
+ }
1337
+
1254
1338
  .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
1255
1339
  background-color: var(--ax-bg-danger-strong-pressed);
1256
1340
  border-color: var(--ax-bg-danger-strong-pressed);
@@ -1268,7 +1352,11 @@
1268
1352
  cursor: not-allowed;
1269
1353
  }
1270
1354
 
1271
- .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label), .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
1355
+ .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label) {
1356
+ cursor: default;
1357
+ }
1358
+
1359
+ .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
1272
1360
  cursor: default;
1273
1361
  }
1274
1362
 
@@ -1300,7 +1388,7 @@
1300
1388
  border-width: 0;
1301
1389
  }
1302
1390
 
1303
- .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1391
+ .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1304
1392
  background-color: var(--ax-text-subtle);
1305
1393
  }
1306
1394
 
@@ -1321,7 +1409,7 @@
1321
1409
  color: var(--__axc-radio-checkbox-high-contrast-text);
1322
1410
  }
1323
1411
 
1324
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1412
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1325
1413
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
1326
1414
  }
1327
1415
 
@@ -1338,7 +1426,7 @@
1338
1426
  background-color: var(--__axc-radio-checkbox-high-contrast-bg);
1339
1427
  }
1340
1428
 
1341
- .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1429
+ .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1342
1430
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
1343
1431
  }
1344
1432
 
@@ -1352,15 +1440,20 @@
1352
1440
  --__axc-radio-checkbox-high-contrast-text: graytext;
1353
1441
  }
1354
1442
 
1443
+ :-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
1444
+ color: graytext;
1445
+ }
1446
+
1355
1447
  :is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
1356
1448
  color: graytext;
1357
1449
  }
1358
1450
  }
1359
1451
 
1360
1452
  .navds-select__input {
1453
+ -webkit-appearance: none;
1361
1454
  appearance: none;
1362
1455
  background-color: var(--ax-bg-input);
1363
- border-radius: var(--ax-border-radius-medium);
1456
+ border-radius: var(--ax-border-radius-large);
1364
1457
  border: 1px solid var(--ax-border-default);
1365
1458
  color: var(--ax-text-default);
1366
1459
  box-sizing: border-box;
@@ -1378,8 +1471,8 @@
1378
1471
  }
1379
1472
 
1380
1473
  .navds-select__input:focus {
1381
- outline: 2px solid var(--ax-border-focus);
1382
- outline-offset: 2px;
1474
+ outline: 3px solid var(--ax-border-focus);
1475
+ outline-offset: 3px;
1383
1476
  border-color: var(--ax-border-accent-strong);
1384
1477
  }
1385
1478
 
@@ -1415,10 +1508,21 @@
1415
1508
 
1416
1509
  .navds-form-field--small .navds-select__input {
1417
1510
  min-height: 2rem;
1418
- padding-block: 0;
1511
+ padding-top: 0;
1512
+ padding-bottom: 0;
1513
+ }
1514
+
1515
+ .navds-select--error > * select {
1516
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1517
+ border-color: var(--ax-border-danger-strong);
1419
1518
  }
1420
1519
 
1421
- .navds-select--error > * select, .navds-select--error > * select:hover, .navds-select--error > * select:focus {
1520
+ .navds-select--error > * select:hover {
1521
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1522
+ border-color: var(--ax-border-danger-strong);
1523
+ }
1524
+
1525
+ .navds-select--error > * select:focus {
1422
1526
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1423
1527
  border-color: var(--ax-border-danger-strong);
1424
1528
  }
@@ -1449,6 +1553,12 @@
1449
1553
  }
1450
1554
 
1451
1555
  @media (forced-colors: active) {
1556
+ .navds-select--readonly .navds-select__input:-webkit-any(:hover, :focus) {
1557
+ color: buttontext;
1558
+ background-color: buttonface;
1559
+ border-color: buttontext;
1560
+ }
1561
+
1452
1562
  .navds-select--readonly .navds-select__input:is(:hover, :focus) {
1453
1563
  color: buttontext;
1454
1564
  background-color: buttonface;
@@ -1461,6 +1571,7 @@
1461
1571
  }
1462
1572
 
1463
1573
  .navds-switch {
1574
+ width: -webkit-fit-content;
1464
1575
  width: fit-content;
1465
1576
  min-height: 3rem;
1466
1577
  position: relative;
@@ -1491,26 +1602,40 @@
1491
1602
  }
1492
1603
 
1493
1604
  .navds-switch__content {
1605
+ --__axc-switch-block-padding: .75rem;
1606
+ gap: var(--ax-space-2);
1607
+ padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
1494
1608
  flex-direction: column;
1495
- gap: .125rem;
1496
- padding: .75rem 0 .75rem 3.25rem;
1497
1609
  display: flex;
1610
+ position: relative;
1498
1611
  }
1499
1612
 
1500
1613
  .navds-switch--right .navds-switch__content {
1501
- padding: .75rem 3.25rem .75rem 0;
1614
+ padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
1502
1615
  }
1503
1616
 
1504
1617
  .navds-switch--small .navds-switch__content {
1505
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 0 calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem;
1618
+ --__axc-switch-block-padding: .375rem;
1506
1619
  }
1507
1620
 
1508
- .navds-switch--right.navds-switch--small .navds-switch__content {
1509
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8) - var(--ax-space-2)) 0;
1621
+ .navds-switch__content.navds-switch--with-description {
1622
+ padding-bottom: 0;
1510
1623
  }
1511
1624
 
1512
- .navds-switch--with-description {
1513
- padding-bottom: 0;
1625
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
1626
+ content: "";
1627
+ width: 100%;
1628
+ height: calc(100% - var(--__axc-switch-block-padding) * 2);
1629
+ border-radius: var(--ax-border-radius-medium);
1630
+ outline: 3px solid var(--ax-border-focus);
1631
+ outline-offset: 3px;
1632
+ pointer-events: none;
1633
+ position: absolute;
1634
+ left: 0;
1635
+ }
1636
+
1637
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
1638
+ height: calc(100% - var(--__axc-switch-block-padding) * 1);
1514
1639
  }
1515
1640
 
1516
1641
  .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
@@ -1559,9 +1684,9 @@
1559
1684
  border-color: var(--ax-bg-accent-strong-pressed);
1560
1685
  }
1561
1686
 
1562
- .navds-switch__input:focus-visible ~ .navds-switch__track {
1563
- outline: 2px solid var(--ax-border-focus);
1564
- outline-offset: 2px;
1687
+ .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
1688
+ outline: 3px solid var(--ax-border-focus);
1689
+ outline-offset: 3px;
1565
1690
  }
1566
1691
 
1567
1692
  .navds-switch__thumb {
@@ -1614,12 +1739,18 @@
1614
1739
  width: auto;
1615
1740
  }
1616
1741
 
1617
- .navds-switch--right .navds-switch__input, .navds-switch--right .navds-switch__track {
1742
+ .navds-switch--right .navds-switch__input {
1743
+ left: auto;
1744
+ right: 0;
1745
+ }
1746
+
1747
+ .navds-switch--right .navds-switch__track {
1618
1748
  left: auto;
1619
1749
  right: 0;
1620
1750
  }
1621
1751
 
1622
1752
  .navds-switch__input:disabled {
1753
+ -webkit-appearance: none;
1623
1754
  appearance: none;
1624
1755
  }
1625
1756
 
@@ -1631,16 +1762,39 @@
1631
1762
  cursor: not-allowed;
1632
1763
  }
1633
1764
 
1634
- .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 {
1765
+ .navds-switch--readonly > .navds-switch__track {
1635
1766
  background-color: var(--ax-bg-moderate);
1636
1767
  border-color: var(--ax-border-subtleA);
1637
1768
  }
1638
1769
 
1639
- .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
1770
+ .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track {
1771
+ background-color: var(--ax-bg-moderate);
1772
+ border-color: var(--ax-border-subtleA);
1773
+ }
1774
+
1775
+ .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track {
1776
+ background-color: var(--ax-bg-moderate);
1777
+ border-color: var(--ax-border-subtleA);
1778
+ }
1779
+
1780
+ .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
1781
+ background-color: var(--ax-bg-moderate);
1782
+ border-color: var(--ax-border-subtleA);
1783
+ }
1784
+
1785
+ .navds-switch--readonly > .navds-switch__label-wrapper {
1786
+ cursor: default;
1787
+ }
1788
+
1789
+ .navds-switch--readonly > .navds-switch__input {
1640
1790
  cursor: default;
1641
1791
  }
1642
1792
 
1643
- .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
1793
+ .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
1794
+ color: var(--ax-text-default);
1795
+ }
1796
+
1797
+ .navds-switch--readonly .navds-switch__label-wrapper:hover {
1644
1798
  color: var(--ax-text-default);
1645
1799
  }
1646
1800
 
@@ -1680,9 +1834,8 @@
1680
1834
  color: field;
1681
1835
  }
1682
1836
 
1683
- .navds-switch__input:focus-visible ~ .navds-switch__track {
1684
- outline-offset: 2px;
1685
- outline: 2px solid highlight;
1837
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
1838
+ outline: 3px solid highlight;
1686
1839
  }
1687
1840
 
1688
1841
  .navds-switch--disabled:not(.navds-switch--loading) {
@@ -1690,7 +1843,7 @@
1690
1843
  }
1691
1844
 
1692
1845
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
1693
- background-color: graytext;
1846
+ background-color: graytext !important;
1694
1847
  }
1695
1848
 
1696
1849
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
@@ -1703,10 +1856,11 @@
1703
1856
  }
1704
1857
 
1705
1858
  .navds-text-field__input {
1859
+ -webkit-appearance: none;
1706
1860
  appearance: none;
1707
1861
  padding: var(--ax-space-8);
1708
1862
  background: var(--ax-bg-input);
1709
- border-radius: var(--ax-border-radius-medium);
1863
+ border-radius: var(--ax-border-radius-large);
1710
1864
  border: 1px solid var(--ax-border-default);
1711
1865
  width: 100%;
1712
1866
  min-height: 3rem;
@@ -1719,8 +1873,8 @@
1719
1873
 
1720
1874
  .navds-text-field__input:focus-visible {
1721
1875
  border-color: var(--ax-border-accent-strong);
1722
- outline: 2px solid var(--ax-border-focus);
1723
- outline-offset: 2px;
1876
+ outline: 3px solid var(--ax-border-focus);
1877
+ outline-offset: 3px;
1724
1878
  }
1725
1879
 
1726
1880
  .navds-text-field__input:disabled {
@@ -1778,10 +1932,11 @@
1778
1932
 
1779
1933
  .navds-textarea__input {
1780
1934
  height: var(--__axc-textarea-height);
1935
+ -webkit-appearance: none;
1781
1936
  appearance: none;
1782
1937
  padding: var(--ax-space-8);
1783
1938
  background-color: var(--ax-bg-input);
1784
- border-radius: var(--ax-border-radius-medium);
1939
+ border-radius: var(--ax-border-radius-large);
1785
1940
  border: 1px solid var(--ax-border-default);
1786
1941
  resize: none;
1787
1942
  width: 100%;
@@ -1798,8 +1953,8 @@
1798
1953
  }
1799
1954
 
1800
1955
  .navds-textarea__input:focus-visible {
1801
- outline: 2px solid var(--ax-border-focus);
1802
- outline-offset: 2px;
1956
+ outline: 3px solid var(--ax-border-focus);
1957
+ outline-offset: 3px;
1803
1958
  border-color: var(--ax-border-accent-strong);
1804
1959
  }
1805
1960
 
@@ -1838,17 +1993,50 @@
1838
1993
 
1839
1994
  .navds-textarea--resize-both .navds-textarea__input {
1840
1995
  resize: both;
1841
- border-end-end-radius: 0;
1996
+ }
1997
+
1998
+ .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)) {
1999
+ border-bottom-right-radius: 0;
2000
+ }
2001
+
2002
+ .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)) {
2003
+ border-bottom-left-radius: 0;
2004
+ }
2005
+
2006
+ .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)) {
2007
+ border-bottom-left-radius: 0;
1842
2008
  }
1843
2009
 
1844
2010
  .navds-textarea--resize-horizontal .navds-textarea__input {
1845
2011
  resize: horizontal;
1846
- border-end-end-radius: 0;
2012
+ }
2013
+
2014
+ .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)) {
2015
+ border-bottom-right-radius: 0;
2016
+ }
2017
+
2018
+ .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)) {
2019
+ border-bottom-left-radius: 0;
2020
+ }
2021
+
2022
+ .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)) {
2023
+ border-bottom-left-radius: 0;
1847
2024
  }
1848
2025
 
1849
2026
  .navds-textarea--resize-vertical .navds-textarea__input {
1850
2027
  resize: vertical;
1851
- border-end-end-radius: 0;
2028
+ }
2029
+
2030
+ .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)) {
2031
+ border-bottom-right-radius: 0;
2032
+ }
2033
+
2034
+ .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)) {
2035
+ border-bottom-left-radius: 0;
2036
+ }
2037
+
2038
+ .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)) {
2039
+ border-bottom-left-radius: 0;
1852
2040
  }
1853
2041
 
1854
2042
  .navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
@@ -1891,18 +2079,19 @@
1891
2079
  }
1892
2080
 
1893
2081
  .navds-search--with-size .navds-search__wrapper {
2082
+ width: -webkit-fit-content;
1894
2083
  width: fit-content;
1895
2084
  }
1896
2085
 
1897
2086
  .navds-search__wrapper {
1898
- border-radius: var(--ax-border-radius-medium);
2087
+ border-radius: var(--ax-border-radius-large);
1899
2088
  align-items: center;
1900
2089
  display: inline-flex;
1901
2090
  }
1902
2091
 
1903
2092
  .navds-search__wrapper:has(.navds-search__input:focus-visible) {
1904
- outline: 2px solid var(--ax-border-focus);
1905
- outline-offset: 2px;
2093
+ outline: 3px solid var(--ax-border-focus);
2094
+ outline-offset: 3px;
1906
2095
  }
1907
2096
 
1908
2097
  .navds-search__input {
@@ -1913,7 +2102,13 @@
1913
2102
  outline: none;
1914
2103
  }
1915
2104
 
1916
- .navds-search__input.navds-search__input--primary, .navds-search__input.navds-search__input--secondary {
2105
+ .navds-search__input.navds-search__input--primary {
2106
+ border-right: none;
2107
+ border-top-right-radius: 0;
2108
+ border-bottom-right-radius: 0;
2109
+ }
2110
+
2111
+ .navds-search__input.navds-search__input--secondary {
1917
2112
  border-right: none;
1918
2113
  border-top-right-radius: 0;
1919
2114
  border-bottom-right-radius: 0;
@@ -1962,8 +2157,8 @@
1962
2157
 
1963
2158
  .navds-search__button-search {
1964
2159
  border-radius: 0;
1965
- border-top-right-radius: var(--ax-border-radius-medium);
1966
- border-bottom-right-radius: var(--ax-border-radius-medium);
2160
+ border-top-right-radius: var(--ax-border-radius-large);
2161
+ border-bottom-right-radius: var(--ax-border-radius-large);
1967
2162
  flex-shrink: 0;
1968
2163
  }
1969
2164
 
@@ -1984,6 +2179,10 @@
1984
2179
  --__axc-button-border-color: transparent;
1985
2180
  }
1986
2181
 
2182
+ .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) {
2183
+ --__axc-button-border-color: var(--ax-border-accent-strong);
2184
+ }
2185
+
1987
2186
  .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) {
1988
2187
  --__axc-button-border-color: var(--ax-border-accent-strong);
1989
2188
  }
@@ -1997,7 +2196,11 @@
1997
2196
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
1998
2197
  }
1999
2198
 
2000
- .navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
2199
+ .navds-search__input:focus-visible {
2200
+ z-index: 1;
2201
+ }
2202
+
2203
+ .navds-search__button-search:focus-visible {
2001
2204
  z-index: 1;
2002
2205
  }
2003
2206
 
@@ -2013,13 +2216,17 @@
2013
2216
  --__axc-combobox-list-item-padding-inline: var(--ax-space-12);
2014
2217
  --__axc-combobox-border-width: 1px;
2015
2218
  --__axc-combobox-input-height: 2rem;
2016
- border-radius: var(--ax-border-radius-medium);
2219
+ border-radius: var(--ax-border-radius-large);
2017
2220
  flex-direction: column;
2018
2221
  width: 100%;
2019
2222
  display: flex;
2020
2223
  position: relative;
2021
2224
  }
2022
2225
 
2226
+ .navds-form-field:not(:-webkit-any(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
2227
+ border-color: var(--ax-border-accent-strong);
2228
+ }
2229
+
2023
2230
  .navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
2024
2231
  border-color: var(--ax-border-accent-strong);
2025
2232
  }
@@ -2044,7 +2251,11 @@
2044
2251
  cursor: not-allowed;
2045
2252
  }
2046
2253
 
2047
- .navds-combobox--disabled .navds-combobox__selected-options, .navds-combobox--disabled .navds-combobox--readonly {
2254
+ .navds-combobox--disabled .navds-combobox__selected-options {
2255
+ pointer-events: none;
2256
+ }
2257
+
2258
+ .navds-combobox--disabled .navds-combobox--readonly {
2048
2259
  pointer-events: none;
2049
2260
  }
2050
2261
 
@@ -2065,7 +2276,11 @@
2065
2276
  overflow: clip;
2066
2277
  }
2067
2278
 
2068
- .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
2279
+ .navds-combobox--readonly .navds-text-field__input {
2280
+ background-color: var(--ax-bg-moderate);
2281
+ }
2282
+
2283
+ .navds-combobox--readonly .navds-combobox__input {
2069
2284
  background-color: var(--ax-bg-moderate);
2070
2285
  }
2071
2286
 
@@ -2076,7 +2291,7 @@
2076
2291
 
2077
2292
  .navds-combobox__wrapper-inner {
2078
2293
  border: 1px solid var(--ax-border-default);
2079
- border-radius: var(--ax-border-radius-medium);
2294
+ border-radius: var(--ax-border-radius-large);
2080
2295
  }
2081
2296
 
2082
2297
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
@@ -2190,7 +2405,11 @@
2190
2405
  outline: none;
2191
2406
  }
2192
2407
 
2193
- .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus), .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
2408
+ .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus) {
2409
+ outline: none;
2410
+ }
2411
+
2412
+ .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
2194
2413
  outline: none;
2195
2414
  }
2196
2415
  }
@@ -2200,7 +2419,6 @@
2200
2419
  }
2201
2420
 
2202
2421
  .navds-combobox__button-toggle-list {
2203
- border-radius: var(--ax-border-radius-medium);
2204
2422
  color: var(--ax-text-default);
2205
2423
  cursor: pointer;
2206
2424
  background: none;
@@ -2249,7 +2467,7 @@
2249
2467
  .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 {
2250
2468
  padding-block: var(--__axc-combobox-list-item-padding-block);
2251
2469
  padding-inline: var(--__axc-combobox-list-item-padding-inline);
2252
- border-radius: var(--ax-border-radius-medium);
2470
+ border-radius: var(--ax-border-radius-large);
2253
2471
  margin-inline: var(--ax-space-8);
2254
2472
  margin-block: var(--ax-space-2);
2255
2473
  border: 0;
@@ -2330,7 +2548,7 @@
2330
2548
  border-radius: 0;
2331
2549
  justify-content: flex-start;
2332
2550
  gap: .25rem;
2333
- margin-block-start: calc(var(--ax-space-4) * -1);
2551
+ margin-top: calc(var(--ax-space-4) * -1);
2334
2552
  }
2335
2553
 
2336
2554
  .navds-combobox__list-item--new-option svg {
@@ -2358,6 +2576,7 @@
2358
2576
  }
2359
2577
 
2360
2578
  .navds-combobox__input {
2579
+ min-width: -webkit-min-content;
2361
2580
  min-width: min-content;
2362
2581
  padding: .75rem 0;
2363
2582
  }
@@ -2563,7 +2782,7 @@
2563
2782
 
2564
2783
  .navds-form-progress__stepper {
2565
2784
  border: 1px solid var(--ax-border-subtle);
2566
- border-radius: var(--ax-border-radius-large);
2785
+ border-radius: var(--ax-border-radius-xlarge);
2567
2786
  padding: var(--ax-space-16) var(--ax-space-20);
2568
2787
  margin-top: var(--ax-space-4);
2569
2788
  background: var(--ax-bg-raised);
@@ -2601,7 +2820,11 @@
2601
2820
  background-color: var(--ax-bg-accent-hoverA);
2602
2821
  }
2603
2822
 
2604
- .navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
2823
+ .navds-accordion__header:hover:before {
2824
+ display: none;
2825
+ }
2826
+
2827
+ .navds-accordion__header:hover:after {
2605
2828
  display: none;
2606
2829
  }
2607
2830
 
@@ -2619,17 +2842,21 @@
2619
2842
  }
2620
2843
 
2621
2844
  .navds-accordion__header:focus-visible {
2622
- outline: 2px solid var(--ax-border-focus);
2623
- outline-offset: 2px;
2845
+ outline: 3px solid var(--ax-border-focus);
2846
+ outline-offset: 3px;
2624
2847
  z-index: 1;
2625
2848
  }
2626
2849
 
2627
- .navds-accordion__header:focus-visible:before, .navds-accordion__header:focus-visible:after {
2850
+ .navds-accordion__header:focus-visible:before {
2851
+ display: none;
2852
+ }
2853
+
2854
+ .navds-accordion__header:focus-visible:after {
2628
2855
  display: none;
2629
2856
  }
2630
2857
 
2631
2858
  .navds-accordion--small .navds-accordion__header {
2632
- padding-block: var(--a-spacing-2);
2859
+ padding-block: var(--ax-space-8);
2633
2860
  }
2634
2861
 
2635
2862
  .navds-accordion__header:before, .navds-accordion__header:after {
@@ -2644,16 +2871,16 @@
2644
2871
  right: 0;
2645
2872
  }
2646
2873
 
2647
- .navds-accordion__item:last-child > .navds-accordion__content {
2648
- border-bottom: 1px solid rgba(0, 0, 0, 0);
2649
- }
2650
-
2651
2874
  .navds-accordion__header:after {
2652
2875
  top: initial;
2653
2876
  bottom: 0;
2654
2877
  }
2655
2878
 
2656
- .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 {
2879
+ .navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after {
2880
+ display: none;
2881
+ }
2882
+
2883
+ .navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
2657
2884
  display: none;
2658
2885
  }
2659
2886
 
@@ -2677,68 +2904,62 @@
2677
2904
  transform: rotateX(-180deg);
2678
2905
  }
2679
2906
 
2680
- .navds-accordion__content {
2681
- --__acx-accordion-content-line-width: 2px;
2682
- padding-inline: var(--ax-space-24) var(--ax-space-12);
2683
- max-height: 0;
2684
- transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
2685
- border-color: rgba(0, 0, 0, 0);
2686
- padding-block: 0;
2687
- animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
2688
- display: none;
2689
- overflow: hidden;
2690
- }
2691
-
2692
- .navds-accordion__item--no-animation {
2693
- animation: none;
2907
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
2908
+ padding-block: var(--ax-space-8);
2909
+ padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
2694
2910
  }
2695
2911
 
2696
- @keyframes navds-accordion-content-animation {
2697
- 0% {
2698
- opacity: .01;
2699
- }
2700
-
2701
- 20% {
2702
- opacity: .01;
2703
- }
2704
-
2705
- 100% {
2706
- opacity: 1;
2912
+ @media (forced-colors: active) {
2913
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
2914
+ border-left: 1px solid canvastext;
2707
2915
  }
2708
2916
  }
2709
2917
 
2710
2918
  .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
2711
- padding-inline: var(--ax-space-24) var(--ax-space-12);
2919
+ box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
2712
2920
  }
2713
2921
 
2714
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
2715
- box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
2716
- padding-block: var(--ax-space-8);
2717
- padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
2922
+ .navds-accordion__item > .navds-accordion__content {
2923
+ visibility: hidden;
2924
+ margin-inline: var(--ax-space-24) var(--ax-space-12);
2925
+ opacity: 0;
2926
+ border-color: rgba(0, 0, 0, 0);
2927
+ grid-template-rows: 0fr;
2928
+ margin-top: 0;
2929
+ margin-bottom: 0;
2930
+ transition-property: visibility, opacity, grid-template-rows, margin, min-height;
2931
+ transition-duration: .25s;
2932
+ transition-timing-function: cubic-bezier(.2, 0, 0, 1);
2933
+ display: grid;
2934
+ overflow: hidden;
2718
2935
  }
2719
2936
 
2720
- @media (forced-colors: active) {
2721
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
2722
- border-left: 1px solid canvastext;
2723
- }
2937
+ .navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
2938
+ min-height: 0;
2939
+ padding-top: 0;
2940
+ padding-bottom: 0;
2724
2941
  }
2725
2942
 
2726
2943
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
2727
- opacity: 1;
2728
- max-height: fit-content;
2729
- padding-block: var(--ax-space-8);
2944
+ visibility: visible;
2945
+ margin-block: var(--ax-space-8);
2730
2946
  border-color: var(--ax-border-subtleA);
2731
- padding-block-end: var(--ax-space-24);
2732
- display: block;
2733
- overflow: visible;
2947
+ opacity: 1;
2948
+ grid-template-rows: 1fr;
2949
+ margin-bottom: var(--ax-space-24);
2734
2950
  }
2735
2951
 
2736
- @starting-style {
2737
- .navds-accordion__item[data-expanded="true"]:not(.navds-accordion__item--no-animation) > .navds-accordion__content {
2738
- border-color: rgba(0, 0, 0, 0);
2739
- max-height: 0;
2740
- padding-block: 0;
2741
- }
2952
+ .navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
2953
+ min-height: -webkit-fit-content;
2954
+ min-height: fit-content;
2955
+ }
2956
+
2957
+ .navds-accordion__item[data-expanded="true"]:last-child {
2958
+ border-bottom: 1px solid var(--ax-border-subtleA);
2959
+ }
2960
+
2961
+ .navds-accordion__item--no-animation > .navds-accordion__content {
2962
+ transition: none;
2742
2963
  }
2743
2964
 
2744
2965
  .navds-alert {
@@ -2776,7 +2997,7 @@
2776
2997
 
2777
2998
  .navds-alert--small > .navds-alert__icon {
2778
2999
  height: var(--ax-font-line-height-large);
2779
- margin-block-start: 0;
3000
+ margin-top: 0;
2780
3001
  }
2781
3002
 
2782
3003
  .navds-alert--info {
@@ -2833,16 +3054,24 @@
2833
3054
  display: flex;
2834
3055
  }
2835
3056
 
2836
- .navds-alert--close-button > .navds-alert__wrapper, .navds-alert--close-button > .navds-alert__icon {
2837
- margin-block-start: var(--ax-space-2);
3057
+ .navds-alert--close-button > .navds-alert__wrapper {
3058
+ margin-top: var(--ax-space-2);
3059
+ }
3060
+
3061
+ .navds-alert--close-button > .navds-alert__icon {
3062
+ margin-top: var(--ax-space-2);
2838
3063
  }
2839
3064
 
2840
3065
  .navds-alert--close-button.navds-alert--small {
2841
3066
  align-items: flex-start;
2842
3067
  }
2843
3068
 
2844
- .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper, .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
2845
- margin-block-start: var(--ax-space-4);
3069
+ .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper {
3070
+ margin-top: var(--ax-space-4);
3071
+ }
3072
+
3073
+ .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
3074
+ margin-top: var(--ax-space-4);
2846
3075
  }
2847
3076
 
2848
3077
  .navds-chat {
@@ -2906,6 +3135,7 @@
2906
3135
  border-bottom-left-radius: var(--ax-border-radius-small);
2907
3136
  border: 1px solid var(--ax-border-subtleA);
2908
3137
  flex-direction: column;
3138
+ width: -webkit-fit-content;
2909
3139
  width: fit-content;
2910
3140
  display: flex;
2911
3141
  }
@@ -2914,11 +3144,19 @@
2914
3144
  padding: var(--ax-space-12) var(--ax-space-16);
2915
3145
  }
2916
3146
 
2917
- .navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
3147
+ .navds-chat--info .navds-chat__bubble {
3148
+ background-color: var(--ax-bg-info-moderate);
3149
+ }
3150
+
3151
+ .navds-chat--info .navds-chat__avatar {
2918
3152
  background-color: var(--ax-bg-info-moderate);
2919
3153
  }
2920
3154
 
2921
- .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
3155
+ .navds-chat--neutral .navds-chat__bubble {
3156
+ background-color: var(--ax-bg-moderateA);
3157
+ }
3158
+
3159
+ .navds-chat--neutral .navds-chat__avatar {
2922
3160
  background-color: var(--ax-bg-moderateA);
2923
3161
  }
2924
3162
 
@@ -2950,7 +3188,7 @@
2950
3188
  .navds-copybutton {
2951
3189
  --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
2952
3190
  cursor: pointer;
2953
- border-radius: var(--ax-border-radius-medium);
3191
+ border-radius: var(--ax-border-radius-large);
2954
3192
  padding: var(--__axc-copybutton-padding);
2955
3193
  background-color: rgba(0, 0, 0, 0);
2956
3194
  border: none;
@@ -2974,8 +3212,8 @@
2974
3212
  }
2975
3213
 
2976
3214
  .navds-copybutton:focus-visible {
2977
- outline: 2px solid var(--ax-border-focus);
2978
- outline-offset: 2px;
3215
+ outline: 3px solid var(--ax-border-focus);
3216
+ outline-offset: 3px;
2979
3217
  }
2980
3218
 
2981
3219
  .navds-copybutton:disabled {
@@ -3109,7 +3347,12 @@
3109
3347
  color: var(--ax-text-default);
3110
3348
  }
3111
3349
 
3112
- .navds-date .rdp-month, .navds-date.rdp-month {
3350
+ .navds-date .rdp-month {
3351
+ gap: var(--ax-space-20);
3352
+ display: grid;
3353
+ }
3354
+
3355
+ .navds-date.rdp-month {
3113
3356
  gap: var(--ax-space-20);
3114
3357
  display: grid;
3115
3358
  }
@@ -3126,22 +3369,22 @@
3126
3369
  .navds-date .rdp-button {
3127
3370
  all: unset;
3128
3371
  text-align: center;
3129
- border-radius: var(--ax-border-radius-medium);
3372
+ border-radius: var(--ax-border-radius-large);
3130
3373
  width: 2.5rem;
3131
3374
  height: 2.5rem;
3132
3375
  display: block;
3133
3376
  }
3134
3377
 
3135
3378
  .navds-date .rdp-day_range_start {
3136
- border-radius: var(--ax-border-radius-xlarge) var(--ax-border-radius-medium) var(--ax-border-radius-medium) var(--ax-border-radius-xlarge);
3379
+ border-radius: 100% var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) 100%;
3137
3380
  }
3138
3381
 
3139
3382
  .navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
3140
- border-radius: var(--ax-border-radius-medium) var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) var(--ax-border-radius-medium);
3383
+ border-radius: var(--ax-border-radius-large) 100% 100% var(--ax-border-radius-large);
3141
3384
  }
3142
3385
 
3143
3386
  .navds-date .rdp-day_range_start.rdp-day_range_end {
3144
- border-radius: var(--ax-border-radius-xlarge);
3387
+ border-radius: var(--ax-border-radius-large);
3145
3388
  }
3146
3389
 
3147
3390
  .navds-date .navds-date__field {
@@ -3151,7 +3394,13 @@
3151
3394
  position: relative;
3152
3395
  }
3153
3396
 
3154
- .navds-date .rdp-day_selected, .navds-date .navds-monthpicker__month--selected {
3397
+ .navds-date .rdp-day_selected {
3398
+ color: var(--ax-text-accent-contrast);
3399
+ background: var(--ax-bg-accent-strong-pressed);
3400
+ cursor: pointer;
3401
+ }
3402
+
3403
+ .navds-date .navds-monthpicker__month--selected {
3155
3404
  color: var(--ax-text-accent-contrast);
3156
3405
  background: var(--ax-bg-accent-strong-pressed);
3157
3406
  cursor: pointer;
@@ -3164,7 +3413,12 @@
3164
3413
  text-decoration: line-through;
3165
3414
  }
3166
3415
 
3167
- .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
3416
+ .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
3417
+ background: var(--ax-bg-accent-moderate-hoverA);
3418
+ cursor: pointer;
3419
+ }
3420
+
3421
+ .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
3168
3422
  background: var(--ax-bg-accent-moderate-hoverA);
3169
3423
  cursor: pointer;
3170
3424
  }
@@ -3186,7 +3440,11 @@
3186
3440
  transform: translateX(-50%);
3187
3441
  }
3188
3442
 
3189
- :is(.navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .navds-date .rdp-day_today:active):before {
3443
+ .navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
3444
+ background-color: var(--ax-text-accent-contrast);
3445
+ }
3446
+
3447
+ .navds-date .rdp-day_today:active:before {
3190
3448
  background-color: var(--ax-text-accent-contrast);
3191
3449
  }
3192
3450
 
@@ -3195,7 +3453,11 @@
3195
3453
  pointer-events: none;
3196
3454
  }
3197
3455
 
3198
- .navds-date__modal .navds-date, .navds-date__modal-body > .navds-date {
3456
+ .navds-date__modal .navds-date {
3457
+ padding: 0;
3458
+ }
3459
+
3460
+ .navds-date__modal-body > .navds-date {
3199
3461
  padding: 0;
3200
3462
  }
3201
3463
 
@@ -3221,7 +3483,7 @@
3221
3483
  all: unset;
3222
3484
  text-align: center;
3223
3485
  text-transform: capitalize;
3224
- border-radius: var(--ax-border-radius-medium);
3486
+ border-radius: var(--ax-border-radius-large);
3225
3487
  cursor: pointer;
3226
3488
  width: 3rem;
3227
3489
  height: 3rem;
@@ -3233,16 +3495,28 @@
3233
3495
  }
3234
3496
 
3235
3497
  .navds-date__wrapper, .navds-date__standalone-wrapper {
3498
+ width: -webkit-fit-content;
3236
3499
  width: fit-content;
3500
+ height: -webkit-fit-content;
3237
3501
  height: fit-content;
3238
3502
  }
3239
3503
 
3240
- :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 {
3241
- outline: 2px solid var(--ax-border-focus);
3242
- outline-offset: 1px;
3504
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
3505
+ outline: 3px solid var(--ax-border-focus);
3506
+ outline-offset: 3px;
3507
+ }
3508
+
3509
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
3510
+ color: var(--ax-text-accent-contrast);
3511
+ background-color: var(--ax-bg-accent-strong-pressed);
3243
3512
  }
3244
3513
 
3245
- :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) {
3514
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:focus-visible {
3515
+ outline: 3px solid var(--ax-border-focus);
3516
+ outline-offset: 3px;
3517
+ }
3518
+
3519
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
3246
3520
  color: var(--ax-text-accent-contrast);
3247
3521
  background-color: var(--ax-bg-accent-strong-pressed);
3248
3522
  }
@@ -3258,12 +3532,10 @@
3258
3532
  .navds-date__field-button {
3259
3533
  color: var(--ax-text-default);
3260
3534
  cursor: pointer;
3261
- border-radius: calc(var(--ax-border-radius-medium) - 1px);
3535
+ border-radius: calc(var(--ax-border-radius-large) - 1px);
3262
3536
  padding: var(--ax-space-12);
3263
3537
  background: none;
3264
3538
  border: none;
3265
- border-start-start-radius: 0;
3266
- border-end-start-radius: 0;
3267
3539
  justify-content: center;
3268
3540
  align-items: center;
3269
3541
  height: calc(100% - .125rem);
@@ -3277,6 +3549,21 @@
3277
3549
  transform: translateY(-50%);
3278
3550
  }
3279
3551
 
3552
+ .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)) {
3553
+ border-top-left-radius: 0;
3554
+ border-bottom-left-radius: 0;
3555
+ }
3556
+
3557
+ .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)) {
3558
+ border-top-right-radius: 0;
3559
+ border-bottom-right-radius: 0;
3560
+ }
3561
+
3562
+ .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)) {
3563
+ border-top-right-radius: 0;
3564
+ border-bottom-right-radius: 0;
3565
+ }
3566
+
3280
3567
  .navds-form-field--small .navds-date__field-button {
3281
3568
  padding: var(--ax-space-4);
3282
3569
  }
@@ -3296,6 +3583,7 @@
3296
3583
 
3297
3584
  .navds-date__field-wrapper {
3298
3585
  align-items: center;
3586
+ width: -webkit-fit-content;
3299
3587
  width: fit-content;
3300
3588
  display: inline-flex;
3301
3589
  position: relative;
@@ -3360,7 +3648,8 @@
3360
3648
  color: var(--ac-dropdown-text, var(--a-text-default));
3361
3649
  width: 27ch;
3362
3650
  max-height: 616px;
3363
- overflow: hidden auto;
3651
+ overflow-x: hidden;
3652
+ overflow-y: auto;
3364
3653
  }
3365
3654
 
3366
3655
  .navds-dropdown__divider {
@@ -3447,7 +3736,7 @@
3447
3736
  }
3448
3737
 
3449
3738
  .navds-action-menu__content {
3450
- border-radius: var(--ax-border-radius-large);
3739
+ border-radius: var(--ax-border-radius-xlarge);
3451
3740
  border: 1px solid var(--ax-border-subtleA);
3452
3741
  box-shadow: var(--ax-shadow-dialog);
3453
3742
  transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
@@ -3483,7 +3772,7 @@
3483
3772
  --__axc-action-menu-item-pr: var(--ax-space-8);
3484
3773
  --__axc-action-menu-item-pl: var(--ax-space-8);
3485
3774
  --__axc-action-menu-item-height: 2rem;
3486
- border-radius: var(--ax-border-radius-large);
3775
+ border-radius: var(--ax-border-radius-xlarge);
3487
3776
  background-color: var(--ax-bg-raised);
3488
3777
  min-width: 128px;
3489
3778
  max-width: min(95vw, 640px);
@@ -3500,7 +3789,7 @@
3500
3789
  gap: var(--ax-space-8);
3501
3790
  min-height: var(--__axc-action-menu-item-height);
3502
3791
  cursor: default;
3503
- border-radius: var(--ax-border-radius-medium);
3792
+ border-radius: var(--ax-border-radius-large);
3504
3793
  padding-left: var(--__axc-action-menu-item-pl);
3505
3794
  padding-right: var(--__axc-action-menu-item-pr);
3506
3795
  font-size: var(--ax-font-size-medium);
@@ -3619,7 +3908,15 @@
3619
3908
  display: grid;
3620
3909
  }
3621
3910
 
3622
- .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 {
3911
+ .navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked {
3912
+ display: block;
3913
+ }
3914
+
3915
+ .navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked {
3916
+ display: block;
3917
+ }
3918
+
3919
+ .navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
3623
3920
  display: block;
3624
3921
  }
3625
3922
 
@@ -3629,11 +3926,12 @@
3629
3926
 
3630
3927
  .navds-expansioncard {
3631
3928
  --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
3632
- --__axc-expansioncard-padding-block: var(--ax-space-16);
3929
+ --__axc-expansioncard-padding-block: var(--ax-space-20);
3633
3930
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
3634
3931
  border-radius: var(--ax-border-radius-xlarge);
3635
3932
  background-color: var(--ax-bg-raised);
3636
3933
  border: 1px solid var(--ax-border-default);
3934
+ height: -webkit-fit-content;
3637
3935
  height: fit-content;
3638
3936
  }
3639
3937
 
@@ -3644,13 +3942,17 @@
3644
3942
 
3645
3943
  .navds-expansioncard--small {
3646
3944
  --__axc-expansioncard-padding-inline: var(--ax-space-16);
3647
- --__axc-expansioncard-padding-block: var(--ax-space-12);
3945
+ --__axc-expansioncard-padding-block: var(--ax-space-16);
3648
3946
  }
3649
3947
 
3650
3948
  .navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
3651
3949
  margin-top: var(--ax-space-2);
3652
3950
  }
3653
3951
 
3952
+ .navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
3953
+ margin-top: 0;
3954
+ }
3955
+
3654
3956
  .navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
3655
3957
  margin-top: 0;
3656
3958
  }
@@ -3672,7 +3974,7 @@
3672
3974
  }
3673
3975
 
3674
3976
  .navds-expansioncard__header:hover {
3675
- background-color: var(--ax-bg-hover);
3977
+ background-color: var(--ax-bg-hoverA);
3676
3978
  }
3677
3979
 
3678
3980
  .navds-expansioncard__header[data-open="true"] {
@@ -3682,7 +3984,7 @@
3682
3984
 
3683
3985
  .navds-expansioncard__header[data-open="true"]:after {
3684
3986
  content: "";
3685
- background-color: var(--ax-border-subtle);
3987
+ background-color: var(--ax-border-subtleA);
3686
3988
  bottom: 0;
3687
3989
  left: var(--__axc-expansioncard-padding-inline);
3688
3990
  height: 1px;
@@ -3722,15 +4024,7 @@
3722
4024
  }
3723
4025
 
3724
4026
  .navds-expansioncard__header-button:focus-visible {
3725
- outline: 2px solid var(--ax-border-focus);
3726
- outline-offset: 2px;
3727
- }
3728
-
3729
- @supports not selector(:focus-visible) {
3730
- .navds-expansioncard__header-button:focus {
3731
- outline: 2px solid var(--ax-border-focus);
3732
- outline-offset: 2px;
3733
- }
4027
+ outline: 3px solid var(--ax-border-focus);
3734
4028
  }
3735
4029
 
3736
4030
  .navds-expansioncard__header-button:after {
@@ -3740,7 +4034,10 @@
3740
4034
  width: 100%;
3741
4035
  height: 100%;
3742
4036
  position: absolute;
3743
- inset: 0;
4037
+ top: 0;
4038
+ bottom: 0;
4039
+ left: 0;
4040
+ right: 0;
3744
4041
  }
3745
4042
 
3746
4043
  .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
@@ -3762,17 +4059,31 @@
3762
4059
  .navds-expansioncard__content {
3763
4060
  padding-inline: var(--__axc-expansioncard-padding-inline);
3764
4061
  visibility: hidden;
3765
- border-end-end-radius: var(--__axc-expansioncard-border-radius);
3766
- border-end-start-radius: var(--__axc-expansioncard-border-radius);
3767
4062
  grid-template-rows: 0fr;
3768
- padding-block: 0;
3769
- transition-property: visibility, padding-block, grid-template-rows;
4063
+ padding-top: 0;
4064
+ padding-bottom: 0;
4065
+ transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
3770
4066
  transition-duration: .25s;
3771
4067
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
3772
4068
  display: grid;
3773
4069
  overflow: hidden;
3774
4070
  }
3775
4071
 
4072
+ .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)) {
4073
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4074
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4075
+ }
4076
+
4077
+ .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)) {
4078
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4079
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4080
+ }
4081
+
4082
+ .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)) {
4083
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4084
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4085
+ }
4086
+
3776
4087
  .navds-expansioncard__content[data-open="true"] {
3777
4088
  visibility: visible;
3778
4089
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -3789,18 +4100,28 @@
3789
4100
  transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
3790
4101
  }
3791
4102
 
4103
+ .navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
4104
+ transition: none;
4105
+ }
4106
+
3792
4107
  .navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
3793
4108
  transition: none;
3794
4109
  }
3795
4110
 
3796
4111
  .navds-guide-panel {
3797
4112
  --__axc-guide-panel-guide-size: 3.75rem;
4113
+ width: -webkit-fit-content;
3798
4114
  width: fit-content;
3799
4115
  display: flex;
3800
4116
  position: relative;
3801
4117
  }
3802
4118
 
3803
- .navds-guide-panel[data-poster="true"], .navds-guide-panel[data-responsive="true"] {
4119
+ .navds-guide-panel[data-poster="true"] {
4120
+ flex-direction: column;
4121
+ align-items: center;
4122
+ }
4123
+
4124
+ .navds-guide-panel[data-responsive="true"] {
3804
4125
  flex-direction: column;
3805
4126
  align-items: center;
3806
4127
  }
@@ -3843,6 +4164,10 @@
3843
4164
  position: relative;
3844
4165
  }
3845
4166
 
4167
+ .navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
4168
+ margin-top: var(--ax-space-20);
4169
+ }
4170
+
3846
4171
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
3847
4172
  margin-top: var(--ax-space-20);
3848
4173
  }
@@ -3885,6 +4210,12 @@
3885
4210
  position: absolute;
3886
4211
  }
3887
4212
 
4213
+ .navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
4214
+ left: 50%;
4215
+ top: calc(var(--ax-space-16) * -1 - 2px);
4216
+ transform: translateX(-48%);
4217
+ }
4218
+
3888
4219
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
3889
4220
  left: 50%;
3890
4221
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -3930,7 +4261,11 @@
3930
4261
  border: 1px solid var(--ax-border-info);
3931
4262
  }
3932
4263
 
3933
- .navds-help-text__icon--filled, .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
4264
+ .navds-help-text__icon--filled {
4265
+ display: none;
4266
+ }
4267
+
4268
+ .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
3934
4269
  display: none;
3935
4270
  }
3936
4271
 
@@ -3977,7 +4312,8 @@
3977
4312
  font: inherit;
3978
4313
  font-weight: var(--ax-font-weight-bold);
3979
4314
  text-align: left;
3980
- padding-block: 0;
4315
+ padding-top: 0;
4316
+ padding-bottom: 0;
3981
4317
  padding-inline: var(--ax-space-24) var(--ax-space-20);
3982
4318
  border: none;
3983
4319
  border-right: 1px solid var(--ax-border-subtleA);
@@ -3991,6 +4327,10 @@
3991
4327
  overflow: visible;
3992
4328
  }
3993
4329
 
4330
+ .navds-internalheader__title:-webkit-any(button) {
4331
+ cursor: pointer;
4332
+ }
4333
+
3994
4334
  .navds-internalheader__title:is(button) {
3995
4335
  cursor: pointer;
3996
4336
  }
@@ -3999,6 +4339,10 @@
3999
4339
  background: var(--ax-bg-moderate-hover);
4000
4340
  }
4001
4341
 
4342
+ .navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
4343
+ background: initial;
4344
+ }
4345
+
4002
4346
  .navds-internalheader__title:is(:hover, :active):not(button, a) {
4003
4347
  background: initial;
4004
4348
  }
@@ -4044,7 +4388,7 @@
4044
4388
 
4045
4389
  :is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
4046
4390
  outline: 3px solid var(--ax-border-focus);
4047
- outline-offset: -3px;
4391
+ outline-offset: -4px;
4048
4392
  }
4049
4393
 
4050
4394
  :is(.navds-internalheader__title, .navds-internalheader__button):active {
@@ -4066,13 +4410,18 @@
4066
4410
  display: inline-flex;
4067
4411
  }
4068
4412
 
4069
- .navds-link:hover, .navds-link:active {
4413
+ .navds-link:hover {
4414
+ text-decoration-thickness: .111em;
4415
+ }
4416
+
4417
+ .navds-link:active {
4070
4418
  text-decoration-thickness: .111em;
4071
4419
  }
4072
4420
 
4073
4421
  .navds-link:focus-visible {
4074
- outline: 2px solid var(--ax-border-focus);
4075
- outline-offset: 2px;
4422
+ outline: 3px solid var(--ax-border-focus);
4423
+ outline-offset: 3px;
4424
+ border-radius: 1px;
4076
4425
  }
4077
4426
 
4078
4427
  .navds-link.navds-link--inline-text {
@@ -4246,6 +4595,7 @@
4246
4595
  max-width: 100%;
4247
4596
  max-height: 100%;
4248
4597
  color: var(--ax-text-default);
4598
+ margin: auto;
4249
4599
  padding: 0;
4250
4600
  position: fixed;
4251
4601
  }
@@ -4257,7 +4607,9 @@
4257
4607
  }
4258
4608
 
4259
4609
  .navds-modal--polyfilled {
4610
+ width: -webkit-fit-content;
4260
4611
  width: fit-content;
4612
+ height: -webkit-fit-content;
4261
4613
  height: fit-content;
4262
4614
  margin: auto;
4263
4615
  top: 50%;
@@ -4276,7 +4628,10 @@
4276
4628
 
4277
4629
  ._dialog_overlay {
4278
4630
  position: fixed;
4279
- inset: 0;
4631
+ top: 0;
4632
+ bottom: 0;
4633
+ left: 0;
4634
+ right: 0;
4280
4635
  }
4281
4636
 
4282
4637
  .navds-modal--medium {
@@ -4287,7 +4642,15 @@
4287
4642
  width: 450px;
4288
4643
  }
4289
4644
 
4290
- .navds-modal--small .navds-modal__header, .navds-modal--small .navds-modal__body, .navds-modal--small .navds-modal__footer {
4645
+ .navds-modal--small .navds-modal__header {
4646
+ padding: var(--ax-space-12) var(--ax-space-16);
4647
+ }
4648
+
4649
+ .navds-modal--small .navds-modal__body {
4650
+ padding: var(--ax-space-12) var(--ax-space-16);
4651
+ }
4652
+
4653
+ .navds-modal--small .navds-modal__footer {
4291
4654
  padding: var(--ax-space-12) var(--ax-space-16);
4292
4655
  }
4293
4656
 
@@ -4320,7 +4683,10 @@
4320
4683
  .navds-modal--polyfilled + .backdrop {
4321
4684
  background: rgba(2, 20, 49, .49);
4322
4685
  position: fixed;
4323
- inset: 0;
4686
+ top: 0;
4687
+ bottom: 0;
4688
+ left: 0;
4689
+ right: 0;
4324
4690
  }
4325
4691
 
4326
4692
  .navds-modal__button {
@@ -4370,6 +4736,7 @@
4370
4736
  }
4371
4737
 
4372
4738
  .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
4739
+ min-width: -webkit-fit-content;
4373
4740
  min-width: fit-content;
4374
4741
  max-width: 100vw;
4375
4742
  max-height: 100vh;
@@ -4558,10 +4925,21 @@
4558
4925
 
4559
4926
  .navds-tag__icon--left {
4560
4927
  font-size: var(--__axc-tag-icon-size);
4561
- margin-inline-start: var(--__axc-tag-icon-margin);
4562
4928
  display: flex;
4563
4929
  }
4564
4930
 
4931
+ .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)) {
4932
+ margin-left: var(--__axc-tag-icon-margin);
4933
+ }
4934
+
4935
+ .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)) {
4936
+ margin-right: var(--__axc-tag-icon-margin);
4937
+ }
4938
+
4939
+ .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)) {
4940
+ margin-right: var(--__axc-tag-icon-margin);
4941
+ }
4942
+
4565
4943
  .navds-tag--outline {
4566
4944
  box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
4567
4945
  background: var(--__axc-tag-bg);
@@ -4597,6 +4975,7 @@
4597
4975
  grid-template-columns: auto minmax(0, 1fr);
4598
4976
  align-items: center;
4599
4977
  width: 100%;
4978
+ min-width: -webkit-fit-content;
4600
4979
  min-width: fit-content;
4601
4980
  display: grid;
4602
4981
  position: relative;
@@ -4659,12 +5038,12 @@
4659
5038
 
4660
5039
  .navds-timeline__period:focus-visible {
4661
5040
  z-index: 4;
4662
- outline: 2px solid var(--ax-border-focus);
4663
- outline-offset: 2px;
5041
+ outline: 3px solid var(--ax-border-focus);
5042
+ outline-offset: 3px;
4664
5043
  }
4665
5044
 
4666
5045
  .navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
4667
- box-shadow: 0 0 0 2px var(--ax-bg-default);
5046
+ box-shadow: 0 0 0 3px var(--ax-bg-default);
4668
5047
  }
4669
5048
 
4670
5049
  .navds-timeline__period {
@@ -4820,7 +5199,10 @@
4820
5199
  width: 25px;
4821
5200
  height: 25px;
4822
5201
  position: absolute;
4823
- inset: -9px 0 0 -9px;
5202
+ top: -9px;
5203
+ bottom: 0;
5204
+ left: -9px;
5205
+ right: 0;
4824
5206
  }
4825
5207
 
4826
5208
  .navds-timeline__pin-button:hover {
@@ -4828,9 +5210,9 @@
4828
5210
  }
4829
5211
 
4830
5212
  .navds-timeline__pin-button:focus-visible {
4831
- box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 2px var(--ax-bg-default);
4832
- outline: 2px solid var(--ax-border-focus);
4833
- outline-offset: 2px;
5213
+ box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
5214
+ outline: 3px solid var(--ax-border-focus);
5215
+ outline-offset: 3px;
4834
5216
  }
4835
5217
 
4836
5218
  .navds-timeline__pin-wrapper:before {
@@ -4886,7 +5268,7 @@
4886
5268
  }
4887
5269
 
4888
5270
  .navds-timeline__zoom-button:focus-visible {
4889
- box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 3px var(--ax-border-focus);
5271
+ box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
4890
5272
  border-width: 1px;
4891
5273
  }
4892
5274
 
@@ -4907,8 +5289,8 @@
4907
5289
 
4908
5290
  @media (forced-colors: active) {
4909
5291
  .navds-timeline__period:focus {
4910
- outline-offset: 2px;
4911
- outline: 2px solid highlight;
5292
+ outline-offset: 3px;
5293
+ outline: 3px solid highlight;
4912
5294
  }
4913
5295
 
4914
5296
  .navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
@@ -4923,8 +5305,14 @@
4923
5305
  outline: 4px solid rgba(0, 0, 0, 0);
4924
5306
  }
4925
5307
 
4926
- .navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
4927
- outline-offset: 2px;
5308
+ .navds-timeline__pin-button:focus {
5309
+ outline-offset: 3px;
5310
+ box-shadow: none;
5311
+ outline: 4px solid highlight;
5312
+ }
5313
+
5314
+ .navds-timeline__pin-button:focus-visible {
5315
+ outline-offset: 3px;
4928
5316
  box-shadow: none;
4929
5317
  outline: 4px solid highlight;
4930
5318
  }
@@ -5048,7 +5436,7 @@
5048
5436
  }
5049
5437
 
5050
5438
  .navds-toggle-group {
5051
- border-radius: var(--ax-border-radius-medium);
5439
+ border-radius: var(--ax-border-radius-large);
5052
5440
  box-shadow: inset 0 0 0 1px var(--ax-border-default);
5053
5441
  background-color: rgba(0, 0, 0, 0);
5054
5442
  grid-auto-columns: 1fr;
@@ -5062,11 +5450,12 @@
5062
5450
  cursor: pointer;
5063
5451
  min-height: 3rem;
5064
5452
  color: var(--ax-text-default);
5065
- border-radius: var(--ax-border-radius-medium);
5453
+ border-radius: var(--ax-border-radius-large);
5066
5454
  background-color: rgba(0, 0, 0, 0);
5067
5455
  border: none;
5068
5456
  justify-content: center;
5069
5457
  align-items: center;
5458
+ min-width: -webkit-fit-content;
5070
5459
  min-width: fit-content;
5071
5460
  display: inline-flex;
5072
5461
  position: relative;
@@ -5078,8 +5467,8 @@
5078
5467
  }
5079
5468
 
5080
5469
  .navds-toggle-group__button:focus-visible {
5081
- outline: 2px solid var(--ax-border-focus);
5082
- outline-offset: 2px;
5470
+ outline: 3px solid var(--ax-border-focus);
5471
+ outline-offset: 3px;
5083
5472
  z-index: 1;
5084
5473
  }
5085
5474
 
@@ -5163,53 +5552,6 @@
5163
5552
  border-color: var(--ac-panel-border, var(--a-border-default));
5164
5553
  }
5165
5554
 
5166
- .navds-link-panel {
5167
- color: var(--ac-link-panel-text, var(--a-text-default));
5168
- justify-content: space-between;
5169
- align-items: center;
5170
- gap: var(--a-spacing-4);
5171
- text-decoration: none;
5172
- display: flex;
5173
- }
5174
-
5175
- .navds-link-panel:hover .navds-link-panel__title {
5176
- color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
5177
- text-decoration: underline;
5178
- }
5179
-
5180
- .navds-link-panel:hover {
5181
- box-shadow: var(--a-shadow-small);
5182
- border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
5183
- }
5184
-
5185
- .navds-link-panel:focus-visible {
5186
- outline-offset: 2px;
5187
- box-shadow: var(--a-shadow-focus);
5188
- outline: 3px solid rgba(0, 0, 0, 0);
5189
- }
5190
-
5191
- @supports not selector(:focus-visible) {
5192
- .navds-link-panel:focus {
5193
- outline-offset: 2px;
5194
- box-shadow: var(--a-shadow-focus);
5195
- outline: 3px solid rgba(0, 0, 0, 0);
5196
- }
5197
- }
5198
-
5199
- .navds-link-panel__chevron {
5200
- flex-shrink: 0;
5201
- font-size: 1.5rem;
5202
- transition: transform .2s;
5203
- }
5204
-
5205
- .navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
5206
- transform: translateX(4px);
5207
- }
5208
-
5209
- .navds-link-panel__description {
5210
- margin-top: var(--a-spacing-1);
5211
- }
5212
-
5213
5555
  .navds-read-more {
5214
5556
  --__axc-read-more-icon-size: 1.5rem;
5215
5557
  --__axc-read-more-pi-start: 0px;
@@ -5240,6 +5582,15 @@
5240
5582
  transform: rotateX(-180deg);
5241
5583
  }
5242
5584
 
5585
+ .navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button {
5586
+ border-radius: var(--ax-border-radius-medium);
5587
+ }
5588
+
5589
+ .navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
5590
+ background-color: var(--ax-bg-hoverA);
5591
+ color: var(--ax-text-accent-strong);
5592
+ }
5593
+
5243
5594
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
5244
5595
  border-radius: var(--ax-border-radius-medium);
5245
5596
  }
@@ -5264,7 +5615,12 @@
5264
5615
  --__axc-read-more-pi-end: var(--ax-space-24);
5265
5616
  }
5266
5617
 
5267
- .navds-read-more[data-volume="high"].navds-read-more--small, .navds-read-more[data-volume="high"].navds-read-more--medium {
5618
+ .navds-read-more[data-volume="high"].navds-read-more--small {
5619
+ --__axc-read-more-pi-start: var(--ax-space-8);
5620
+ --__axc-read-more-pi-end: var(--ax-space-16);
5621
+ }
5622
+
5623
+ .navds-read-more[data-volume="high"].navds-read-more--medium {
5268
5624
  --__axc-read-more-pi-start: var(--ax-space-8);
5269
5625
  --__axc-read-more-pi-end: var(--ax-space-16);
5270
5626
  }
@@ -5433,6 +5789,7 @@
5433
5789
  }
5434
5790
 
5435
5791
  .navds-skeleton--has-children.navds-skeleton--no-width {
5792
+ width: -webkit-fit-content;
5436
5793
  width: fit-content;
5437
5794
  }
5438
5795
 
@@ -5532,12 +5889,13 @@
5532
5889
  padding: var(--__axc-stepper-border-width);
5533
5890
  margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
5534
5891
  justify-content: flex-start;
5892
+ width: 100%;
5535
5893
  display: grid;
5536
5894
  }
5537
5895
 
5538
5896
  .navds-stepper__step:focus-visible {
5539
- outline: 2px solid var(--ax-border-focus);
5540
- outline-offset: 4px;
5897
+ outline: 3px solid var(--ax-border-focus);
5898
+ outline-offset: 3px;
5541
5899
  isolation: isolate;
5542
5900
  }
5543
5901
 
@@ -5545,7 +5903,18 @@
5545
5903
  margin-bottom: 0;
5546
5904
  }
5547
5905
 
5906
+ .navds-stepper__step:-webkit-any(button) {
5907
+ -webkit-appearance: none;
5908
+ appearance: none;
5909
+ font: inherit;
5910
+ color: inherit;
5911
+ text-align: inherit;
5912
+ background-color: rgba(0, 0, 0, 0);
5913
+ border: none;
5914
+ }
5915
+
5548
5916
  .navds-stepper__step:is(button) {
5917
+ -webkit-appearance: none;
5549
5918
  appearance: none;
5550
5919
  font: inherit;
5551
5920
  color: inherit;
@@ -5582,7 +5951,11 @@
5582
5951
  text-decoration-thickness: .05em;
5583
5952
  }
5584
5953
 
5585
- :is(.navds-stepper__step[data-interactive="true"]:hover, .navds-stepper__step[data-interactive="true"]:active) .navds-stepper__content {
5954
+ .navds-stepper__step[data-interactive="true"]:hover .navds-stepper__content {
5955
+ text-decoration-thickness: .111em;
5956
+ }
5957
+
5958
+ .navds-stepper__step[data-interactive="true"]:active .navds-stepper__content {
5586
5959
  text-decoration-thickness: .111em;
5587
5960
  }
5588
5961
 
@@ -5633,6 +6006,7 @@
5633
6006
 
5634
6007
  .navds-stepper__content {
5635
6008
  grid-column: content;
6009
+ min-width: -webkit-fit-content;
5636
6010
  min-width: fit-content;
5637
6011
  padding-top: .035rem;
5638
6012
  line-height: 1.5;
@@ -5667,7 +6041,11 @@
5667
6041
  flex: 100%;
5668
6042
  }
5669
6043
 
5670
- .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 {
6044
+ .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1 {
6045
+ visibility: hidden;
6046
+ }
6047
+
6048
+ .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
5671
6049
  visibility: hidden;
5672
6050
  }
5673
6051
 
@@ -5769,7 +6147,11 @@
5769
6147
  text-align: center;
5770
6148
  }
5771
6149
 
5772
- :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 {
6150
+ :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell {
6151
+ border-color: var(--ax-border-strong);
6152
+ }
6153
+
6154
+ :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
5773
6155
  border-color: var(--ax-border-strong);
5774
6156
  }
5775
6157
 
@@ -5798,6 +6180,7 @@
5798
6180
  }
5799
6181
 
5800
6182
  .navds-table__sort-button {
6183
+ -webkit-appearance: none;
5801
6184
  appearance: none;
5802
6185
  color: var(--ax-text-accent);
5803
6186
  cursor: pointer;
@@ -5822,8 +6205,8 @@
5822
6205
  }
5823
6206
 
5824
6207
  .navds-table__sort-button:focus-visible {
5825
- outline: 2px solid var(--ax-border-focus);
5826
- outline-offset: -4px;
6208
+ outline: 3px solid var(--ax-border-focus);
6209
+ outline-offset: -5px;
5827
6210
  }
5828
6211
 
5829
6212
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
@@ -5904,7 +6287,7 @@
5904
6287
  }
5905
6288
 
5906
6289
  .navds-table__toggle-expand-button:focus-visible {
5907
- outline: 2px solid var(--ax-border-focus);
6290
+ outline: 3px solid var(--ax-border-focus);
5908
6291
  }
5909
6292
 
5910
6293
  .navds-table__expanded-row-cell {
@@ -6013,8 +6396,8 @@
6013
6396
  }
6014
6397
 
6015
6398
  .navds-tabs__tab:focus-visible {
6016
- outline: 2px solid var(--ax-border-focus);
6017
- outline-offset: -2px;
6399
+ outline: 3px solid var(--ax-border-focus);
6400
+ outline-offset: -3px;
6018
6401
  }
6019
6402
 
6020
6403
  .navds-tabs__tab-inner {
@@ -6062,22 +6445,22 @@
6062
6445
  }
6063
6446
 
6064
6447
  .navds-tabs__tabpanel:focus-visible {
6065
- outline: 2px solid var(--ax-border-focus);
6066
- outline-offset: -2px;
6448
+ outline: 3px solid var(--ax-border-focus);
6449
+ outline-offset: -4px;
6067
6450
  }
6068
6451
 
6069
6452
  @media (forced-colors: active) {
6070
6453
  .navds-tabs__tab[data-state="active"] {
6071
6454
  border-bottom: 3px solid canvastext;
6072
- padding-block-end: calc(var(--ax-space-12) - 3px);
6455
+ padding-bottom: calc(var(--ax-space-12) - 3px);
6073
6456
  }
6074
6457
 
6075
6458
  .navds-tabs__tab--small[data-state="active"] {
6076
- padding-block-end: calc(var(--ax-space-6) - 3px);
6459
+ padding-bottom: calc(var(--ax-space-6) - 3px);
6077
6460
  }
6078
6461
 
6079
6462
  .navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
6080
- padding-block-end: calc(var(--ax-space-4) - 3px);
6463
+ padding-bottom: calc(var(--ax-space-4) - 3px);
6081
6464
  }
6082
6465
  }
6083
6466
 
@@ -6144,11 +6527,11 @@
6144
6527
  }
6145
6528
 
6146
6529
  .navds-list__item {
6147
- margin-block-end: var(--ax-space-8);
6530
+ margin-bottom: var(--ax-space-8);
6148
6531
  }
6149
6532
 
6150
6533
  .navds-list__item:last-child {
6151
- margin-block-end: 0;
6534
+ margin-bottom: 0;
6152
6535
  }
6153
6536
 
6154
6537
  .navds-list__item-marker {
@@ -7132,6 +7515,7 @@
7132
7515
  }
7133
7516
 
7134
7517
  .navds-page {
7518
+ min-height: 100vh;
7135
7519
  flex-direction: column;
7136
7520
  min-height: 100lvh;
7137
7521
  display: flex;
@@ -7140,7 +7524,8 @@
7140
7524
  .navds-pageblock {
7141
7525
  --__axc-page-padding-inline: 0px;
7142
7526
  width: 100%;
7143
- margin-inline: auto;
7527
+ margin-left: auto;
7528
+ margin-right: auto;
7144
7529
  }
7145
7530
 
7146
7531
  .navds-page__content--grow {
@@ -7148,11 +7533,12 @@
7148
7533
  }
7149
7534
 
7150
7535
  .navds-page__content--fullheight {
7536
+ min-height: 100vh;
7151
7537
  min-height: 100lvh;
7152
7538
  }
7153
7539
 
7154
7540
  .navds-page__content--padding {
7155
- padding-block-end: var(--ax-space-64);
7541
+ padding-bottom: var(--ax-space-64);
7156
7542
  }
7157
7543
 
7158
7544
  .navds-pageblock--text {
@@ -7322,8 +7708,19 @@
7322
7708
  }
7323
7709
 
7324
7710
  .navds-stack > .navds-stack__spacer {
7325
- margin-block-start: calc(var(--__axc-stack-gap) * -1);
7326
- margin-inline-start: calc(var(--__axc-stack-gap) * -1);
7711
+ margin-top: calc(var(--__axc-stack-gap) * -1);
7712
+ }
7713
+
7714
+ .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)) {
7715
+ margin-left: calc(var(--__axc-stack-gap) * -1);
7716
+ }
7717
+
7718
+ .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)) {
7719
+ margin-right: calc(var(--__axc-stack-gap) * -1);
7720
+ }
7721
+
7722
+ .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)) {
7723
+ margin-right: calc(var(--__axc-stack-gap) * -1);
7327
7724
  }
7328
7725
 
7329
7726
  @media (min-width: 480px) {