@navikt/ds-css 7.12.2 → 7.13.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 (118) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/config/tests/bundle.test.ts +1 -1
  3. package/darkside/dropdown.darkside.css +25 -35
  4. package/darkside/form/confirmation-panel.darkside.css +7 -21
  5. package/darkside/index.css +1 -0
  6. package/darkside/link-panel.darkside.css +37 -0
  7. package/darkside/panel.darkside.css +4 -4
  8. package/dist/darkside/component/dropdown.css +15 -25
  9. package/dist/darkside/component/dropdown.min.css +1 -1
  10. package/dist/darkside/component/form.css +7 -21
  11. package/dist/darkside/component/form.min.css +1 -1
  12. package/dist/darkside/component/linkpanel.css +38 -0
  13. package/dist/darkside/component/linkpanel.min.css +1 -0
  14. package/dist/darkside/component/panel.css +4 -4
  15. package/dist/darkside/component/panel.min.css +1 -1
  16. package/dist/darkside/components.css +63 -50
  17. package/dist/darkside/components.min.css +1 -1
  18. package/dist/darkside/global/tokens.css +275 -233
  19. package/dist/darkside/global/tokens.min.css +1 -1
  20. package/dist/darkside/index.css +338 -283
  21. package/dist/darkside/index.min.css +1 -1
  22. package/dist/darkside/version/7.13.0/component/dropdown.css +82 -0
  23. package/dist/darkside/version/7.13.0/component/dropdown.min.css +1 -0
  24. package/dist/darkside/version/{7.12.2 → 7.13.0}/component/form.css +7 -21
  25. package/dist/darkside/version/7.13.0/component/form.min.css +1 -0
  26. package/dist/darkside/version/7.13.0/component/linkpanel.css +38 -0
  27. package/dist/darkside/version/7.13.0/component/linkpanel.min.css +1 -0
  28. package/dist/darkside/version/7.13.0/component/panel.css +12 -0
  29. package/dist/darkside/version/7.13.0/component/panel.min.css +1 -0
  30. package/dist/darkside/version/{7.12.2 → 7.13.0}/components.css +63 -50
  31. package/dist/darkside/version/7.13.0/components.min.css +1 -0
  32. package/dist/darkside/version/{7.12.2 → 7.13.0}/global/tokens.css +275 -233
  33. package/dist/darkside/version/7.13.0/global/tokens.min.css +1 -0
  34. package/dist/darkside/version/{7.12.2 → 7.13.0}/index.css +338 -283
  35. package/dist/darkside/version/7.13.0/index.min.css +1 -0
  36. package/dist/global/tokens.css +1 -1
  37. package/dist/global/tokens.min.css +1 -1
  38. package/dist/index.css +1 -1
  39. package/dist/index.min.css +1 -1
  40. package/package.json +2 -2
  41. package/dist/darkside/version/7.12.2/component/dropdown.css +0 -92
  42. package/dist/darkside/version/7.12.2/component/dropdown.min.css +0 -1
  43. package/dist/darkside/version/7.12.2/component/form.min.css +0 -1
  44. package/dist/darkside/version/7.12.2/component/panel.css +0 -12
  45. package/dist/darkside/version/7.12.2/component/panel.min.css +0 -1
  46. package/dist/darkside/version/7.12.2/components.min.css +0 -1
  47. package/dist/darkside/version/7.12.2/global/tokens.min.css +0 -1
  48. package/dist/darkside/version/7.12.2/index.min.css +0 -1
  49. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/accordion.css +0 -0
  50. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/accordion.min.css +0 -0
  51. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/actionmenu.css +0 -0
  52. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/actionmenu.min.css +0 -0
  53. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/alert.css +0 -0
  54. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/alert.min.css +0 -0
  55. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/button.css +0 -0
  56. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/button.min.css +0 -0
  57. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/chat.css +0 -0
  58. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/chat.min.css +0 -0
  59. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/chips.css +0 -0
  60. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/chips.min.css +0 -0
  61. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/copybutton.css +0 -0
  62. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/copybutton.min.css +0 -0
  63. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/date.css +0 -0
  64. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/date.min.css +0 -0
  65. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/expansioncard.css +0 -0
  66. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/expansioncard.min.css +0 -0
  67. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/guidepanel.css +0 -0
  68. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/guidepanel.min.css +0 -0
  69. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/helptext.css +0 -0
  70. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/helptext.min.css +0 -0
  71. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/internalheader.css +0 -0
  72. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/internalheader.min.css +0 -0
  73. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/link.css +0 -0
  74. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/link.min.css +0 -0
  75. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/list.css +0 -0
  76. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/list.min.css +0 -0
  77. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/loader.css +0 -0
  78. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/loader.min.css +0 -0
  79. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/modal.css +0 -0
  80. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/modal.min.css +0 -0
  81. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/pagination.css +0 -0
  82. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/pagination.min.css +0 -0
  83. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/popover.css +0 -0
  84. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/popover.min.css +0 -0
  85. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/primitives.css +0 -0
  86. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/primitives.min.css +0 -0
  87. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/progressbar.css +0 -0
  88. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/progressbar.min.css +0 -0
  89. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/readmore.css +0 -0
  90. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/readmore.min.css +0 -0
  91. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/skeleton.css +0 -0
  92. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/skeleton.min.css +0 -0
  93. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/stepper.css +0 -0
  94. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/stepper.min.css +0 -0
  95. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/table.css +0 -0
  96. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/table.min.css +0 -0
  97. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/tabs.css +0 -0
  98. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/tabs.min.css +0 -0
  99. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/tag.css +0 -0
  100. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/tag.min.css +0 -0
  101. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/theme.css +0 -0
  102. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/theme.min.css +0 -0
  103. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/timeline.css +0 -0
  104. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/timeline.min.css +0 -0
  105. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/togglegroup.css +0 -0
  106. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/togglegroup.min.css +0 -0
  107. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/tooltip.css +0 -0
  108. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/tooltip.min.css +0 -0
  109. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/typography.css +0 -0
  110. /package/dist/darkside/version/{7.12.2 → 7.13.0}/component/typography.min.css +0 -0
  111. /package/dist/darkside/version/{7.12.2 → 7.13.0}/global/baseline.css +0 -0
  112. /package/dist/darkside/version/{7.12.2 → 7.13.0}/global/baseline.min.css +0 -0
  113. /package/dist/darkside/version/{7.12.2 → 7.13.0}/global/fonts.css +0 -0
  114. /package/dist/darkside/version/{7.12.2 → 7.13.0}/global/fonts.min.css +0 -0
  115. /package/dist/darkside/version/{7.12.2 → 7.13.0}/global/print.css +0 -0
  116. /package/dist/darkside/version/{7.12.2 → 7.13.0}/global/print.min.css +0 -0
  117. /package/dist/darkside/version/{7.12.2 → 7.13.0}/global/reset.css +0 -0
  118. /package/dist/darkside/version/{7.12.2 → 7.13.0}/global/reset.min.css +0 -0
@@ -0,0 +1,82 @@
1
+ @layer aksel.components {
2
+ .navds-dropdown__menu {
3
+ padding: var(--ax-space-8);
4
+ color: var(--ax-text-neutral);
5
+ width: 27ch;
6
+ max-height: 616px;
7
+ overflow: hidden auto;
8
+ }
9
+
10
+ .navds-dropdown__divider {
11
+ margin: var(--ax-space-12) 0;
12
+ border: none;
13
+ border-bottom: 1px solid var(--ax-border-neutral-subtle);
14
+ }
15
+
16
+ .navds-dropdown__menu > :not(.navds-dropdown__divider, .navds-dropdown__list) {
17
+ margin: 0 var(--ax-space-16) var(--ax-space-12);
18
+ }
19
+
20
+ .navds-dropdown__list {
21
+ margin: 0;
22
+ padding: 0;
23
+ list-style: none;
24
+ }
25
+
26
+ .navds-dropdown__list-item {
27
+ margin: 0;
28
+ }
29
+
30
+ .navds-dropdown__list-heading {
31
+ margin-block: var(--ax-space-4) var(--ax-space-12);
32
+ margin-inline: var(--ax-space-4);
33
+ }
34
+
35
+ .navds-dropdown__item {
36
+ font: inherit;
37
+ text-align: left;
38
+ cursor: pointer;
39
+ align-items: center;
40
+ gap: var(--ax-space-8);
41
+ width: 100%;
42
+ padding: var(--ax-space-4);
43
+ border-radius: var(--ax-border-radius-medium);
44
+ color: var(--ax-text-neutral);
45
+ background: none;
46
+ border: none;
47
+ margin: 0;
48
+ text-decoration: none;
49
+ display: flex;
50
+ overflow: visible;
51
+ }
52
+
53
+ .navds-dropdown__item:hover {
54
+ background-color: var(--ax-bg-accent-moderate-hoverA);
55
+ }
56
+
57
+ .navds-dropdown__item:active {
58
+ background-color: var(--ax-bg-accent-moderate-pressedA);
59
+ }
60
+
61
+ .navds-dropdown__item:focus-visible {
62
+ outline: 3px solid var(--ax-border-focus);
63
+ outline-offset: -3px;
64
+ }
65
+
66
+ .navds-dropdown__item:disabled {
67
+ opacity: var(--ax-opacity-disabled);
68
+ cursor: not-allowed;
69
+ background: none;
70
+ }
71
+
72
+ @media (forced-colors: active) {
73
+ .navds-dropdown__item:hover {
74
+ color: highlight;
75
+ }
76
+
77
+ .navds-dropdown__item:disabled {
78
+ opacity: 1;
79
+ color: graytext;
80
+ }
81
+ }
82
+ }
@@ -0,0 +1 @@
1
+ @layer aksel.components{.navds-dropdown__menu{padding:var(--ax-space-8);color:var(--ax-text-neutral);width:27ch;max-height:616px;overflow:hidden auto}.navds-dropdown__divider{margin:var(--ax-space-12) 0;border:none;border-bottom:1px solid var(--ax-border-neutral-subtle)}.navds-dropdown__menu>:not(.navds-dropdown__divider,.navds-dropdown__list){margin:0 var(--ax-space-16) var(--ax-space-12)}.navds-dropdown__list{margin:0;padding:0;list-style:none}.navds-dropdown__list-item{margin:0}.navds-dropdown__list-heading{margin-block:var(--ax-space-4) var(--ax-space-12);margin-inline:var(--ax-space-4)}.navds-dropdown__item{font:inherit;text-align:left;cursor:pointer;align-items:center;gap:var(--ax-space-8);width:100%;padding:var(--ax-space-4);border-radius:var(--ax-border-radius-medium);color:var(--ax-text-neutral);background:0 0;border:none;margin:0;text-decoration:none;display:flex;overflow:visible}.navds-dropdown__item:hover{background-color:var(--ax-bg-accent-moderate-hoverA)}.navds-dropdown__item:active{background-color:var(--ax-bg-accent-moderate-pressedA)}.navds-dropdown__item:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}.navds-dropdown__item:disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed;background:0 0}@media (forced-colors:active){.navds-dropdown__item:hover{color:highlight}.navds-dropdown__item:disabled{opacity:1;color:graytext}}}
@@ -333,11 +333,11 @@
333
333
  }
334
334
 
335
335
  .navds-confirmation-panel__inner {
336
- gap: var(--a-spacing-3);
337
- padding: var(--a-spacing-4);
338
- border-radius: var(--a-border-radius-medium);
339
- border: 1px solid var(--ac-confirmation-panel-border, var(--a-border-warning));
340
- background-color: var(--ac-confirmation-panel-bg, var(--a-surface-warning-subtle));
336
+ gap: var(--ax-space-12);
337
+ padding: var(--ax-space-16);
338
+ border-radius: var(--ax-border-radius-large);
339
+ border: 1px solid var(--ax-border-default);
340
+ background-color: var(--ax-bg-moderate);
341
341
  flex-direction: column;
342
342
  justify-self: stretch;
343
343
  transition: background-color .1s linear;
@@ -349,20 +349,6 @@
349
349
  max-width: 80ch;
350
350
  }
351
351
 
352
- .navds-confirmation-panel--checked .navds-confirmation-panel__inner {
353
- border-color: var(--ac-confirmation-panel-checked-border, var(--a-border-success));
354
- background-color: var(--ac-confirmation-panel-checked-bg, var(--a-surface-success-subtle));
355
- }
356
-
357
- .navds-confirmation-panel--error .navds-confirmation-panel__inner {
358
- border-color: var(--ac-confirmation-panel-error-border, var(--a-border-danger));
359
- background-color: var(--ac-confirmation-panel-error-bg, var(--a-surface-danger-subtle));
360
- }
361
-
362
- .navds-confirmation-panel--error .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label {
363
- color: var(--a-text-default);
364
- }
365
-
366
352
  @media (forced-colors: active) {
367
353
  .navds-confirmation-panel__inner:before {
368
354
  content: "";
@@ -370,8 +356,8 @@
370
356
  border-color: orange;
371
357
  border-left-style: solid;
372
358
  border-left-width: 8px;
373
- border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
374
- border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
359
+ border-start-start-radius: calc(var(--ax-border-radius-large) - 1px);
360
+ border-end-start-radius: calc(var(--ax-border-radius-large) - 1px);
375
361
  height: 100%;
376
362
  position: absolute;
377
363
  top: 0;
@@ -0,0 +1 @@
1
+ @layer aksel.components{.navds-fieldset{border:0;min-width:0;margin:0;padding:0}.navds-fieldset>:not(:first-child,:empty){margin-top:var(--ax-space-8)}.navds-fieldset__description{color:var(--ax-text-neutral-subtle)}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child,:empty){margin-top:0}.navds-fieldset__legend{padding:0}.navds-fieldset--readonly>:where(.navds-fieldset__legend){display:inline-flex}.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:var(--ax-opacity-disabled)}@media (forced-colors:active){.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:1}}.navds-dropzone__area{--__axc-dropzone-background:var(--ax-bg-input);--__axc-dropzone-icon-padding:var(--ax-space-8);--__axc-dropzone-animation-length-long:.4s;--__axc-dropzone-animation-length-short:.25s;--__axc-dropzone-animation-ease-out:cubic-bezier(.3, 1, .3, 1);--__axc-dropzone-animation-over-under:cubic-bezier(.3, 1, .3, 1);align-items:center;gap:var(--ax-space-16);text-align:center;width:100%;padding:var(--ax-space-16) var(--ax-space-20);border:1px dashed var(--ax-border-neutral);border-radius:var(--ax-border-radius-xlarge);background-color:var(--__axc-dropzone-background);color:var(--ax-text-neutral);transition:background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);cursor:pointer;flex-direction:column;display:flex;position:relative}.navds-dropzone__area:hover:not([data-disabled=true]){border-color:var(--ax-border-accent-strong)}.navds-dropzone__area:hover:not([data-disabled=true])>.navds-dropzone__area-button{background-color:var(--ax-bg-accent-moderate-hover);box-shadow:inset 0 0 0 2px var(--ax-bg-accent-strong-hover)}.navds-dropzone__area:active:not([data-disabled=true])>.navds-dropzone__area-button{background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast);box-shadow:none}.navds-dropzone__area[data-disabled=true]{--__axc-dropzone-background:var(--ax-bg-neutral-soft);border-color:var(--ax-border-neutral-subtleA);cursor:default}.navds-dropzone--dragging>.navds-dropzone__area{--__axc-dropzone-background:var(--ax-bg-input)}.navds-dropzone--dragging>.navds-dropzone__area:after{color:var(--ax-text-accent);background-color:var(--ax-bg-accent-moderateA);content:"";border:1px dashed var(--ax-border-accent-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ax-border-radius-xlarge);animation:akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);margin:-1px;position:absolute;inset:0}@keyframes akselDropzoneDragoverAnimation{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:rgba(0,0,0,0)}70%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}100%{background-color:var(--ax-bg-accent-moderateA)}}.navds-dropzone__area-icon{padding:var(--__axc-dropzone-icon-padding);visibility:hidden;display:grid}.navds-dropzone--error>.navds-dropzone__area{outline:2px solid var(--ax-border-danger-strong);outline-offset:-1px;border-color:transparent}.navds-dropzone__area-release{top:var(--ax-space-16);z-index:1;pointer-events:none;transition:top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under),transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);display:grid;position:absolute}.navds-dropzone__area-release__icon{padding:var(--__axc-dropzone-icon-padding);border-radius:var(--ax-border-radius-full);background-color:var(--ax-bg-neutral-moderateA);transition:background-color .3s var(--__axc-dropzone-animation-ease-out),font-size .3s var(--__axc-dropzone-animation-ease-out);font-size:1.5rem;display:grid}.navds-dropzone--dragging .navds-dropzone__area-release>.navds-dropzone__area-release__icon{background-color:rgba(0,0,0,0);font-size:2rem}.navds-dropzone__area-release__text{visibility:hidden}.navds-dropzone--dragging .navds-dropzone__area-release>.navds-dropzone__area-release__text{transition:visibility var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);visibility:visible}.navds-dropzone--dragging .navds-dropzone__area-release{color:var(--ax-text-accent-subtle);top:50%;transform:translateY(-50%)}.navds-dropzone__area-disabled{color:var(--ax-text-neutral-subtle);align-items:center;gap:var(--ax-space-8);flex-direction:column;display:flex}.navds-file-upload :is(ul,li),li.navds-file-item,ul:has( > li.navds-file-item){margin:0;padding:0;list-style:none}.navds-file-item__inner{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA);outline-offset:-1px;border-radius:var(--ax-border-radius-xlarge);padding:var(--ax-space-12) var(--ax-space-16);gap:var(--ax-space-12);align-items:flex-start;transition:outline-color .25s cubic-bezier(0, .3, .15, 1);display:flex}.navds-file-item--error>.navds-file-item__inner{outline:2px solid var(--ax-border-danger-strong)}.navds-file-item__icon{background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral);border-radius:var(--ax-border-radius-full);min-width:2.5rem;min-height:2.5rem;margin-top:var(--ax-space-2);place-content:center;transition:background-color .25s cubic-bezier(0, .3, .15, 1);display:grid}.navds-file-item__icon>svg{width:1.5rem;height:1.5rem}.navds-file-item__icon--loading{background-color:rgba(0,0,0,0)}.navds-file-item__file-info{word-break:break-word}.navds-file-item__button{margin-left:auto}.navds-file-item__error{grid-template-rows:0fr;transition-property:grid-template-rows,padding-top;transition-duration:.25s;transition-timing-function:cubic-bezier(0,.3,.15,1);display:grid;overflow:hidden}.navds-file-item--error .navds-file-item__error{padding-top:var(--ax-space-4);grid-template-rows:1fr}.navds-form-field{justify-items:start;gap:var(--ax-space-8);display:grid}.navds-form-field__description{color:var(--ax-text-neutral-subtle);margin-top:-.375rem}.navds-form-field--disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.navds-form-field__error:empty{display:none}.navds-form-field__subdescription{color:var(--ax-text-neutral-subtle)}.navds-form-field--readonly>:where(.navds-form-field__label){display:inline-flex}.navds-form-field__readonly-icon{margin-top:var(--ax-space-2);margin-right:var(--ax-space-4);flex-shrink:0;align-self:flex-start}@media (forced-colors:active){.navds-form-field--disabled{opacity:1}}.navds-error-summary{background-color:var(--ax-bg-default);padding:var(--ax-space-16) var(--ax-space-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-border-radius-xlarge);outline-offset:3px}.navds-error-summary:focus-visible,.navds-error-summary:has(.navds-error-summary__heading:focus-visible){outline:3px solid var(--ax-border-focus)}@supports not selector(:focus-visible){.navds-error-summary:focus{outline:3px solid var(--ax-border-focus)}}.navds-error-summary--small{padding:var(--ax-space-12) var(--ax-space-16)}.navds-error-summary--small .navds-error-summary__heading{scroll-margin-top:var(--ax-space-16)}.navds-error-summary--small>.navds-error-summary__list{margin:var(--ax-space-8) 0;gap:var(--ax-space-8);padding-left:var(--ax-space-20)}.navds-error-summary__heading{scroll-margin-top:var(--ax-space-24)}.navds-error-summary__heading:focus{outline:0}.navds-error-summary__list{margin:var(--ax-space-12) 0;gap:var(--ax-space-12);padding-left:var(--ax-space-24);list-style:inherit;flex-direction:column;display:flex}.navds-confirmation-panel__inner{gap:var(--ax-space-12);padding:var(--ax-space-16);border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-default);background-color:var(--ax-bg-moderate);flex-direction:column;justify-self:stretch;transition:background-color .1s linear;display:flex;position:relative}.navds-confirmation-panel__content{max-width:80ch}@media (forced-colors:active){.navds-confirmation-panel__inner:before{content:"";forced-color-adjust:none;border-color:orange;border-left-style:solid;border-left-width:8px;border-start-start-radius:calc(var(--ax-border-radius-large) - 1px);border-end-start-radius:calc(var(--ax-border-radius-large) - 1px);height:100%;position:absolute;top:0;left:0}.navds-confirmation-panel--checked .navds-confirmation-panel__inner:before{border-color:green}.navds-confirmation-panel--error .navds-confirmation-panel__inner:before{border-color:red}}.navds-checkbox,.navds-radio{width:fit-content;position:relative}.navds-checkbox__input,.navds-radio__input{z-index:1;opacity:0;cursor:pointer;width:3rem;height:3rem;position:absolute;top:0;left:-.75rem}.navds-checkbox__label,.navds-radio__label{padding:var(--ax-space-12) 0;cursor:pointer;gap:var(--ax-space-8);--__axc-radio-checkbox-readonly-bg:var(--ax-bg-neutral-moderate);--__axc-radio-checkbox-readonly-border:var(--ax-border-neutral-subtle);display:flex}.navds-checkbox__label:before,.navds-radio__label:before{content:"";border-radius:var(--ax-border-radius-medium);background-color:var(--ax-bg-input);border:2px solid var(--ax-border-neutral);flex-shrink:0;width:1.5rem;height:1.5rem}.navds-radio__label:before{border-radius:var(--ax-border-radius-full)}.navds-checkbox__content,.navds-radio__content{flex-direction:column;gap:.125rem;display:flex}.navds-checkbox--small>.navds-checkbox__input,.navds-radio--small>.navds-radio__input{width:2rem;height:2rem;top:0;left:-.375rem}.navds-checkbox--small>.navds-checkbox__label,.navds-radio--small>.navds-radio__label{padding:var(--ax-space-6) 0}.navds-checkbox--small>.navds-checkbox__label:before,.navds-radio--small>.navds-radio__label:before{width:1.25rem;height:1.25rem}.navds-checkbox__input:focus+.navds-checkbox__label:after,.navds-radio__input:focus+.navds-radio__label:after{content:"";width:100%;height:calc(100% - var(--ax-space-24));border-radius:var(--ax-border-radius-medium);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute}.navds-checkbox--small>.navds-checkbox__input:focus+.navds-checkbox__label:after,.navds-radio--small>.navds-radio__input:focus+.navds-radio__label:after{height:calc(100% - var(--ax-space-12))}.navds-checkbox__icon-indeterminate{display:none}.navds-checkbox__input:indeterminate+.navds-checkbox__label>.navds-checkbox__icon-indeterminate{background-color:var(--ax-bg-default);width:.75rem;height:.25rem;transform:translate(var(--ax-space-6),-50%);pointer-events:none;border-radius:1px;display:block;position:absolute;top:50%}.navds-checkbox--small .navds-checkbox__input:indeterminate+.navds-checkbox__label>.navds-checkbox__icon-indeterminate{transform:translate(var(--ax-space-4),-50%);height:.1875rem}.navds-checkbox__input:where(:checked,:indeterminate)+.navds-checkbox__label:before{background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.navds-checkbox__input:where(:checked,:indeterminate):not(:disabled):hover+.navds-checkbox__label:before{border-color:var(--ax-bg-accent-strong-hover);background-color:var(--ax-bg-accent-strong-hover)}.navds-checkbox__input:where(:not(:checked))+.navds-checkbox__label>.navds-checkbox__icon{display:none}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--ax-bg-default);height:1.5rem;transform:translate(var(--ax-space-6));pointer-events:none;align-items:center;display:flex;position:absolute}.navds-checkbox--small .navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{transform:translate(.25rem,-10%)}.navds-checkbox__icon>svg{vertical-align:initial;display:inline}.navds-checkbox--small>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-position:.25rem}.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ax-bg-input);border:8px solid var(--ax-bg-accent-strong-pressed)}.navds-radio--small>.navds-radio__input:checked+.navds-radio__label:before{border-width:6px}.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,.navds-radio__input:hover:not(:disabled,:checked)+.navds-radio__label{color:var(--ax-text-accent-subtle)}.navds-checkbox__input:hover:not(:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled,:checked)+.navds-radio__label:before{border-color:var(--ax-border-accent-strong);background-color:var(--ax-bg-accent-moderate-hoverA)}.navds-checkbox--error>.navds-checkbox__input:not(:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:disabled,:checked)+.navds-radio__label:before{border-color:var(--ax-border-danger-strong)}.navds-checkbox--error>.navds-checkbox__input:not(:disabled,:checked,:indeterminate):hover+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:disabled,:checked):hover+.navds-radio__label:before{background-color:var(--ax-bg-danger-moderate-hoverA)}.navds-checkbox--error>.navds-checkbox__input:is(:checked,:indeterminate):not(:disabled)+.navds-checkbox__label:before{background-color:var(--ax-bg-danger-strong-pressed);border-color:var(--ax-bg-danger-strong-pressed)}.navds-radio--error>.navds-radio__input:checked+.navds-radio__label:before{border-color:var(--ax-bg-danger-strong-pressed)}.navds-checkbox--disabled,.navds-radio--disabled{opacity:var(--ax-opacity-disabled)}.navds-checkbox--disabled>.navds-checkbox__input,.navds-checkbox--disabled>.navds-checkbox__label,.navds-radio--disabled>.navds-radio__input,.navds-radio--disabled>.navds-radio__label{cursor:not-allowed}.navds-checkbox--readonly>:where(.navds-checkbox__input,.navds-checkbox__label),.navds-radio--readonly>:where(.navds-radio__input,.navds-radio__label){cursor:default}.navds-checkbox--readonly .navds-checkbox__label-text{display:inline-flex}.navds-checkbox--readonly>.navds-checkbox__input:hover+.navds-checkbox__label,.navds-radio--readonly>.navds-radio__input:hover+.navds-radio__label{color:var(--ax-text-neutral)}.navds-checkbox--readonly>.navds-checkbox__input:hover .navds-checkbox__label:before,.navds-checkbox--readonly>.navds-checkbox__input:not(:disabled)+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:hover:not(:checked,:focus)+.navds-radio__label:before,.navds-radio--readonly>.navds-radio__input:not(:disabled,:checked)+.navds-radio__label:before{background-color:var(--__axc-radio-checkbox-readonly-bg);border-color:var(--__axc-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:where(:checked,:indeterminate)+.navds-checkbox__label:before{border-color:var(--__axc-radio-checkbox-readonly-border);background-color:var(--__axc-radio-checkbox-readonly-bg)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--ax-text-neutral-subtle)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ax-bg-neutral-strong);box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 8px var(--ax-bg-neutral-moderate);border-width:0}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label>.navds-checkbox__icon-indeterminate{background-color:var(--ax-text-neutral-subtle)}@media (forced-colors:active){.navds-checkbox,.navds-radio{--__axc-radio-checkbox-high-contrast-bg:field;--__axc-radio-checkbox-high-contrast-text:fieldtext;--__axc-radio-checkbox-high-contrast-highlight:highlight;--ax-border-focus:Highlight}.navds-checkbox__label:before,.navds-radio__label:before{border:1px solid var(--__axc-radio-checkbox-high-contrast-text);background-color:var(--__axc-radio-checkbox-high-contrast-bg)}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--__axc-radio-checkbox-high-contrast-text)}.navds-checkbox__input:indeterminate+.navds-checkbox__label>.navds-checkbox__icon-indeterminate{background-color:var(--__axc-radio-checkbox-high-contrast-text)}.navds-radio__input:checked+.navds-radio__label:before{border:6px solid var(--__axc-radio-checkbox-high-contrast-text)}:not(.navds-checkbox--readonly)>.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,:not(.navds-radio--readonly)>.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:highlight}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label:before{border:1px solid var(--__axc-radio-checkbox-high-contrast-text);background-color:var(--__axc-radio-checkbox-high-contrast-bg)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label>.navds-checkbox__icon-indeterminate{background-color:var(--__axc-radio-checkbox-high-contrast-text)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{border-width:6px}.navds-checkbox--disabled,.navds-radio--disabled{opacity:1;--__axc-radio-checkbox-high-contrast-bg:field;--__axc-radio-checkbox-high-contrast-text:graytext}:is(.navds-checkbox--disabled,.navds-radio--disabled) :is(.navds-checkbox__label,.navds-radio__label){color:graytext}}.navds-select__input{appearance:none;background-color:var(--ax-bg-input);border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-neutral);color:var(--ax-text-neutral);box-sizing:border-box;width:100%;min-height:3rem;padding:var(--ax-space-8);padding-right:var(--ax-space-40);display:inline-block;position:relative}.navds-select__input:hover{border-color:var(--ax-border-accent-strong);cursor:pointer}.navds-select__input:focus{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-accent-strong)}@media (forced-colors:active){.navds-select__input{color:buttontext;background-color:buttonface;border-color:buttontext}}.navds-select__container{width:100%;color:var(--ax-text-neutral);display:flex;position:relative}.navds-select__chevron{right:var(--ax-space-8);pointer-events:none;color:var(--ax-text-neutral);align-self:center;font-size:1.5rem;position:absolute}@media (forced-colors:active){.navds-select__chevron{color:buttontext}}.navds-form-field--small .navds-select__input{min-height:2rem;padding-block:0}.navds-select--error>* select,.navds-select--error>* select:focus,.navds-select--error>* select:hover{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.navds-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-neutral);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-neutral)}.navds-select__input:disabled>option{color:var(--ax-text-neutral)}@media (forced-colors:active){.navds-select__input:disabled+.navds-select__chevron{color:graytext}}.navds-select--readonly .navds-select__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}@media (forced-colors:active){.navds-select--readonly .navds-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.navds-select--readonly .navds-select__chevron{color:var(--ax-text-neutral-subtle)}.navds-switch{width:fit-content;min-height:3rem;position:relative}.navds-switch--small{min-height:2rem}.navds-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.navds-switch--small>.navds-switch__input{height:2rem;top:0}.navds-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.navds-switch__content{--__axc-switch-block-padding:.75rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;flex-direction:column;display:flex;position:relative}.navds-switch--right .navds-switch__content{padding:var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0}.navds-switch--small .navds-switch__content{--__axc-switch-block-padding:.375rem}.navds-switch__content.navds-switch--with-description{padding-bottom:0}.navds-switch__input:focus~.navds-switch__label-wrapper>.navds-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-border-radius-medium);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute;left:0}.navds-switch__input:focus~.navds-switch__label-wrapper>.navds-switch__content.navds-switch--with-description:after{height:calc(100% - var(--__axc-switch-block-padding) * 1)}.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:var(--ax-text-accent-subtle)}.navds-switch__input:disabled:hover~.navds-switch__label-wrapper{color:inherit}.navds-switch__track{background-color:var(--ax-bg-input);width:2.75rem;height:1.5rem;top:var(--ax-space-12);border-radius:var(--ax-border-radius-full);border:2px solid var(--ax-border-neutral);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;left:0}.navds-switch--small>.navds-switch__track{top:var(--ax-space-4)}.navds-switch__input:checked~.navds-switch__track{background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.navds-switch__input:hover:checked~.navds-switch__track{background-color:var(--ax-bg-accent-strong-hover);border-color:var(--ax-bg-accent-strong-hover)}.navds-switch__input:disabled~.navds-switch__track{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral)}.navds-switch__input:checked:disabled~.navds-switch__track{background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.navds-switch--standalone>.navds-switch__input:focus~.navds-switch__track{outline:3px solid var(--ax-border-focus);outline-offset:3px}.navds-switch__thumb{background-color:var(--ax-bg-neutral-strong);border-radius:var(--ax-border-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4, 0, .2, 1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translateX(0)}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-accent-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translateX(1.25rem)}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb>.navds-switch__checkmark{visibility:visible;opacity:1}.navds-switch__checkmark{visibility:hidden;opacity:0;transition:opacity .15s cubic-bezier(.4, 0, .2, 1)}@media (hover:hover) and (pointer:fine){.navds-switch__input:hover:not(:disabled)~.navds-switch__track>.navds-switch__thumb{transform:translateX(.0625rem)}.navds-switch__input:checked:hover:not(:disabled)~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.19rem)}}.navds-switch--right{width:auto}.navds-switch--right .navds-switch__input,.navds-switch--right .navds-switch__track{left:auto;right:0}.navds-switch__input:disabled{appearance:none}.navds-switch--disabled:not(.navds-switch--loading){opacity:var(--ax-opacity-disabled)}.navds-switch__input:disabled,.navds-switch__input:disabled~.navds-switch__label-wrapper{cursor:not-allowed}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track,.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track,.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track,.navds-switch--readonly>.navds-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.navds-switch--readonly>.navds-switch__input,.navds-switch--readonly>.navds-switch__label-wrapper{cursor:default}.navds-switch--readonly .navds-switch__label-wrapper:hover,.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__label-wrapper{color:var(--ax-text-neutral)}.navds-switch--readonly .navds-switch__label{display:inline-flex}.navds-switch--readonly .navds-switch__thumb{background-color:var(--ax-bg-neutral-strong)}.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast)}@media (hover:hover) and (pointer:fine){.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(0)}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.25rem)}}@media (forced-colors:active){.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:highlight}.navds-switch--readonly .navds-switch__thumb,.navds-switch__thumb{background-color:fieldtext!important}.navds-switch--readonly .navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb,.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:field}.navds-switch--standalone>.navds-switch__input:focus~.navds-switch__track,.navds-switch__input:focus~.navds-switch__label-wrapper>.navds-switch__content:after{outline:3px solid highlight}.navds-switch--disabled:not(.navds-switch--loading){opacity:1}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb{background-color:graytext!important}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track{border-color:graytext!important}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper,.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper:hover{color:graytext!important}}.navds-text-field__input{appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral)}.navds-text-field__input:hover{border-color:var(--ax-border-accent-strong)}.navds-text-field__input:focus-visible{border-color:var(--ax-border-accent-strong);outline:3px solid var(--ax-border-focus);outline-offset:3px}.navds-text-field__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.navds-text-field__input::placeholder{color:var(--ax-text-neutral-subtle)}.navds-text-field__input[size]{width:auto}.navds-form-field--small .navds-text-field__input{padding:0 var(--ax-space-8);min-height:2rem}.navds-text-field--error .navds-text-field__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.navds-text-field--readonly .navds-text-field__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.navds-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.navds-text-field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.navds-text-field__input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.navds-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media (forced-colors:active){.navds-text-field__input{color:fieldtext;background-color:field}}.navds-textarea__input{height:var(--__axc-textarea-height);appearance:none;padding:var(--ax-space-8);background-color:var(--ax-bg-input);border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);display:block}.navds-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.navds-textarea__input:hover{border-color:var(--ax-border-accent-strong)}.navds-textarea__input:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-accent-strong)}.navds-textarea__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.navds-form-field--small .navds-textarea__input{padding:var(--ax-space-6)}.navds-textarea--readonly .navds-textarea__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.navds-textarea__counter{color:var(--ax-text-neutral-subtle);margin-top:-.25rem}.navds-textarea__counter--error{color:var(--ax-text-danger-subtle)}.navds-textarea__sr-counter{display:none}.navds-textarea__input:focus~.navds-textarea__sr-counter{display:initial}.navds-textarea--resize-both .navds-textarea__input{resize:both;border-end-end-radius:0}.navds-textarea--resize-horizontal .navds-textarea__input{resize:horizontal;border-end-end-radius:0}.navds-textarea--resize-vertical .navds-textarea__input{resize:vertical;border-end-end-radius:0}.navds-textarea--autoscrollbar,.navds-textarea--autoscrollbar .navds-textarea__wrapper{flex-direction:column;margin:-3px;padding:3px;display:flex;overflow:hidden}.navds-textarea--autoscrollbar .navds-textarea__input{scrollbar-gutter:stable}.navds-textarea--error .navds-textarea__input:not(:disabled){box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}@media (forced-colors:active){.navds-textarea__input{color:fieldtext;background-color:field}}.navds-search{flex-direction:column;width:100%;display:flex}.navds-search__wrapper-inner{width:100%;position:relative}.navds-search--with-size .navds-search__wrapper-inner{width:inherit}.navds-search--with-size .navds-search__wrapper{width:fit-content}.navds-search__wrapper{border-radius:var(--ax-border-radius-large);align-items:center;display:inline-flex}.navds-search__wrapper:has(.navds-search__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px}.navds-search__input{padding-right:var(--ax-space-40)}.navds-search__input:focus-visible{outline:0}.navds-search__input.navds-search__input--primary,.navds-search__input.navds-search__input--secondary{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.navds-search__input--simple{padding-left:var(--ax-space-40)}.navds-form-field--small .navds-search__input{padding-right:var(--ax-space-28)}.navds-form-field--small .navds-search__input--simple{padding-left:var(--ax-space-28)}.navds-form-field--small .navds-search__search-icon{left:var(--ax-space-4);font-size:1.25rem}.navds-form-field--small .navds-search__button-clear{right:var(--ax-space-4)}.navds-search__search-icon{left:var(--ax-space-8);pointer-events:none;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.navds-search--disabled .navds-search__search-icon{opacity:var(--ax-opacity-disabled)}.navds-search__button-clear{right:var(--ax-space-8);position:absolute;top:50%;transform:translateY(-50%)}.navds-search__button-search{border-radius:0;border-top-right-radius:var(--ax-border-radius-large);border-bottom-right-radius:var(--ax-border-radius-large);flex-shrink:0}.navds-search__button-search.navds-button--secondary{--__axc-button-border-width:1px;--__axc-button-border-color:var(--ax-border-neutral)}.navds-search__button-search.navds-button--secondary:not(:hover,:active){background-color:var(--ax-bg-input)}.navds-search__button-search.navds-button--secondary:hover:not(:disabled){--__axc-button-border-color:var(--ax-border-accent-strong)}.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){--__axc-button-border-color:var(--ax-border-accent-strong)}.navds-search--error .navds-search__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:inset -2px 0 0 0 var(--ax-border-danger-strong),inset 0 0 0 1px var(--ax-border-danger-strong)}.navds-search--error .navds-search__input:not(:disabled).navds-search__input--simple{box-shadow:inset 0 0 0 1px var(--ax-border-danger-strong)}.navds-search__button-search:focus-visible,.navds-search__input:focus-visible{z-index:1}.navds-search--disabled .navds-search__input{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.navds-combobox__wrapper{--__axc-combobox-icon-size:1.5rem;--__axc-combobox-wrapper-inner-padding:var(--ax-space-8);--__axc-combobox-list-item-padding-block:var(--ax-space-12);--__axc-combobox-list-item-padding-inline:var(--ax-space-12);--__axc-combobox-border-width:1px;--__axc-combobox-input-height:2rem;border-radius:var(--ax-border-radius-large);flex-direction:column;width:100%;display:flex;position:relative}.navds-form-field:not(:is(.navds-combobox--disabled,.navds-combobox--readonly)) .navds-combobox__wrapper:hover{border-color:var(--ax-border-accent-strong)}.navds-form-field--small .navds-combobox__wrapper{--__axc-combobox-icon-size:1.25rem;--__axc-combobox-wrapper-inner-padding:var(--ax-space-4);--__axc-combobox-list-item-padding-block:var(--ax-space-6);--__axc-combobox-list-item-padding-inline:var(--ax-space-8);--__axc-combobox-input-height:1.5rem}.navds-combobox--disabled{opacity:var(--ax-opacity-disabled)}.navds-combobox--disabled .navds-combobox__wrapper:hover{border-color:var(--ax-border-neutral)}.navds-combobox--disabled .navds-combobox__wrapper :hover{cursor:not-allowed}.navds-combobox--disabled .navds-combobox--readonly,.navds-combobox--disabled .navds-combobox__selected-options{pointer-events:none}.navds-combobox--readonly{pointer-events:none}.navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.navds-combobox--readonly .navds-combobox__button-toggle-list{color:var(--ax-bg-neutral-moderate)}.navds-combobox--readonly .navds-combobox__wrapper{border-color:var(--ax-border-neutral-subtle);overflow:clip}.navds-combobox--readonly .navds-combobox__input,.navds-combobox--readonly .navds-text-field__input{background-color:var(--ax-bg-neutral-moderate)}.navds-combobox__button-toggle-list svg,.navds-combobox__list svg{width:var(--__axc-combobox-icon-size);height:var(--__axc-combobox-icon-size)}.navds-combobox__wrapper-inner{border:1px solid var(--ax-border-neutral);border-radius:var(--ax-border-radius-large)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-accent-strong)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused{border-color:var(--ax-border-neutral);outline:0}.navds-combobox__wrapper-inner.navds-text-field__input{width:100%;padding-block:calc(var(--__axc-combobox-wrapper-inner-padding) - var(--__axc-combobox-border-width));padding-inline:var(--__axc-combobox-wrapper-inner-padding);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.navds-combobox__wrapper-inner>:first-child{flex:2}.navds-combobox__wrapper-inner>:last-child{flex-flow:row;display:flex}.navds-combobox__wrapper-inner:hover{cursor:text}.navds-combobox--disabled .navds-combobox__wrapper-inner:hover{border-color:var(--ax-border-neutral)}.navds-combobox--error .navds-combobox__wrapper-inner{border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.navds-combobox--error .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){border-color:var(--ax-border-danger-strong)}.navds-combobox__selected-options{align-items:center;gap:0}.navds-combobox__selected-options>li{border-radius:var(--ax-border-radius-full);margin:auto 0}.navds-combobox__selected-options>li:last-of-type{flex:1;display:flex}.navds-combobox__selected-options[data-type=multiple]{gap:var(--__axc-combobox-wrapper-inner-padding)}.navds-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0;padding-left:.25rem}.navds-combobox__input-wrapper{width:100%}.navds-combobox__input{width:100%;min-width:10ch;height:var(--__axc-combobox-input-height);background:var(--ax-bg-input);border:none;flex:1;margin:0;padding:0}.navds-combobox__input:focus-visible{border:none;outline:0}.navds-combobox__selected-options>li:only-child>.navds-combobox__input{margin-left:var(--ax-space-4)}.navds-combobox__input--hide-caret{caret-color:rgba(0,0,0,0)}@supports not selector(:focus-visible){.navds-combobox__input:focus{border:none;outline:0}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus),.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused{outline:0}}.navds-combobox__input::-webkit-search-cancel-button{display:none}.navds-combobox__button-toggle-list{color:var(--ax-text-neutral);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.navds-combobox__button-toggle-list:hover{color:var(--ax-text-accent-subtle)}.navds-combobox__button-toggle-list:hover:active{color:var(--ax-text-accent)}.navds-combobox__list{z-index:10;max-height:316px;left:0;right:0;top:calc(100% + var(--ax-space-8));border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-border-radius-large);background-color:var(--ax-bg-raised);color:var(--ax-text-neutral);overscroll-behavior:contain;box-shadow:var(--ax-shadow-dialog);flex-direction:column;display:flex;position:absolute;overflow:clip}.navds-combobox__list .navds-combobox__list-options{overflow-y:auto}.navds-combobox__list--closed{display:none}.navds-combobox__list-item,.navds-combobox__list-item--loading,.navds-combobox__list-item--max-selected,.navds-combobox__list-item--new-option,.navds-combobox__list-item--no-options{padding-block:var(--__axc-combobox-list-item-padding-block);padding-inline:var(--__axc-combobox-list-item-padding-inline);border-radius:var(--ax-border-radius-large);margin-inline:var(--ax-space-8);margin-block:var(--ax-space-2);border:0;justify-content:space-between;align-items:center;scroll-margin-block:8px;display:flex}.navds-combobox__list-item--no-options{margin:0}.navds-combobox__list-item--loading{justify-content:center;margin:0}.navds-combobox__list-item--max-selected{background-color:var(--ax-bg-neutral-moderateA);border-bottom:1px solid var(--ax-border-neutral-subtle);padding-block:var(--ax-space-8);line-height:var(--ax-font-line-height-large);border-radius:0;margin:0}.navds-combobox__list-options{display:inherit;flex-direction:inherit;gap:inherit;background-color:inherit;padding:0;padding-block:var(--ax-space-4);align-items:stretch;margin:0;list-style:none}.navds-combobox__list-item--focus{cursor:pointer;outline:2px solid var(--ax-border-focus)}.navds-combobox__list-item{-webkit-user-select:none;user-select:none}.navds-combobox__list-item[data-no-focus=true]{cursor:not-allowed;opacity:.4}.navds-combobox__list-item mark{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-neutral);background-color:rgba(0,0,0,0)}.navds-combobox__list-item svg{color:var(--ax-text-neutral)}.navds-combobox__list-item--selected{background-color:var(--ax-bg-accent-moderate-pressedA)}.navds-combobox__list-item--selected p{font-weight:var(--ax-font-weight-bold)}.navds-combobox__list-item--new-option{border-bottom:1px solid var(--ax-border-accent-subtleA);background:var(--ax-bg-accent-moderateA);cursor:pointer;margin:0;border-radius:0;justify-content:flex-start;gap:.25rem;margin-block-start:calc(var(--ax-space-4) * -1)}.navds-combobox__list-item--new-option svg{color:var(--ax-text-neutral)}.navds-combobox__list-item--new-option:only-child{margin-block:calc(var(--ax-space-4) * -1);border:none}.navds-combobox__list-item--new-option--focus{border-radius:calc(var(--ax-border-radius-large) - 1px) calc(var(--ax-border-radius-large) - 1px) 0 0;outline:2px solid var(--ax-border-focus);outline-offset:-2px}.navds-combobox__list-item--new-option--focus:only-child{border-radius:calc(var(--ax-border-radius-large) - 1px)}@media (max-width:479px){.navds-combobox__button-toggle-list{right:.5rem}.navds-combobox__input{min-width:min-content;padding:.75rem 0}.navds-combobox__selected-options{gap:var(--ax-space-4)}}@media (forced-colors:active){.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){outline-color:highlight}.navds-combobox__list--with-hover .navds-combobox__list-item:not([data-no-focus=true],.navds-combobox__list-item--new-option):hover,.navds-combobox__list-item--focus{color:highlight;border-left-color:highlight}.navds-combobox__list-item[data-no-focus=true]{opacity:1;color:graytext}.navds-combobox__list-item--selected{color:selecteditemtext;background-color:highlight}.navds-combobox__list-item--selected *{color:#000}.navds-combobox__list-item--selected>*{forced-color-adjust:none}.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover,.navds-combobox__list-item--selected.navds-combobox__list-item--focus{color:highlight;border-left-color:highlight}.navds-combobox__list--with-hover .navds-combobox__list-item--new-option:hover{color:highlight}.navds-combobox__list-item--new-option--focus{outline-offset:0;outline:2px solid highlight}.navds-combobox--disabled{opacity:1}.navds-combobox--disabled *{color:graytext;opacity:1;border-color:graytext}.navds-combobox__list-item--new-option svg{color:canvastext}.navds-combobox__list-item--new-option:hover{color:highlight}.navds-combobox__list-item--new-option:hover svg{color:highlight}}.navds-form-summary{border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-border-radius-xlarge);background:var(--ax-bg-raised);overflow:hidden}.navds-form-summary__header{background:var(--ax-bg-neutral-moderateA);padding:var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);justify-content:space-between;gap:0 var(--ax-space-12);display:flex}@media (max-width:479px){.navds-form-summary__header{padding:var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.navds-form-summary__edit{margin-top:var(--ax-space-4);flex-shrink:0;align-self:flex-start}.navds-form-summary>.navds-form-summary__answers{border-top:1px solid var(--ax-border-neutral-subtleA)}.navds-form-summary__answers{padding:var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);margin:0}@media (max-width:479px){.navds-form-summary__answers{padding:var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16)}}.navds-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-16);padding-bottom:var(--ax-space-16);border-bottom:1px solid var(--ax-border-neutral-subtleA)}.navds-form-summary__answer:has(.navds-form-summary__answer){padding-bottom:var(--ax-space-24)}.navds-form-summary__answer:has(.navds-form-summary__answer):last-child{padding-bottom:0}@media (max-width:479px){.navds-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-12);padding-bottom:var(--ax-space-12)}.navds-form-summary__answer:has(.navds-form-summary__answer){padding-bottom:var(--ax-space-20)}}.navds-form-summary__value:first-of-type{margin-top:var(--ax-space-4)}.navds-form-summary__value .navds-form-summary__answers{margin-top:var(--ax-space-8);padding:var(--ax-space-16) var(--ax-space-20);background:var(--ax-bg-info-moderateA);border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-info-subtleA)}.navds-form-summary__value .navds-form-summary__answers .navds-form-summary__answer{border-color:var(--ax-border-info-subtleA)}.navds-form-progress__bar{margin-bottom:var(--ax-space-8)}.navds-form-progress__button:focus-visible{z-index:1}.navds-form-progress__button[data-state=open] svg{transform:rotate(-180deg)}.navds-form-progress__button[data-state=closed] .navds-form-progress__btn-txt-hide,.navds-form-progress__button[data-state=open] .navds-form-progress__btn-txt-show{display:none}.navds-form-progress__collapsible{visibility:hidden;border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-border-radius-xlarge);background:var(--ax-bg-raised);padding-inline:var(--ax-space-20);opacity:.001;grid-template-rows:0fr;margin-top:-2px;padding-block:0;transition-property:margin-top,opacity,visibility,padding-block-start,grid-template-rows;transition-duration:1s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.navds-form-progress__collapsible[hidden]{display:grid}.navds-form-progress__collapsible[data-state=open]{margin-top:var(--ax-space-4);visibility:visible;padding-block:var(--ax-space-16);opacity:1;grid-template-rows:1fr}.navds-form-progress__collapsible-content{min-height:0}}
@@ -0,0 +1,38 @@
1
+ @layer aksel.components {
2
+ .navds-link-panel {
3
+ color: var(--ax-text-neutral);
4
+ justify-content: space-between;
5
+ align-items: center;
6
+ gap: var(--ax-space-16);
7
+ text-decoration: none;
8
+ display: flex;
9
+ }
10
+
11
+ .navds-link-panel:hover {
12
+ border-color: var(--ax-border-accent);
13
+ }
14
+
15
+ .navds-link-panel:hover .navds-link-panel__title {
16
+ color: var(--ax-text-accent-subtle);
17
+ text-decoration: underline;
18
+ }
19
+
20
+ .navds-link-panel:focus-visible {
21
+ outline: 3px solid var(--ax-border-focus);
22
+ outline-offset: 3px;
23
+ }
24
+
25
+ .navds-link-panel__chevron {
26
+ flex-shrink: 0;
27
+ font-size: 1.5rem;
28
+ transition: transform .2s;
29
+ }
30
+
31
+ .navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
32
+ transform: translateX(4px);
33
+ }
34
+
35
+ .navds-link-panel__description {
36
+ margin-top: var(--a-space-4);
37
+ }
38
+ }
@@ -0,0 +1 @@
1
+ @layer aksel.components{.navds-link-panel{color:var(--ax-text-neutral);justify-content:space-between;align-items:center;gap:var(--ax-space-16);text-decoration:none;display:flex}.navds-link-panel:hover{border-color:var(--ax-border-accent)}.navds-link-panel:hover .navds-link-panel__title{color:var(--ax-text-accent-subtle);text-decoration:underline}.navds-link-panel:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.navds-link-panel__chevron{flex-shrink:0;font-size:1.5rem;transition:transform .2s}.navds-link-panel:focus-within>.navds-link-panel__chevron,.navds-link-panel:hover>.navds-link-panel__chevron{transform:translateX(4px)}.navds-link-panel__description{margin-top:var(--a-space-4)}}
@@ -0,0 +1,12 @@
1
+ @layer aksel.components {
2
+ .navds-panel {
3
+ background-color: var(--ax-bg-default);
4
+ padding: var(--ax-space-16);
5
+ border-radius: var(--ax-border-radius-small);
6
+ border: 1px solid rgba(0, 0, 0, 0);
7
+ }
8
+
9
+ .navds-panel--border {
10
+ border-color: var(--ax-border-neutral);
11
+ }
12
+ }
@@ -0,0 +1 @@
1
+ @layer aksel.components{.navds-panel{background-color:var(--ax-bg-default);padding:var(--ax-space-16);border-radius:var(--ax-border-radius-small);border:1px solid transparent}.navds-panel--border{border-color:var(--ax-border-neutral)}}
@@ -1037,11 +1037,11 @@
1037
1037
  }
1038
1038
 
1039
1039
  .navds-confirmation-panel__inner {
1040
- gap: var(--a-spacing-3);
1041
- padding: var(--a-spacing-4);
1042
- border-radius: var(--a-border-radius-medium);
1043
- border: 1px solid var(--ac-confirmation-panel-border, var(--a-border-warning));
1044
- background-color: var(--ac-confirmation-panel-bg, var(--a-surface-warning-subtle));
1040
+ gap: var(--ax-space-12);
1041
+ padding: var(--ax-space-16);
1042
+ border-radius: var(--ax-border-radius-large);
1043
+ border: 1px solid var(--ax-border-default);
1044
+ background-color: var(--ax-bg-moderate);
1045
1045
  flex-direction: column;
1046
1046
  justify-self: stretch;
1047
1047
  transition: background-color .1s linear;
@@ -1053,20 +1053,6 @@
1053
1053
  max-width: 80ch;
1054
1054
  }
1055
1055
 
1056
- .navds-confirmation-panel--checked .navds-confirmation-panel__inner {
1057
- border-color: var(--ac-confirmation-panel-checked-border, var(--a-border-success));
1058
- background-color: var(--ac-confirmation-panel-checked-bg, var(--a-surface-success-subtle));
1059
- }
1060
-
1061
- .navds-confirmation-panel--error .navds-confirmation-panel__inner {
1062
- border-color: var(--ac-confirmation-panel-error-border, var(--a-border-danger));
1063
- background-color: var(--ac-confirmation-panel-error-bg, var(--a-surface-danger-subtle));
1064
- }
1065
-
1066
- .navds-confirmation-panel--error .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label {
1067
- color: var(--a-text-default);
1068
- }
1069
-
1070
1056
  @media (forced-colors: active) {
1071
1057
  .navds-confirmation-panel__inner:before {
1072
1058
  content: "";
@@ -1074,8 +1060,8 @@
1074
1060
  border-color: orange;
1075
1061
  border-left-style: solid;
1076
1062
  border-left-width: 8px;
1077
- border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
1078
- border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
1063
+ border-start-start-radius: calc(var(--ax-border-radius-large) - 1px);
1064
+ border-end-start-radius: calc(var(--ax-border-radius-large) - 1px);
1079
1065
  height: 100%;
1080
1066
  position: absolute;
1081
1067
  top: 0;
@@ -3218,21 +3204,21 @@
3218
3204
  }
3219
3205
 
3220
3206
  .navds-dropdown__menu {
3221
- padding: var(--a-spacing-2) 0;
3222
- color: var(--ac-dropdown-text, var(--a-text-default));
3207
+ padding: var(--ax-space-8);
3208
+ color: var(--ax-text-neutral);
3223
3209
  width: 27ch;
3224
3210
  max-height: 616px;
3225
3211
  overflow: hidden auto;
3226
3212
  }
3227
3213
 
3228
3214
  .navds-dropdown__divider {
3229
- margin: var(--a-spacing-3) 0;
3215
+ margin: var(--ax-space-12) 0;
3230
3216
  border: none;
3231
- border-bottom: 1px solid var(--a-border-divider);
3217
+ border-bottom: 1px solid var(--ax-border-neutral-subtle);
3232
3218
  }
3233
3219
 
3234
3220
  .navds-dropdown__menu > :not(.navds-dropdown__divider, .navds-dropdown__list) {
3235
- margin: 0 var(--a-spacing-4) var(--a-spacing-3);
3221
+ margin: 0 var(--ax-space-16) var(--ax-space-12);
3236
3222
  }
3237
3223
 
3238
3224
  .navds-dropdown__list {
@@ -3246,18 +3232,20 @@
3246
3232
  }
3247
3233
 
3248
3234
  .navds-dropdown__list-heading {
3249
- margin: var(--a-spacing-1) var(--a-spacing-4) var(--a-spacing-3);
3235
+ margin-block: var(--ax-space-4) var(--ax-space-12);
3236
+ margin-inline: var(--ax-space-4);
3250
3237
  }
3251
3238
 
3252
3239
  .navds-dropdown__item {
3253
- color: var(--ac-dropdown-item-text, var(--a-text-action));
3254
3240
  font: inherit;
3255
3241
  text-align: left;
3256
3242
  cursor: pointer;
3257
3243
  align-items: center;
3258
- gap: var(--a-spacing-2);
3244
+ gap: var(--ax-space-8);
3259
3245
  width: 100%;
3260
- padding: var(--a-spacing-1) var(--a-spacing-4);
3246
+ padding: var(--ax-space-4);
3247
+ border-radius: var(--ax-border-radius-medium);
3248
+ color: var(--ax-text-neutral);
3261
3249
  background: none;
3262
3250
  border: none;
3263
3251
  margin: 0;
@@ -3267,31 +3255,19 @@
3267
3255
  }
3268
3256
 
3269
3257
  .navds-dropdown__item:hover {
3270
- background-color: var(--ac-dropdown-item-hover-bg, var(--a-surface-action-subtle-hover));
3271
- color: var(--ac-dropdown-item-hover-text, var(--a-text-action-hover));
3258
+ background-color: var(--ax-bg-accent-moderate-hoverA);
3272
3259
  }
3273
3260
 
3274
3261
  .navds-dropdown__item:active {
3275
- background-color: var(--ac-dropdown-item-active-bg, var(--a-surface-action-active));
3276
- color: var(--ac-dropdown-item-active-text, var(--a-text-on-action));
3262
+ background-color: var(--ax-bg-accent-moderate-pressedA);
3277
3263
  }
3278
3264
 
3279
3265
  .navds-dropdown__item:focus-visible {
3280
- outline-offset: -2px;
3281
- box-shadow: inset 0 0 0 2px var(--a-border-focus);
3282
- outline: 2px solid rgba(0, 0, 0, 0);
3283
- }
3284
-
3285
- @supports not selector(:focus-visible) {
3286
- .navds-dropdown__item:focus {
3287
- outline-offset: -2px;
3288
- box-shadow: inset 0 0 0 2px var(--a-border-focus);
3289
- outline: 2px solid rgba(0, 0, 0, 0);
3290
- }
3266
+ outline: 3px solid var(--ax-border-focus);
3267
+ outline-offset: -3px;
3291
3268
  }
3292
3269
 
3293
3270
  .navds-dropdown__item:disabled {
3294
- color: var(--ac-dropdown-item-text, var(--a-text-action));
3295
3271
  opacity: var(--ax-opacity-disabled);
3296
3272
  cursor: not-allowed;
3297
3273
  background: none;
@@ -3974,6 +3950,43 @@
3974
3950
  color: var(--ax-text-neutral-subtle);
3975
3951
  }
3976
3952
 
3953
+ .navds-link-panel {
3954
+ color: var(--ax-text-neutral);
3955
+ justify-content: space-between;
3956
+ align-items: center;
3957
+ gap: var(--ax-space-16);
3958
+ text-decoration: none;
3959
+ display: flex;
3960
+ }
3961
+
3962
+ .navds-link-panel:hover {
3963
+ border-color: var(--ax-border-accent);
3964
+ }
3965
+
3966
+ .navds-link-panel:hover .navds-link-panel__title {
3967
+ color: var(--ax-text-accent-subtle);
3968
+ text-decoration: underline;
3969
+ }
3970
+
3971
+ .navds-link-panel:focus-visible {
3972
+ outline: 3px solid var(--ax-border-focus);
3973
+ outline-offset: 3px;
3974
+ }
3975
+
3976
+ .navds-link-panel__chevron {
3977
+ flex-shrink: 0;
3978
+ font-size: 1.5rem;
3979
+ transition: transform .2s;
3980
+ }
3981
+
3982
+ .navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
3983
+ transform: translateX(4px);
3984
+ }
3985
+
3986
+ .navds-link-panel__description {
3987
+ margin-top: var(--a-space-4);
3988
+ }
3989
+
3977
3990
  .navds-loader {
3978
3991
  stroke-width: 6px;
3979
3992
  --__axc-loader-stroke-width: 5.9;
@@ -5024,14 +5037,14 @@
5024
5037
  }
5025
5038
 
5026
5039
  .navds-panel {
5027
- background-color: var(--ac-panel-bg, var(--a-surface-default));
5028
- padding: var(--a-spacing-4);
5029
- border-radius: var(--a-border-radius-small);
5040
+ background-color: var(--ax-bg-default);
5041
+ padding: var(--ax-space-16);
5042
+ border-radius: var(--ax-border-radius-small);
5030
5043
  border: 1px solid rgba(0, 0, 0, 0);
5031
5044
  }
5032
5045
 
5033
5046
  .navds-panel--border {
5034
- border-color: var(--ac-panel-border, var(--a-border-default));
5047
+ border-color: var(--ax-border-neutral);
5035
5048
  }
5036
5049
 
5037
5050
  .navds-read-more {