@navikt/ds-css 5.12.5 → 5.14.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 (54) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/accordion.css +11 -3
  3. package/button.css +58 -26
  4. package/chips.css +12 -4
  5. package/date.css +12 -4
  6. package/dist/component/accordion.css +11 -3
  7. package/dist/component/button.css +58 -26
  8. package/dist/component/chips.css +12 -4
  9. package/dist/component/date.css +12 -4
  10. package/dist/component/date.min.css +1 -1
  11. package/dist/component/expansioncard.css +6 -2
  12. package/dist/component/form.css +101 -42
  13. package/dist/component/form.min.css +1 -1
  14. package/dist/component/grid.min.css +1 -1
  15. package/dist/component/helptext.css +6 -2
  16. package/dist/component/helptext.min.css +1 -1
  17. package/dist/component/index.css +293 -113
  18. package/dist/component/index.min.css +3 -3
  19. package/dist/component/internalheader.min.css +1 -1
  20. package/dist/component/loader.min.css +1 -1
  21. package/dist/component/pagination.css +6 -2
  22. package/dist/component/primitives.css +11 -2
  23. package/dist/component/primitives.min.css +1 -1
  24. package/dist/component/table.css +3 -3
  25. package/dist/component/table.min.css +1 -1
  26. package/dist/component/tabs.min.css +1 -1
  27. package/dist/component/tag.css +18 -0
  28. package/dist/component/tag.min.css +1 -1
  29. package/dist/component/timeline.css +34 -16
  30. package/dist/component/timeline.min.css +1 -1
  31. package/dist/component/togglegroup.css +16 -6
  32. package/dist/component/typography.min.css +1 -1
  33. package/dist/components.css +294 -112
  34. package/dist/components.min.css +2 -2
  35. package/dist/global/baseline.min.css +1 -1
  36. package/dist/global/reset.min.css +1 -1
  37. package/dist/global/tokens.css +2 -1
  38. package/dist/global/tokens.min.css +1 -1
  39. package/dist/index.css +293 -113
  40. package/dist/index.min.css +3 -3
  41. package/expansioncard.css +6 -2
  42. package/form/combobox.css +21 -7
  43. package/form/radio-checkbox.css +46 -19
  44. package/form/search.css +22 -12
  45. package/form/switch.css +6 -2
  46. package/form/text-field.css +6 -2
  47. package/help-text.css +6 -2
  48. package/package.json +2 -2
  49. package/pagination.css +6 -2
  50. package/primitives/page.css +11 -2
  51. package/table.css +3 -3
  52. package/tag.css +18 -0
  53. package/timeline.css +34 -16
  54. package/toggle-group.css +16 -6
package/dist/component/date.min.css CHANGED
@@ -1 +1 @@
1
- .navds-date{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-date .rdp-day_range_middle.rdp-day_disabled{background:var(--ac-date-middle-bg,var(--a-surface-action-selected));color:var(--ac-date-middle-text,var(--a-text-on-action))}.navds-date .rdp-month,.navds-date.rdp-month{display:grid;gap:var(--a-spacing-5)}.navds-date__caption-label{text-transform:capitalize}.navds-date .rdp-head_cell{font-size:var(--a-font-size-small);text-transform:capitalize}.navds-date .rdp-weeknumber{align-items:center;border-radius:var(--a-border-radius-medium);display:flex;justify-content:center;margin:var(--a-spacing-2)}.navds-date .rdp-weeknumber,.navds-date .rdp-weeknumber.rdp-button{color:var(--a-text-subtle);font-size:var(--a-font-size-small);height:2rem;width:2rem}.navds-date .rdp-weeknumber.rdp-button{box-shadow:0 0 0 1px var(--a-border-default)}.navds-date .rdp-weeknumber.rdp-button:active{background-color:var(--a-surface-action-active);box-shadow:none;color:var(--a-text-on-action)}.navds-date__caption__month .navds-select__container select{text-transform:capitalize}.navds-date .rdp-button{all:unset;border-radius:var(--a-border-radius-medium);display:block;height:2.5rem;text-align:center;width:2.5rem}.navds-date .rdp-day_range_start{border-radius:var(--a-border-radius-xlarge) var(--a-border-radius-medium) var(--a-border-radius-medium) var(--a-border-radius-xlarge)}.navds-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--a-border-radius-medium) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge) var(--a-border-radius-medium)}.navds-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--a-border-radius-xlarge)}.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus-visible,.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus-visible{box-shadow:var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus,.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus{box-shadow:var(--a-shadow-focus)}}.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus-visible,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-date__month-button{all:unset;border-radius:var(--a-border-radius-medium);cursor:pointer;height:3rem;text-align:center;text-transform:capitalize;width:3rem}.navds-date__month-button:focus-visible,.navds-monthpicker__caption-button:focus-visible{box-shadow:var(--a-shadow-focus);z-index:1}@supports not selector(:focus-visible){.navds-date__month-button:focus,.navds-monthpicker__caption-button:focus{box-shadow:var(--a-shadow-focus);z-index:1}}.navds-date__year-label{align-items:center;display:flex}.navds-date__standalone-wrapper,.navds-date__wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-date .navds-date__field{display:flex;flex-direction:column;position:relative;width:100%}.navds-date__field-wrapper{align-items:center;display:inline-flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-date .rdp-day_selected,.navds-monthpicker__month--selected{background:var(--ac-date-selected-bg,var(--a-surface-action-selected));color:var(--ac-date-selected-text,var(--a-text-on-action));cursor:pointer}.navds-date .rdp-day_disabled{background-color:var(--ac-date-disabled-bg,var(--a-surface-neutral-subtle));color:var(--ac-date-disabled-text,var(--a-text-subtle));cursor:not-allowed;text-decoration:line-through}.navds-date .rdp-button:where(:not(.rdp-day_selected):not([disabled])):hover,.navds-date__month-button:where(:not(.rdp-day_selected):not([disabled])):hover{background:var(--ac-date-hover-bg,var(--a-surface-action-subtle-hover));cursor:pointer}.navds-date .rdp-day_today{box-shadow:0 0 0 1px var(--ac-date-today-border,var(--a-border-action-selected));text-decoration:underline}.navds-date__caption{align-items:center;display:flex;gap:var(--a-spacing-1);justify-content:space-between;padding-inline:var(--a-spacing-1)}.navds-date__caption-button,.navds-date__caption-button:disabled,.navds-date__caption-button:disabled:hover{color:var(--ac-date-caption-text,var(--a-text-default))}.navds-date__field-input{padding-right:var(--a-spacing-12)}.navds-form-field--small .navds-date__field-input{padding-right:var(--a-spacing-8)}.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled){border-color:var(--ac-date-input-error-border,var(--a-border-danger));box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger))}.navds-date__field--error .navds-date__field-input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date__field--error .navds-date__field-input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-date__field-button{align-items:center;background:none;border:none;border-end-start-radius:0;border-radius:calc(var(--a-border-radius-medium) - 1px);border-start-start-radius:0;color:var(--ac-date-input-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;font-size:1.5rem;height:calc(100% - .125rem);justify-content:center;margin:0;padding:var(--a-spacing-3);position:absolute;right:.0625rem;text-decoration:none;top:50%;transform:translateY(-50%)}.navds-form-field--small .navds-date__field-button{padding:var(--a-spacing-1)}.navds-date__field-button:hover:where(:not([disabled])){background-color:var(--ac-date-input-button-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-date-input-button-hover-text,var(--a-text-action-on-action-subtle))}.navds-form-field--disabled .navds-date__field-button{cursor:not-allowed;opacity:1}.navds-date__field-button:focus-visible{border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-date__field-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-date__caption__year{width:5rem}.navds-date .rdp-day_outside{pointer-events:none;visibility:hidden}.navds-date__field--readonly .navds-date__field-button{cursor:default}.navds-date__caption-button{height:2rem;width:2rem}.navds-date__week-row{align-items:center;display:flex;gap:var(--a-spacing-05)}.navds-date__week-wrapper{align-items:center;display:flex;justify-content:center;margin:0;width:2.5rem}.navds-date__modal.navds-date{padding:0}.navds-date__modal-body{align-items:flex-end;display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4)}.navds-date__modal-body>.navds-date{padding:0}.navds-date__popover:where(.navds-popover){border:none}@media (min-width:480px){.navds-date{padding:var(--a-spacing-5) var(--a-spacing-4)}.navds-date__modal-body{padding:var(--a-spacing-6)}.navds-date__caption{gap:var(--a-spacing-2)}.navds-date .rdp-button,.navds-date__caption-button{height:3rem;width:3rem}}
1
+ .navds-date{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-date .rdp-day_range_middle.rdp-day_disabled{background:var(--ac-date-middle-bg,var(--a-surface-action-selected));color:var(--ac-date-middle-text,var(--a-text-on-action))}.navds-date .rdp-month,.navds-date.rdp-month{display:grid;gap:var(--a-spacing-5)}.navds-date__caption-label{text-transform:capitalize}.navds-date .rdp-head_cell{font-size:var(--a-font-size-small);text-transform:capitalize}.navds-date .rdp-weeknumber{align-items:center;border-radius:var(--a-border-radius-medium);display:flex;justify-content:center;margin:var(--a-spacing-2)}.navds-date .rdp-weeknumber,.navds-date .rdp-weeknumber.rdp-button{color:var(--a-text-subtle);font-size:var(--a-font-size-small);height:2rem;width:2rem}.navds-date .rdp-weeknumber.rdp-button{box-shadow:0 0 0 1px var(--a-border-default)}.navds-date .rdp-weeknumber.rdp-button:active{background-color:var(--a-surface-action-active);box-shadow:none;color:var(--a-text-on-action)}.navds-date__caption__month .navds-select__container select{text-transform:capitalize}.navds-date .rdp-button{all:unset;border-radius:var(--a-border-radius-medium);display:block;height:2.5rem;text-align:center;width:2.5rem}.navds-date .rdp-day_range_start{border-radius:var(--a-border-radius-xlarge) var(--a-border-radius-medium) var(--a-border-radius-medium) var(--a-border-radius-xlarge)}.navds-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--a-border-radius-medium) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge) var(--a-border-radius-medium)}.navds-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--a-border-radius-xlarge)}.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus-visible,.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus-visible{box-shadow:var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus,.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus{box-shadow:var(--a-shadow-focus)}}.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus-visible,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-date__month-button{all:unset;border-radius:var(--a-border-radius-medium);cursor:pointer;height:3rem;text-align:center;text-transform:capitalize;width:3rem}.navds-date__month-button:focus-visible,.navds-monthpicker__caption-button:focus-visible{box-shadow:var(--a-shadow-focus);z-index:1}@supports not selector(:focus-visible){.navds-date__month-button:focus,.navds-monthpicker__caption-button:focus{box-shadow:var(--a-shadow-focus);z-index:1}}.navds-date__year-label{align-items:center;display:flex}.navds-date__standalone-wrapper,.navds-date__wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-date .navds-date__field{display:flex;flex-direction:column;position:relative;width:100%}.navds-date__field-wrapper{align-items:center;display:inline-flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-date .rdp-day_selected,.navds-monthpicker__month--selected{background:var(--ac-date-selected-bg,var(--a-surface-action-selected));color:var(--ac-date-selected-text,var(--a-text-on-action));cursor:pointer}.navds-date .rdp-day_disabled{background-color:var(--ac-date-disabled-bg,var(--a-surface-neutral-subtle));color:var(--ac-date-disabled-text,var(--a-text-subtle));cursor:not-allowed;text-decoration:line-through}.navds-date .rdp-button:where(:not(.rdp-day_selected):not([disabled])):hover,.navds-date__month-button:where(:not(.rdp-day_selected):not([disabled])):hover{background:var(--ac-date-hover-bg,var(--a-surface-action-subtle-hover));cursor:pointer}.navds-date .rdp-day_today{box-shadow:0 0 0 1px var(--ac-date-today-border,var(--a-border-action-selected));text-decoration:underline}.navds-date__caption{align-items:center;display:flex;gap:var(--a-spacing-1);justify-content:space-between;padding-inline:var(--a-spacing-1)}.navds-date__caption-button,.navds-date__caption-button:disabled,.navds-date__caption-button:disabled:hover{color:var(--ac-date-caption-text,var(--a-text-default))}.navds-date__field-input{padding-right:var(--a-spacing-12)}.navds-form-field--small .navds-date__field-input{padding-right:var(--a-spacing-8)}.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled){border-color:var(--ac-date-input-error-border,var(--a-border-danger));box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger))}.navds-date__field--error .navds-date__field-input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date__field--error .navds-date__field-input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-date__field-button{align-items:center;background:none;border:none;border-radius:calc(var(--a-border-radius-medium) - 1px);border-end-start-radius:0;border-start-start-radius:0;color:var(--ac-date-input-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;font-size:1.5rem;height:calc(100% - .125rem);justify-content:center;margin:0;padding:var(--a-spacing-3);position:absolute;right:.0625rem;text-decoration:none;top:50%;transform:translateY(-50%)}.navds-form-field--small .navds-date__field-button{padding:var(--a-spacing-1)}.navds-date__field-button:hover:where(:not([disabled])){background-color:var(--ac-date-input-button-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-date-input-button-hover-text,var(--a-text-action-on-action-subtle))}.navds-form-field--disabled .navds-date__field-button{cursor:not-allowed;opacity:1}.navds-date__field-button:focus-visible{border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-date__field-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-date__caption__year{width:5rem}.navds-date .rdp-day_outside{pointer-events:none;visibility:hidden}.navds-date__field--readonly .navds-date__field-button{cursor:default}.navds-date__caption-button{height:2rem;width:2rem}.navds-date__week-row{align-items:center;display:flex;gap:var(--a-spacing-05)}.navds-date__week-wrapper{align-items:center;display:flex;justify-content:center;margin:0;width:2.5rem}.navds-date__modal.navds-date{padding:0}.navds-date__modal-body{align-items:flex-end;display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4)}.navds-date__modal-body>.navds-date{padding:0}.navds-date__popover:where(.navds-popover){border:none}@media (min-width:480px){.navds-date{padding:var(--a-spacing-5) var(--a-spacing-4)}.navds-date__modal-body{padding:var(--a-spacing-6)}.navds-date__caption{gap:var(--a-spacing-2)}.navds-date .rdp-button,.navds-date__caption-button{height:3rem;width:3rem}}
package/dist/component/expansioncard.css CHANGED
@@ -61,7 +61,9 @@
61
61
 
62
62
  .navds-expansioncard--open > :where(.navds-expansioncard__header):hover {
63
63
  background-color: var(--ac-expansioncard-header-bg-hover, var(--a-surface-hover));
64
- box-shadow: 1px 0 0 0 var(--__ac-expansioncard-border-color), -1px 0 0 0 var(--__ac-expansioncard-border-color),
64
+ box-shadow:
65
+ 1px 0 0 0 var(--__ac-expansioncard-border-color),
66
+ -1px 0 0 0 var(--__ac-expansioncard-border-color),
65
67
  0 -1px 0 0 var(--__ac-expansioncard-border-color);
66
68
  }
67
69
 
@@ -193,7 +195,9 @@
193
195
  }
194
196
 
195
197
  :where(.navds-expansioncard__header):hover + .navds-expansioncard__content {
196
- box-shadow: 1px 0 0 0 var(--__ac-expansioncard-border-color), -1px 0 0 0 var(--__ac-expansioncard-border-color),
198
+ box-shadow:
199
+ 1px 0 0 0 var(--__ac-expansioncard-border-color),
200
+ -1px 0 0 0 var(--__ac-expansioncard-border-color),
197
201
  0 1px 0 0 var(--__ac-expansioncard-border-color);
198
202
  }
199
203
 
package/dist/component/form.css CHANGED
@@ -235,23 +235,31 @@
235
235
  }
236
236
  .navds-checkbox__input:focus-visible + .navds-checkbox__label::before,
237
237
  .navds-radio__input:focus-visible + .navds-radio__label::before {
238
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)),
239
- 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
238
+ box-shadow:
239
+ 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)),
240
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)),
241
+ 0 0 0 4px var(--a-border-focus);
240
242
  }
241
243
  @supports not selector(:focus-visible) {
242
244
  .navds-checkbox__input:focus + .navds-checkbox__label::before,
243
245
  .navds-radio__input:focus + .navds-radio__label::before {
244
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)), 0 0 0 4px var(--a-border-focus);
246
+ box-shadow:
247
+ 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)),
248
+ 0 0 0 4px var(--a-border-focus);
245
249
  }
246
250
  }
247
251
  .navds-checkbox__input:hover:focus-visible + .navds-checkbox__label::before,
248
252
  .navds-radio__input:hover:focus-visible + .navds-radio__label::before {
249
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), 0 0 0 4px var(--a-border-focus);
253
+ box-shadow:
254
+ 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
255
+ 0 0 0 4px var(--a-border-focus);
250
256
  }
251
257
  @supports not selector(:focus-visible) {
252
258
  .navds-checkbox__input:hover:focus + .navds-checkbox__label::before,
253
259
  .navds-radio__input:hover:focus + .navds-radio__label::before {
254
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), 0 0 0 4px var(--a-border-focus);
260
+ box-shadow:
261
+ 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
262
+ 0 0 0 4px var(--a-border-focus);
255
263
  }
256
264
  }
257
265
  .navds-checkbox__input:indeterminate + .navds-checkbox__label::before {
@@ -299,29 +307,38 @@
299
307
  }
300
308
  .navds-checkbox__input:indeterminate:focus-visible + .navds-checkbox__label::before,
301
309
  .navds-checkbox__input:checked:focus-visible + .navds-checkbox__label::before {
302
- box-shadow: 0 0 0 1px var(--ac-radio-checkbox-action, var(--a-surface-action)),
303
- 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
310
+ box-shadow:
311
+ 0 0 0 1px var(--ac-radio-checkbox-action, var(--a-surface-action)),
312
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)),
313
+ 0 0 0 4px var(--a-border-focus);
304
314
  }
305
315
  @supports not selector(:focus-visible) {
306
316
  .navds-checkbox__input:indeterminate:focus + .navds-checkbox__label::before,
307
317
  .navds-checkbox__input:checked:focus + .navds-checkbox__label::before {
308
- box-shadow: 0 0 0 1px var(--ac-radio-checkbox-action, var(--a-surface-action)),
309
- 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
318
+ box-shadow:
319
+ 0 0 0 1px var(--ac-radio-checkbox-action, var(--a-surface-action)),
320
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)),
321
+ 0 0 0 4px var(--a-border-focus);
310
322
  }
311
323
  }
312
324
  .navds-radio__input:checked + .navds-radio__label::before {
313
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
325
+ box-shadow:
326
+ 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
314
327
  inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default));
315
328
  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
316
329
  }
317
330
  .navds-radio__input:checked:focus-visible + .navds-radio__label::before {
318
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
319
- inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
331
+ box-shadow:
332
+ 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
333
+ inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)),
334
+ 0 0 0 4px var(--a-border-focus);
320
335
  }
321
336
  @supports not selector(:focus-visible) {
322
337
  .navds-radio__input:checked:focus + .navds-radio__label::before {
323
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
324
- inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
338
+ box-shadow:
339
+ 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
340
+ inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)),
341
+ 0 0 0 4px var(--a-border-focus);
325
342
  }
326
343
  }
327
344
  .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label,
@@ -353,14 +370,18 @@
353
370
  > .navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
354
371
  + .navds-checkbox__label::before,
355
372
  .navds-radio--error > .navds-radio__input:focus-visible:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
356
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), 0 0 0 4px var(--a-border-focus);
373
+ box-shadow:
374
+ 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)),
375
+ 0 0 0 4px var(--a-border-focus);
357
376
  }
358
377
  @supports not selector(:focus-visible) {
359
378
  .navds-checkbox--error
360
379
  > .navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
361
380
  + .navds-checkbox__label::before,
362
381
  .navds-radio--error > .navds-radio__input:focus:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
363
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), 0 0 0 4px var(--a-border-focus);
382
+ box-shadow:
383
+ 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)),
384
+ 0 0 0 4px var(--a-border-focus);
364
385
  }
365
386
  }
366
387
  .navds-checkbox--error
@@ -375,7 +396,9 @@
375
396
  + .navds-checkbox__label::before,
376
397
  .navds-radio--error > .navds-radio__input:focus-visible:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
377
398
  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
378
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), 0 0 0 4px var(--a-border-focus);
399
+ box-shadow:
400
+ 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)),
401
+ 0 0 0 4px var(--a-border-focus);
379
402
  }
380
403
  @supports not selector(:focus-visible) {
381
404
  .navds-checkbox--error
@@ -391,7 +414,9 @@
391
414
  + .navds-checkbox__label::before,
392
415
  .navds-radio--error > .navds-radio__input:focus:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
393
416
  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
394
- box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), 0 0 0 4px var(--a-border-focus);
417
+ box-shadow:
418
+ 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)),
419
+ 0 0 0 4px var(--a-border-focus);
395
420
  }
396
421
  }
397
422
  .navds-checkbox--disabled,
@@ -440,7 +465,9 @@
440
465
  }
441
466
  .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label::before {
442
467
  background-color: var(--a-icon-subtle);
443
- box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border), inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-bg);
468
+ box-shadow:
469
+ 0 0 0 2px var(--__ac-radio-checkbox-readonly-border),
470
+ inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-bg);
444
471
  }
445
472
  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label::before {
446
473
  box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
@@ -619,11 +646,15 @@
619
646
  background-color: var(--ac-switch-checked-bg, var(--a-border-action-selected));
620
647
  }
621
648
  .navds-switch__input:focus-visible ~ .navds-switch__track {
622
- box-shadow: 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
649
+ box-shadow:
650
+ 0 0 0 1px var(--a-surface-default),
651
+ var(--a-shadow-focus);
623
652
  }
624
653
  @supports not selector(:focus-visible) {
625
654
  .navds-switch__input:focus ~ .navds-switch__track {
626
- box-shadow: 0 0 0 1px var(--a-surface-default), var(--a-shadow-focus);
655
+ box-shadow:
656
+ 0 0 0 1px var(--a-surface-default),
657
+ var(--a-shadow-focus);
627
658
  }
628
659
  }
629
660
  /* Thumb */
@@ -747,11 +778,15 @@
747
778
  box-shadow: 0 0 0 1px var(--ac-textfield-error-border, var(--__ac-textfield-error-border, var(--a-border-danger)));
748
779
  }
749
780
  .navds-text-field--error > .navds-text-field__input:focus-visible:not(:hover):not(:disabled) {
750
- box-shadow: 0 0 0 1px var(--a-border-danger), var(--a-shadow-focus);
781
+ box-shadow:
782
+ 0 0 0 1px var(--a-border-danger),
783
+ var(--a-shadow-focus);
751
784
  }
752
785
  @supports not selector(:focus-visible) {
753
786
  .navds-text-field--error > .navds-text-field__input:focus:not(:hover):not(:disabled) {
754
- box-shadow: 0 0 0 1px var(--a-border-danger), var(--a-shadow-focus);
787
+ box-shadow:
788
+ 0 0 0 1px var(--a-border-danger),
789
+ var(--a-shadow-focus);
755
790
  }
756
791
  }
757
792
  /* Disabled handling */
@@ -971,13 +1006,14 @@
971
1006
  min-width: 2.5rem;
972
1007
  }
973
1008
  .navds-search__button-search.navds-button--secondary {
974
- box-shadow: -1px 0 0 0 var(--ac-search-button-border, var(--__ac-search-button-border, var(--a-border-default))) inset,
1009
+ box-shadow:
1010
+ -1px 0 0 0 var(--ac-search-button-border, var(--__ac-search-button-border, var(--a-border-default))) inset,
975
1011
  0 1px 0 0 var(--ac-search-button-border, var(--__ac-search-button-border, var(--a-border-default))) inset,
976
1012
  0 -1px 0 0 var(--ac-search-button-border, var(--__ac-search-button-border, var(--a-border-default))) inset;
977
1013
  }
978
1014
  .navds-search__button-search.navds-button--secondary:hover {
979
- box-shadow: -1px 0 0 0 var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action)))
980
- inset,
1015
+ box-shadow:
1016
+ -1px 0 0 0 var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action))) inset,
981
1017
  0 1px 0 0 var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action))) inset,
982
1018
  0 -1px 0 0 var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action))) inset,
983
1019
  -1px 0 0 0 var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action)));
@@ -987,30 +1023,37 @@
987
1023
  z-index: auto;
988
1024
  }
989
1025
  .navds-search__button-search.navds-button--secondary:focus-visible {
990
- box-shadow: 0 0 0 1px var(--ac-search-button-border, var(--__ac-search-button-border, var(--a-border-default))) inset,
1026
+ box-shadow:
1027
+ 0 0 0 1px var(--ac-search-button-border, var(--__ac-search-button-border, var(--a-border-default))) inset,
991
1028
  var(--a-shadow-focus);
992
1029
  }
993
1030
  .navds-search__button-search.navds-button--secondary:focus-visible:hover {
994
- box-shadow: 0 0 0 1px var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action))) inset,
1031
+ box-shadow:
1032
+ 0 0 0 1px var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action))) inset,
995
1033
  var(--a-shadow-focus);
996
1034
  }
997
1035
  .navds-search__button-search.navds-button--secondary:focus-visible:active {
998
- box-shadow: 0 0 0 1px var(--ac-search-button-focus-active-border, var(--a-surface-default)) inset, var(--a-shadow-focus);
1036
+ box-shadow:
1037
+ 0 0 0 1px var(--ac-search-button-focus-active-border, var(--a-surface-default)) inset,
1038
+ var(--a-shadow-focus);
999
1039
  }
1000
1040
  @supports not selector(:focus-visible) {
1001
1041
  .navds-search__button-search.navds-button--secondary:focus {
1002
- box-shadow: 0 0 0 1px var(--ac-search-button-border, var(--__ac-search-button-border, var(--a-border-default))) inset,
1042
+ box-shadow:
1043
+ 0 0 0 1px var(--ac-search-button-border, var(--__ac-search-button-border, var(--a-border-default))) inset,
1003
1044
  var(--a-shadow-focus);
1004
1045
  }
1005
1046
 
1006
1047
  .navds-search__button-search.navds-button--secondary:focus:hover {
1007
- box-shadow: 0 0 0 1px var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action)))
1008
- inset,
1048
+ box-shadow:
1049
+ 0 0 0 1px var(--ac-search-button-border-hover, var(--__ac-search-button-border-hover, var(--a-border-action))) inset,
1009
1050
  var(--a-shadow-focus);
1010
1051
  }
1011
1052
 
1012
1053
  .navds-search__button-search.navds-button--secondary:focus:active {
1013
- box-shadow: 0 0 0 1px var(--ac-search-button-focus-active-border, var(--a-surface-default)) inset, var(--a-shadow-focus);
1054
+ box-shadow:
1055
+ 0 0 0 1px var(--ac-search-button-focus-active-border, var(--a-surface-default)) inset,
1056
+ var(--a-shadow-focus);
1014
1057
  }
1015
1058
  }
1016
1059
  /* Error-handling */
@@ -1019,7 +1062,8 @@
1019
1062
  box-shadow: inset 0 0 0 1px var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger)));
1020
1063
  }
1021
1064
  .navds-search--error .navds-search__input:focus-visible:not(:hover):not(:disabled) {
1022
- box-shadow: inset 0 0 0 1px var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger))),
1065
+ box-shadow:
1066
+ inset 0 0 0 1px var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger))),
1023
1067
  var(--a-shadow-focus);
1024
1068
  }
1025
1069
  /* Focus layering */
@@ -1030,7 +1074,8 @@
1030
1074
  }
1031
1075
  @supports not selector(:focus-visible) {
1032
1076
  .navds-search--error .navds-search__input:focus:not(:hover):not(:disabled) {
1033
- box-shadow: inset 0 0 0 1px var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger))),
1077
+ box-shadow:
1078
+ inset 0 0 0 1px var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger))),
1034
1079
  var(--a-shadow-focus);
1035
1080
  }
1036
1081
 
@@ -1073,7 +1118,9 @@
1073
1118
  }
1074
1119
  .navds-combobox--error
1075
1120
  .navds-text-field__input:not(:hover):not(:disabled):not(.navds-combobox__wrapper-inner--virtually-unfocused):focus-within {
1076
- box-shadow: 0 0 0 1px var(--ac-combobox-error-border, var(--a-border-danger)), var(--a-shadow-focus);
1121
+ box-shadow:
1122
+ 0 0 0 1px var(--ac-combobox-error-border, var(--a-border-danger)),
1123
+ var(--a-shadow-focus);
1077
1124
  }
1078
1125
  .navds-combobox__selected-options {
1079
1126
  gap: var(--a-spacing-2);
@@ -1115,7 +1162,9 @@
1115
1162
  box-shadow: none;
1116
1163
  }
1117
1164
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
1118
- box-shadow: 0 0 0 1px var(--a-surface-default) inset, var(--a-shadow-focus);
1165
+ box-shadow:
1166
+ 0 0 0 1px var(--a-surface-default) inset,
1167
+ var(--a-shadow-focus);
1119
1168
  box-shadow: var(--a-shadow-focus);
1120
1169
  }
1121
1170
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
@@ -1129,7 +1178,9 @@
1129
1178
  }
1130
1179
 
1131
1180
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus) {
1132
- box-shadow: 0 0 0 1px var(--a-surface-default) inset, var(--a-shadow-focus);
1181
+ box-shadow:
1182
+ 0 0 0 1px var(--a-surface-default) inset,
1183
+ var(--a-shadow-focus);
1133
1184
  box-shadow: var(--a-shadow-focus);
1134
1185
  }
1135
1186
 
@@ -1139,7 +1190,9 @@
1139
1190
  }
1140
1191
  @supports not selector(:has) {
1141
1192
  .navds-combobox--focused .navds-combobox__wrapper-inner {
1142
- box-shadow: 0 0 0 1px var(--a-surface-default) inset, var(--a-shadow-focus);
1193
+ box-shadow:
1194
+ 0 0 0 1px var(--a-surface-default) inset,
1195
+ var(--a-shadow-focus);
1143
1196
  box-shadow: var(--a-shadow-focus);
1144
1197
  }
1145
1198
 
@@ -1187,13 +1240,17 @@
1187
1240
  color: var(--ac-combobox-clear-icon-hover, var(--a-text-action-selected));
1188
1241
  }
1189
1242
  .navds-combobox__button-toggle-list:focus-visible {
1190
- box-shadow: 0 0 0 1px var(--a-surface-default) inset, var(--a-shadow-focus);
1243
+ box-shadow:
1244
+ 0 0 0 1px var(--a-surface-default) inset,
1245
+ var(--a-shadow-focus);
1191
1246
  box-shadow: var(--a-shadow-focus);
1192
1247
  outline: none;
1193
1248
  }
1194
1249
  @supports not selector(:focus-visible) {
1195
1250
  .navds-combobox__button-toggle-list:focus {
1196
- box-shadow: 0 0 0 1px var(--a-surface-default) inset, var(--a-shadow-focus);
1251
+ box-shadow:
1252
+ 0 0 0 1px var(--a-surface-default) inset,
1253
+ var(--a-shadow-focus);
1197
1254
  box-shadow: var(--a-shadow-focus);
1198
1255
  outline: none;
1199
1256
  }
@@ -1295,7 +1352,9 @@
1295
1352
  background: var(--a-surface-neutral-subtle-hover);
1296
1353
  }
1297
1354
  .navds-combobox__list-item__new-option--focus {
1298
- box-shadow: var(--a-shadow-focus) inset, var(--a-border-action) 0 0 0 5px inset;
1355
+ box-shadow:
1356
+ var(--a-shadow-focus) inset,
1357
+ var(--a-border-action) 0 0 0 5px inset;
1299
1358
  border-radius: calc(var(--a-border-radius-medium) - 1px);
1300
1359
  }
1301
1360
  /* Mobile */
package/dist/component/form.min.css CHANGED
@@ -1 +1 @@
1
- [data-theme=dark]{--__ac-form-description:var(--a-text-on-inverted);--__ac-textfield-text:var(--a-text-on-inverted);--__ac-textfield-bg:var(--a-surface-inverted);--__ac-textfield-border:var(--a-border-on-inverted);--__ac-textfield-hover-border:var(--a-blue-200);--__ac-textfield-placeholder:var(--a-gray-500);--__ac-textfield-error-border:var(--a-red-300);--__ac-textarea-text:var(--a-text-on-inverted);--__ac-textarea-bg:var(--a-transparent);--__ac-textarea-border:var(--a-border-on-inverted);--__ac-textarea-hover-border:var(--a-blue-200);--__ac-textarea-placeholder:var(--a-gray-500);--__ac-textarea-error-border:var(--a-red-300);--__ac-textarea-counter-text:var(--a-gray-300);--__ac-textarea-counter-error-text:var(--a-red-300);--__ac-search-button-border:var(--a-border-on-inverted);--__ac-search-button-border-hover:var(--a-blue-200);--__ac-search-clear-icon:var(--a-white);--__ac-search-clear-icon-hover:var(--a-blue-200);--__ac-search-error-border:var(--a-red-300)}[data-theme=light]{--__ac-form-description:initial;--__ac-textfield-text:initial;--__ac-textfield-bg:initial;--__ac-textfield-border:initial;--__ac-textfield-hover-border:initial;--__ac-textfield-placeholder:initial;--__ac-textfield-error-border:initial;--__ac-textarea-text:initial;--__ac-textarea-bg:initial;--__ac-textarea-border:initial;--__ac-textarea-hover-border:initial;--__ac-textarea-placeholder:initial;--__ac-textarea-error-border:initial;--__ac-textarea-counter-text:initial;--__ac-textarea-counter-error-text:initial;--__ac-search-button-border:initial;--__ac-search-button-border-hover:initial;--__ac-search-clear-icon:initial;--__ac-search-clear-icon-hover:initial;--__ac-search-error-border:initial}.navds-fieldset{border:0;margin:0;min-width:0;padding:0}.navds-fieldset>:not(:first-child):not(:empty){margin-top:var(--a-spacing-2)}.navds-fieldset__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)))}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child):not(: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:.3}.navds-form-field{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-form-field__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)));margin-top:-.375rem}.navds-fieldset .navds-error-message,.navds-form-field .navds-error-message{display:flex;gap:var(--a-spacing-2)}.navds-fieldset .navds-error-message:before,.navds-form-field .navds-error-message:before{content:"•"}.navds-form-field--disabled{cursor:not-allowed;opacity:.3}.navds-form-field__error:empty{display:none}.navds-form-field__subdescription{color:var(--ac-form-subdescription,var(--a-text-subtle))}.navds-form-field--readonly>:where(.navds-form-field__label){display:inline-flex}.navds-form-field__readonly-icon{align-self:flex-start;flex-shrink:0;margin-right:var(--a-spacing-2);margin-top:var(--a-spacing-05)}.navds-error-summary{background-color:var(--ac-error-summary-bg,var(--a-surface-default));border:4px solid var(--ac-error-summary-border,var(--a-border-danger));border-radius:var(--a-border-radius-large);padding:var(--a-spacing-5)}.navds-error-summary--small{padding:var(--a-spacing-3)}.navds-error-summary:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-error-summary:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-error-summary__list{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:inherit;margin:var(--a-spacing-3) 0;padding-left:var(--a-spacing-6)}.navds-error-summary__list>*{color:var(--ac-error-summary-list-dot,var(--a-text-action))}.navds-error-summary--small>.navds-error-summary__list{gap:var(--a-spacing-2);margin:var(--a-spacing-2) 0;padding-left:var(--a-spacing-5)}.navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-bg,var(--a-surface-warning-subtle));border:1px solid var(--ac-confirmation-panel-border,var(--a-border-warning));border-radius:var(--a-border-radius-medium);display:flex;flex-direction:column;gap:var(--a-spacing-3);justify-self:stretch;padding:var(--a-spacing-4);transition:background-color .1s linear}.navds-confirmation-panel__content{max-width:80ch}.navds-confirmation-panel--checked .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-checked-bg,var(--a-surface-success-subtle));border-color:var(--ac-confirmation-panel-checked-border,var(--a-border-success))}.navds-confirmation-panel--error .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-confirmation-panel-error-border,var(--a-border-danger))}.navds-checkbox,.navds-radio{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-checkbox__input,.navds-radio__input{cursor:pointer;height:3rem;left:-.75rem;opacity:0;position:absolute;top:0;width:3rem;z-index:1}.navds-checkbox__label,.navds-radio__label{--__ac-radio-checkbox-readonly-bg:var(--a-surface-subtle);--__ac-radio-checkbox-readonly-border:var(--a-border-subtle);cursor:pointer;display:flex;gap:var(--a-spacing-2);padding:var(--a-spacing-3) 0}.navds-checkbox__label:before,.navds-radio__label:before{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:var(--a-border-radius-small);box-shadow:0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default));content:"";flex-shrink:0;height:1.25rem;margin-block:2px;margin-inline:2px;width:1.25rem}.navds-radio__label:before{border-radius:var(--a-border-radius-full)}.navds-checkbox__content,.navds-radio__content{display:flex;flex-direction:column;gap:.125rem}.navds-checkbox--small>.navds-checkbox__input,.navds-radio--small>.navds-radio__input{height:2rem;left:-.375rem;top:0;width:2rem}.navds-checkbox--small>.navds-checkbox__label,.navds-radio--small>.navds-radio__label{padding:var(--a-spacing-1-alt) 0}.navds-checkbox--small>.navds-checkbox__label:before,.navds-radio--small>.navds-radio__label:before{height:1rem;width:1rem}.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio__input:focus-visible+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox__input:hover:focus-visible+.navds-checkbox__label:before,.navds-radio__input:hover:focus-visible+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:hover:focus+.navds-checkbox__label:before,.navds-radio__input:hover:focus+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:1px;content:"";flex-shrink:0;height:.25rem;position:absolute;top:50%;transform:translate(var(--a-spacing-1-alt),-50%);width:.75rem}.navds-checkbox--small .navds-checkbox__input:indeterminate+.navds-checkbox__label:after{transform:translate(.25rem,-50%)}.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}.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(--ac-radio-checkbox-bg,var(--a-surface-default));height:1.5rem;pointer-events:none;position:absolute;transform:translate(var(--a-spacing-1-alt))}.navds-checkbox--small .navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{transform:translate(.25rem,-10%)}.navds-checkbox__icon>svg{display:inline;vertical-align:initial}.navds-checkbox--small>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-position:.25rem}.navds-checkbox__input:checked:focus-visible+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus-visible+.navds-checkbox__label:before{box-shadow:0 0 0 1px var(--ac-radio-checkbox-action,var(--a-surface-action)),0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:checked:focus+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus+.navds-checkbox__label:before{box-shadow:0 0 0 1px var(--ac-radio-checkbox-action,var(--a-surface-action)),0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}}.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default))}.navds-radio__input:checked:focus-visible+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-radio__input:checked:focus+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:var(--ac-radio-checkbox-action,var(--a-surface-action))}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}@supports not selector(:focus-visible){.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action-hover-bg,var(--a-surface-action-subtle))}.navds-checkbox--error>.navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox--disabled,.navds-radio--disabled{opacity:.3}.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(--a-text-default)}.navds-checkbox--readonly>.navds-checkbox__input:hover:not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-checkbox--readonly>.navds-checkbox__input:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:hover:not(:checked):not(:focus-visible)+.navds-radio__label:before,.navds-radio--readonly>.navds-radio__input:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:focus-visible+.navds-radio__label:before{--__ac-radio-checkbox-readonly-border:var(--a-border-subtle),var(--a-shadow-focus)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--a-icon-subtle)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--a-icon-subtle);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border),inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-bg)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--a-icon-subtle)}.navds-select__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);box-sizing:border-box;color:var(--ac-select-text,var(--a-text-default));display:inline-block;min-height:3rem;padding:.5rem 2rem .5rem .5rem;position:relative;width:100%}.navds-select__input:hover{border-color:var(--ac-select-hover-bg,var(--a-border-action));cursor:pointer}.navds-select__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-select__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-select__container{color:var(--a-text-default);display:flex;position:relative;width:100%}.navds-select__chevron{align-self:center;color:var(--ac-select-text,var(--a-text-default));font-size:1.5rem;pointer-events:none;position:absolute;right:var(--a-spacing-2)}.navds-form-field--small .navds-select__input{min-height:2rem;padding:0 var(--a-spacing-8) 0 var(--a-spacing-2)}.navds-form-field--small .navds-select__chevron{right:var(--a-spacing-1-alt)}.navds-select--error>* select:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-select-error-border,var(--a-surface-danger));box-shadow:0 0 0 1px var(--ac-select-error-border,var(--a-surface-danger))}.navds-select__input:disabled{background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));box-shadow:none;color:var(--a-text-default);cursor:not-allowed;opacity:1}.navds-select__input:disabled>option{color:var(--a-text-default)}.navds-select--readonly .navds-select__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-switch{min-height:3rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-switch--right{width:auto}.navds-switch--small{min-height:2rem;position:relative}.navds-switch__input{cursor:pointer;height:3rem;opacity:0;position:absolute;top:0;width:3rem;z-index:1}.navds-switch--small>.navds-switch__input{height:2rem;top:0}.navds-switch__label-wrapper{color:var(--a-text-default);cursor:pointer}.navds-switch__content{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 0 .75rem 3.25rem}.navds-switch--right>.navds-switch__label-wrapper>.navds-switch__content{padding:.75rem 3.25rem .75rem 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 0 calc(var(--a-spacing-2) - var(--a-spacing-05)) 3.25rem}.navds-switch--right.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 3.25rem calc(var(--a-spacing-2) - var(--a-spacing-05)) 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch--with-description,.navds-switch--with-description{padding-bottom:0}.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:var(--ac-switch-action,var(--a-surface-action-selected))}.navds-switch__input:disabled:hover~.navds-switch__label-wrapper{color:inherit}.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-full);height:1.5rem;left:0;position:absolute;top:var(--a-spacing-3);transition:background-color .25s cubic-bezier(.4,0,.2,1);width:2.75rem}.navds-switch--small>.navds-switch__track{top:var(--a-spacing-1)}.navds-switch--right>.navds-switch__input,.navds-switch--right>.navds-switch__track{left:auto;right:0}.navds-switch__input:checked~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-surface-action-selected))}.navds-switch__input:hover~.navds-switch__track{background-color:var(--ac-switch-hover-bg,var(--a-surface-neutral-hover))}.navds-switch__input:hover:checked~.navds-switch__track{background-color:var(--ac-switch-checked-hover-bg,var(--a-surface-action-selected-hover))}.navds-switch__input:disabled~.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral))}.navds-switch__input:checked:disabled~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-border-action-selected))}.navds-switch__input:focus-visible~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-switch__input:focus~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-switch__thumb{align-items:center;background-color:var(--ac-switch-thumb-bg,var(--a-surface-default));border-radius:var(--a-border-radius-full);color:var(--ac-switch-thumb-icon,var(--a-icon-subtle));display:flex;height:1.25rem;justify-content:center;left:var(--a-spacing-05);position:absolute;top:var(--a-spacing-05);transform:translateX(0);transition:transform .25s cubic-bezier(.4,0,.2,1);width:1.25rem}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--ac-switch-thumb-icon-checked,var(--a-icon-action-selected));transform:translateX(1.25rem)}@media (hover:hover) and (pointer:fine){.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(.125rem)}.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.125rem)}}.navds-switch__input:disabled:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(0)}.navds-switch__input:checked:disabled:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.25rem)}.navds-switch__input:disabled{-webkit-appearance:none;appearance:none}.navds-switch--disabled:not(.navds-switch--loading){opacity:.3}.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(--a-surface-neutral-moderate)}.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(--a-text-default)}.navds-switch--readonly .navds-switch__label{display:inline-flex}.navds-switch--readonly .navds-switch__thumb{background-color:var(--a-surface-subtle);box-shadow:0 0 0 2px var(--a-border-default)}.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--a-icon-subtle)}@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)}}.navds-text-field__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textfield-bg,var(--__ac-textfield-bg,var(--a-surface-default)));border:1px solid var(--ac-textfield-border,var(--__ac-textfield-border,var(--a-border-default)));border-radius:var(--a-border-radius-medium);color:var(--ac-textfield-text,var(--__ac-textfield-text,var(--a-text-default)));min-height:3rem;padding:var(--a-spacing-2);width:100%}.navds-text-field__input[size]{width:auto}.navds-text-field__input::placeholder{color:var(--ac-textfield-placeholder,var(--__ac-textfield-placeholder,var(--a-text-subtle)))}.navds-form-field--small .navds-text-field__input{min-height:2rem;padding:0 var(--a-spacing-2)}.navds-text-field__input:hover{border-color:var(--ac-textfield-hover-border,var(--__ac-textfield-hover-border,var(--a-border-action)))}.navds-text-field__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-text-field__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-text-field--error>.navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-textfield-error-border,var(--__ac-textfield-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textfield-error-border,var(--__ac-textfield-error-border,var(--a-border-danger)))}.navds-text-field--error>.navds-text-field__input:focus-visible:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-text-field--error>.navds-text-field__input:focus:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}}.navds-text-field__input:disabled{background-color:var(--ac-textfield-bg,var(--__ac-textfield-bg,var(--a-surface-default)));border-color:var(--ac-textfield-border,var(--__ac-textfield-border,var(--a-border-default)));box-shadow:none;cursor:not-allowed}.navds-text-field--readonly .navds-text-field__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-text-field__input[type=search]::-webkit-search-cancel-button,.navds-text-field__input[type=search]::-webkit-search-decoration,.navds-text-field__input[type=search]::-webkit-search-results-button,.navds-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.navds-textarea__wrapper{--__ac-textarea-height:initial;min-width:100%;position:relative}.navds-textarea__input:first-child{height:var(--__ac-textarea-height)}.navds-textarea__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textarea-bg,var(--__ac-textarea-bg,var(--a-surface-default)));border:1px solid var(--ac-textarea-border,var(--__ac-textarea-border,var(--a-border-default)));border-radius:var(--a-border-radius-medium);color:var(--ac-textarea-text,var(--__ac-textarea-text,var(--a-text-default)));display:block;padding:var(--a-spacing-2);resize:none;width:100%}.navds-textarea__input::placeholder{color:var(--ac-textarea-placeholder,var(--__ac-textarea-placeholder,var(--a-text-subtle)))}.navds-textarea__input:hover{border-color:var(--ac-textarea-hover-border,var(--__ac-textarea-hover-border,var(--a-border-action)))}.navds-textarea__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-textarea__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-form-field--small .navds-textarea__input{padding:var(--a-spacing-1-alt)}.navds-textarea__counter{color:var(--ac-textarea-counter-text,var(--__ac-textarea-counter-text,var(--a-text-subtle)));margin-top:var(--a-spacing-05)}.navds-textarea__counter--error{color:var(--ac-textarea-counter-error-text,var(--__ac-textarea-counter-error-text,var(--a-text-danger)))}.navds-textarea__sr-counter{display:none}.navds-textarea__wrapper:focus-within .navds-textarea__sr-counter{display:initial}.navds-textarea--resize-both .navds-textarea__input{border-end-end-radius:0;resize:both}.navds-textarea--resize-horizontal .navds-textarea__input{border-end-end-radius:0;resize:horizontal}.navds-textarea--resize-vertical .navds-textarea__input{border-end-end-radius:0;resize:vertical}.navds-textarea--autoscrollbar,.navds-textarea--autoscrollbar .navds-textarea__wrapper{display:flex;flex-direction:column;margin:-3px;overflow:hidden;padding:3px}.navds-textarea--autoscrollbar .navds-textarea__input{scrollbar-gutter:stable}.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus-visible):not(:disabled){border-color:var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)))}@supports not selector(:focus-visible){.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)))}}.navds-textarea__input:disabled{background-color:var(--ac-textarea-bg,var(--__ac-textarea-bg,var(--a-surface-default)));border-color:var(--ac-textarea-border,var(--__ac-textarea-border,var(--a-border-default)));box-shadow:none;cursor:not-allowed}.navds-textarea--readonly .navds-textarea__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-search{display:flex;flex-direction:column;width:100%}.navds-search__wrapper-inner{position:relative;width:100%}.navds-search--with-size :where(.navds-search__wrapper-inner){width:inherit}.navds-search__wrapper{align-items:center;display:inline-flex}.navds-search__input{padding-right:var(--a-spacing-10)}.navds-form-field--small .navds-search__input{padding-right:var(--a-spacing-8)}.navds-search__input--simple{padding-left:var(--a-spacing-11)}.navds-form-field--small .navds-search__input--simple{padding-left:var(--a-spacing-7)}.navds-search__input:not(.navds-search__input--simple){border-bottom-right-radius:0;border-top-right-radius:0}.navds-search__search-icon{font-size:1.5rem;left:var(--a-spacing-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.navds-form-field--small .navds-search__search-icon{font-size:1rem;left:var(--a-spacing-2)}.navds-search__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-search-clear-icon,var(--__ac-search-clear-icon,var(--a-text-default)));cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px}.navds-form-field--small .navds-search__button-clear{height:24px;right:.5rem;width:24px}.navds-search__button-clear:hover{color:var(--ac-search-clear-icon-hover,var(--__ac-search-clear-icon-hover,var(--a-text-action)))}.navds-search__button-clear:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-search__button-clear:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-search__button-search{border-radius:0;border-bottom-right-radius:var(--a-border-radius-medium);border-top-right-radius:var(--a-border-radius-medium);flex-shrink:0;min-height:2rem;min-width:4rem}.navds-form-field--small .navds-search__button-search svg{font-size:1rem}.navds-form-field--small .navds-search__button-search{min-width:2.5rem}.navds-search__button-search.navds-button--secondary{box-shadow:-1px 0 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,0 1px 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,0 -1px 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset}.navds-search__button-search.navds-button--secondary:hover{box-shadow:-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,0 1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,0 -1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action)));z-index:1}.navds-search__wrapper-inner:focus-within+.navds-search__button-search.navds-button--secondary:hover{z-index:auto}.navds-search__button-search.navds-button--secondary:focus-visible{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-search__button-search.navds-button--secondary:focus{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}}.navds-search--error .navds-search__input:not(:hover):not(:disabled){border-color:var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger)));box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger)))}.navds-search--error .navds-search__input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger))),var(--a-shadow-focus)}.navds-search__button-clear,.navds-search__button-search:focus-visible,.navds-search__input:focus-visible{z-index:1}@supports not selector(:focus-visible){.navds-search--error .navds-search__input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger))),var(--a-shadow-focus)}.navds-search__button-search:focus,.navds-search__input:focus{z-index:1}}.navds-combobox__wrapper{display:flex;flex-direction:column;position:relative;width:100%}.navds-combobox__wrapper-inner{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:calc(var(--a-spacing-2) - 2px) var(--a-spacing-2);position:relative;width:100%}.navds-combobox__wrapper-inner>:first-child{flex:2}.navds-combobox__wrapper-inner>:last-child{display:flex;flex-flow:row nowrap}.navds-form-field--small .navds-combobox__wrapper-inner{padding:var(--a-spacing-1) calc(var(--a-spacing-3)/2)}.navds-combobox__wrapper-inner:hover{cursor:text}.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-combobox-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-combobox-error-border,var(--a-border-danger))}.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled):not(.navds-combobox__wrapper-inner--virtually-unfocused):focus-within{box-shadow:0 0 0 1px var(--ac-combobox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}.navds-combobox__selected-options{align-items:center;gap:var(--a-spacing-2)}.navds-combobox__selected-options>li{border-radius:var(--a-border-radius-full);margin:auto 0}.navds-combobox__selected-options>li:last-of-type{display:flex;flex:1}.navds-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0;padding-left:.25rem}.navds-combobox__input-wrapper{width:100%}.navds-combobox__input{border:none;flex:1;height:2rem;margin:0;min-width:10ch;padding:0;width:100%;z-index:1}.navds-combobox__input:focus-visible{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}@supports not selector(:focus-visible){.navds-combobox__input:focus{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus){box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}}@supports not selector(:has){.navds-combobox--focused .navds-combobox__wrapper-inner{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox--focused .navds-combobox__wrapper-inner.navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}}.navds-combobox__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-combobox-clear-icon,var(--a-text-subtle));cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0}.navds-combobox__button-clear svg{height:1.5rem;width:1.5rem}.navds-combobox__input::-webkit-search-cancel-button{display:none}.navds-combobox__button-toggle-list{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--a-text-default);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0}.navds-combobox__button-clear:active:hover,.navds-combobox__button-toggle-list:active:hover{color:var(--ac-combobox-clear-icon-active,var(--a-text-action))}.navds-combobox__button-clear:hover,.navds-combobox__button-toggle-list:hover{color:var(--ac-combobox-clear-icon-hover,var(--a-text-action-selected))}.navds-combobox__button-toggle-list:focus-visible{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-combobox__button-toggle-list:focus{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus);outline:none}}.navds-combobox__button-toggle-list svg{height:1.5rem;pointer-events:none;width:1.5rem}.navds-form-field--small .navds-combobox__button-clear svg,.navds-form-field--small .navds-combobox__button-toggle-list svg{height:1.25rem;width:1.25rem}.navds-combobox__list{align-items:flex-start;background-color:var(--ac-combobox-list-bg,var(--a-surface-default));border:1px solid var(--ac-combobox-list-border-color,var(--a-border-divider));border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-small);color:var(--ac-combobox-list-text,var(--a-text-default));display:flex;flex-direction:column;gap:var(--a-spacing-1) 0;left:0;list-style:none;margin:0;max-height:290px;overflow-y:auto;padding:0;position:absolute;right:0;top:calc(100% + var(--a-spacing-2));z-index:9999}.navds-combobox__list--closed{display:none}.navds-combobox__list svg{height:1.5rem;width:1.5rem}.navds-combobox__list-item,.navds-combobox__list-item__new-option,.navds-combobox__list-item__no-options{align-items:center;background-color:var(--ac-combobox-list-item-bg,var(--a-surface-default));display:flex;flex-direction:row;justify-content:space-between;padding:var(--a-spacing-3);width:100%}.navds-form-field--small .navds-combobox__list-item,.navds-form-field--small .navds-combobox__list-item__new-option,.navds-form-field--small .navds-combobox__list-item__no-options{padding:calc(var(--a-spacing-3)/2) var(--a-spacing-2)}.navds-combobox__list-item--loading{background-color:var(--ac-combobox-list-item-loading-bg,var(--a-surface-default));display:flex;justify-content:center;padding:var(--a-spacing-3);width:100%}.navds-combobox__list--with-hover .navds-combobox__list-item:hover,.navds-combobox__list-item--focus{background-color:var(--ac-combobox-list-item-hover-bg,var(--a-surface-hover));border-left:4px solid var(--ac-combobox-list-item-hover-border-left,var(--a-border-strong));cursor:pointer;padding-left:calc(var(--a-spacing-3) - 4px)}.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover,.navds-form-field--small .navds-combobox__list-item--focus{padding-left:calc(var(--a-spacing-2) - 4px)}.navds-combobox__list-item--selected{background-color:var(--ac-combobox-list-item-selected-bg,var(--a-surface-selected))}.navds-combobox__list-item--selected p{font-weight:var(--a-font-weight-bold)}.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover,.navds-combobox__list-item--selected.navds-combobox__list-item--focus{background-color:var(--ac-combobox-list-item-selected-hover-bg,var(--a-surface-action-subtle-hover));border-left:4px solid var(--ac-combobox-list-item-selected-hover-border-left,var(--a-border-focus));padding-left:calc(var(--a-spacing-3) - 4px)}.navds-combobox__list-item__new-option{background:var(--a-surface-neutral-subtle);border-bottom:1px solid var(--a-border-divider);cursor:pointer;gap:.25rem;justify-content:flex-start}.navds-combobox__list--with-hover .navds-combobox__list-item__new-option:hover{background:var(--a-surface-neutral-subtle-hover);border-bottom:1px solid var(--a-border-divider)}.navds-combobox__list-item__new-option--focus{border-radius:calc(var(--a-border-radius-medium) - 1px);box-shadow:var(--a-shadow-focus) inset,var(--a-border-action) 0 0 0 5px inset}@media (max-width:479px){.navds-combobox__button-toggle-list{right:.5rem}.navds-combobox__input{min-width:-webkit-min-content;min-width:min-content;padding:.75rem 0}.navds-combobox__selected-options{gap:var(--a-spacing-1)}}
1
+ [data-theme=dark]{--__ac-form-description:var(--a-text-on-inverted);--__ac-textfield-text:var(--a-text-on-inverted);--__ac-textfield-bg:var(--a-surface-inverted);--__ac-textfield-border:var(--a-border-on-inverted);--__ac-textfield-hover-border:var(--a-blue-200);--__ac-textfield-placeholder:var(--a-gray-500);--__ac-textfield-error-border:var(--a-red-300);--__ac-textarea-text:var(--a-text-on-inverted);--__ac-textarea-bg:var(--a-transparent);--__ac-textarea-border:var(--a-border-on-inverted);--__ac-textarea-hover-border:var(--a-blue-200);--__ac-textarea-placeholder:var(--a-gray-500);--__ac-textarea-error-border:var(--a-red-300);--__ac-textarea-counter-text:var(--a-gray-300);--__ac-textarea-counter-error-text:var(--a-red-300);--__ac-search-button-border:var(--a-border-on-inverted);--__ac-search-button-border-hover:var(--a-blue-200);--__ac-search-clear-icon:var(--a-white);--__ac-search-clear-icon-hover:var(--a-blue-200);--__ac-search-error-border:var(--a-red-300)}[data-theme=light]{--__ac-form-description:initial;--__ac-textfield-text:initial;--__ac-textfield-bg:initial;--__ac-textfield-border:initial;--__ac-textfield-hover-border:initial;--__ac-textfield-placeholder:initial;--__ac-textfield-error-border:initial;--__ac-textarea-text:initial;--__ac-textarea-bg:initial;--__ac-textarea-border:initial;--__ac-textarea-hover-border:initial;--__ac-textarea-placeholder:initial;--__ac-textarea-error-border:initial;--__ac-textarea-counter-text:initial;--__ac-textarea-counter-error-text:initial;--__ac-search-button-border:initial;--__ac-search-button-border-hover:initial;--__ac-search-clear-icon:initial;--__ac-search-clear-icon-hover:initial;--__ac-search-error-border:initial}.navds-fieldset{border:0;margin:0;min-width:0;padding:0}.navds-fieldset>:not(:first-child):not(:empty){margin-top:var(--a-spacing-2)}.navds-fieldset__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)))}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child):not(: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:.3}.navds-form-field{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-form-field__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)));margin-top:-.375rem}.navds-fieldset .navds-error-message,.navds-form-field .navds-error-message{display:flex;gap:var(--a-spacing-2)}.navds-fieldset .navds-error-message:before,.navds-form-field .navds-error-message:before{content:"•"}.navds-form-field--disabled{cursor:not-allowed;opacity:.3}.navds-form-field__error:empty{display:none}.navds-form-field__subdescription{color:var(--ac-form-subdescription,var(--a-text-subtle))}.navds-form-field--readonly>:where(.navds-form-field__label){display:inline-flex}.navds-form-field__readonly-icon{align-self:flex-start;flex-shrink:0;margin-right:var(--a-spacing-2);margin-top:var(--a-spacing-05)}.navds-error-summary{background-color:var(--ac-error-summary-bg,var(--a-surface-default));border:4px solid var(--ac-error-summary-border,var(--a-border-danger));border-radius:var(--a-border-radius-large);padding:var(--a-spacing-5)}.navds-error-summary--small{padding:var(--a-spacing-3)}.navds-error-summary:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-error-summary:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-error-summary__list{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:inherit;margin:var(--a-spacing-3) 0;padding-left:var(--a-spacing-6)}.navds-error-summary__list>*{color:var(--ac-error-summary-list-dot,var(--a-text-action))}.navds-error-summary--small>.navds-error-summary__list{gap:var(--a-spacing-2);margin:var(--a-spacing-2) 0;padding-left:var(--a-spacing-5)}.navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-bg,var(--a-surface-warning-subtle));border:1px solid var(--ac-confirmation-panel-border,var(--a-border-warning));border-radius:var(--a-border-radius-medium);display:flex;flex-direction:column;gap:var(--a-spacing-3);justify-self:stretch;padding:var(--a-spacing-4);transition:background-color .1s linear}.navds-confirmation-panel__content{max-width:80ch}.navds-confirmation-panel--checked .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-checked-bg,var(--a-surface-success-subtle));border-color:var(--ac-confirmation-panel-checked-border,var(--a-border-success))}.navds-confirmation-panel--error .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-confirmation-panel-error-border,var(--a-border-danger))}.navds-checkbox,.navds-radio{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-checkbox__input,.navds-radio__input{cursor:pointer;height:3rem;left:-.75rem;opacity:0;position:absolute;top:0;width:3rem;z-index:1}.navds-checkbox__label,.navds-radio__label{cursor:pointer;display:flex;gap:var(--a-spacing-2);padding:var(--a-spacing-3) 0;--__ac-radio-checkbox-readonly-bg:var(--a-surface-subtle);--__ac-radio-checkbox-readonly-border:var(--a-border-subtle)}.navds-checkbox__label:before,.navds-radio__label:before{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:var(--a-border-radius-small);box-shadow:0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default));content:"";flex-shrink:0;height:1.25rem;margin-block:2px;margin-inline:2px;width:1.25rem}.navds-radio__label:before{border-radius:var(--a-border-radius-full)}.navds-checkbox__content,.navds-radio__content{display:flex;flex-direction:column;gap:.125rem}.navds-checkbox--small>.navds-checkbox__input,.navds-radio--small>.navds-radio__input{height:2rem;left:-.375rem;top:0;width:2rem}.navds-checkbox--small>.navds-checkbox__label,.navds-radio--small>.navds-radio__label{padding:var(--a-spacing-1-alt) 0}.navds-checkbox--small>.navds-checkbox__label:before,.navds-radio--small>.navds-radio__label:before{height:1rem;width:1rem}.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio__input:focus-visible+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox__input:hover:focus-visible+.navds-checkbox__label:before,.navds-radio__input:hover:focus-visible+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:hover:focus+.navds-checkbox__label:before,.navds-radio__input:hover:focus+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:1px;content:"";flex-shrink:0;height:.25rem;position:absolute;top:50%;transform:translate(var(--a-spacing-1-alt),-50%);width:.75rem}.navds-checkbox--small .navds-checkbox__input:indeterminate+.navds-checkbox__label:after{transform:translate(.25rem,-50%)}.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}.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(--ac-radio-checkbox-bg,var(--a-surface-default));height:1.5rem;pointer-events:none;position:absolute;transform:translate(var(--a-spacing-1-alt))}.navds-checkbox--small .navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{transform:translate(.25rem,-10%)}.navds-checkbox__icon>svg{display:inline;vertical-align:initial}.navds-checkbox--small>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-position:.25rem}.navds-checkbox__input:checked:focus-visible+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus-visible+.navds-checkbox__label:before{box-shadow:0 0 0 1px var(--ac-radio-checkbox-action,var(--a-surface-action)),0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:checked:focus+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus+.navds-checkbox__label:before{box-shadow:0 0 0 1px var(--ac-radio-checkbox-action,var(--a-surface-action)),0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}}.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default))}.navds-radio__input:checked:focus-visible+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-radio__input:checked:focus+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:var(--ac-radio-checkbox-action,var(--a-surface-action))}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}@supports not selector(:focus-visible){.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action-hover-bg,var(--a-surface-action-subtle))}.navds-checkbox--error>.navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),0 0 0 4px var(--a-border-focus)}}.navds-checkbox--disabled,.navds-radio--disabled{opacity:.3}.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(--a-text-default)}.navds-checkbox--readonly>.navds-checkbox__input:hover:not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-checkbox--readonly>.navds-checkbox__input:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:hover:not(:checked):not(:focus-visible)+.navds-radio__label:before,.navds-radio--readonly>.navds-radio__input:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:focus-visible+.navds-radio__label:before{--__ac-radio-checkbox-readonly-border:var(--a-border-subtle),var(--a-shadow-focus)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--a-icon-subtle)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--a-icon-subtle);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border),inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-bg)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--a-icon-subtle)}.navds-select__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);box-sizing:border-box;color:var(--ac-select-text,var(--a-text-default));display:inline-block;min-height:3rem;padding:.5rem 2rem .5rem .5rem;position:relative;width:100%}.navds-select__input:hover{border-color:var(--ac-select-hover-bg,var(--a-border-action));cursor:pointer}.navds-select__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-select__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-select__container{color:var(--a-text-default);display:flex;position:relative;width:100%}.navds-select__chevron{align-self:center;color:var(--ac-select-text,var(--a-text-default));font-size:1.5rem;pointer-events:none;position:absolute;right:var(--a-spacing-2)}.navds-form-field--small .navds-select__input{min-height:2rem;padding:0 var(--a-spacing-8) 0 var(--a-spacing-2)}.navds-form-field--small .navds-select__chevron{right:var(--a-spacing-1-alt)}.navds-select--error>* select:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-select-error-border,var(--a-surface-danger));box-shadow:0 0 0 1px var(--ac-select-error-border,var(--a-surface-danger))}.navds-select__input:disabled{background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));box-shadow:none;color:var(--a-text-default);cursor:not-allowed;opacity:1}.navds-select__input:disabled>option{color:var(--a-text-default)}.navds-select--readonly .navds-select__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-switch{min-height:3rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-switch--right{width:auto}.navds-switch--small{min-height:2rem;position:relative}.navds-switch__input{cursor:pointer;height:3rem;opacity:0;position:absolute;top:0;width:3rem;z-index:1}.navds-switch--small>.navds-switch__input{height:2rem;top:0}.navds-switch__label-wrapper{color:var(--a-text-default);cursor:pointer}.navds-switch__content{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 0 .75rem 3.25rem}.navds-switch--right>.navds-switch__label-wrapper>.navds-switch__content{padding:.75rem 3.25rem .75rem 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 0 calc(var(--a-spacing-2) - var(--a-spacing-05)) 3.25rem}.navds-switch--right.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 3.25rem calc(var(--a-spacing-2) - var(--a-spacing-05)) 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch--with-description,.navds-switch--with-description{padding-bottom:0}.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:var(--ac-switch-action,var(--a-surface-action-selected))}.navds-switch__input:disabled:hover~.navds-switch__label-wrapper{color:inherit}.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-full);height:1.5rem;left:0;position:absolute;top:var(--a-spacing-3);transition:background-color .25s cubic-bezier(.4,0,.2,1);width:2.75rem}.navds-switch--small>.navds-switch__track{top:var(--a-spacing-1)}.navds-switch--right>.navds-switch__input,.navds-switch--right>.navds-switch__track{left:auto;right:0}.navds-switch__input:checked~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-surface-action-selected))}.navds-switch__input:hover~.navds-switch__track{background-color:var(--ac-switch-hover-bg,var(--a-surface-neutral-hover))}.navds-switch__input:hover:checked~.navds-switch__track{background-color:var(--ac-switch-checked-hover-bg,var(--a-surface-action-selected-hover))}.navds-switch__input:disabled~.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral))}.navds-switch__input:checked:disabled~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-border-action-selected))}.navds-switch__input:focus-visible~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-switch__input:focus~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-switch__thumb{align-items:center;background-color:var(--ac-switch-thumb-bg,var(--a-surface-default));border-radius:var(--a-border-radius-full);color:var(--ac-switch-thumb-icon,var(--a-icon-subtle));display:flex;height:1.25rem;justify-content:center;left:var(--a-spacing-05);position:absolute;top:var(--a-spacing-05);transform:translateX(0);transition:transform .25s cubic-bezier(.4,0,.2,1);width:1.25rem}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--ac-switch-thumb-icon-checked,var(--a-icon-action-selected));transform:translateX(1.25rem)}@media (hover:hover) and (pointer:fine){.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(.125rem)}.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.125rem)}}.navds-switch__input:disabled:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(0)}.navds-switch__input:checked:disabled:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.25rem)}.navds-switch__input:disabled{-webkit-appearance:none;appearance:none}.navds-switch--disabled:not(.navds-switch--loading){opacity:.3}.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(--a-surface-neutral-moderate)}.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(--a-text-default)}.navds-switch--readonly .navds-switch__label{display:inline-flex}.navds-switch--readonly .navds-switch__thumb{background-color:var(--a-surface-subtle);box-shadow:0 0 0 2px var(--a-border-default)}.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--a-icon-subtle)}@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)}}.navds-text-field__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textfield-bg,var(--__ac-textfield-bg,var(--a-surface-default)));border:1px solid var(--ac-textfield-border,var(--__ac-textfield-border,var(--a-border-default)));border-radius:var(--a-border-radius-medium);color:var(--ac-textfield-text,var(--__ac-textfield-text,var(--a-text-default)));min-height:3rem;padding:var(--a-spacing-2);width:100%}.navds-text-field__input[size]{width:auto}.navds-text-field__input::placeholder{color:var(--ac-textfield-placeholder,var(--__ac-textfield-placeholder,var(--a-text-subtle)))}.navds-form-field--small .navds-text-field__input{min-height:2rem;padding:0 var(--a-spacing-2)}.navds-text-field__input:hover{border-color:var(--ac-textfield-hover-border,var(--__ac-textfield-hover-border,var(--a-border-action)))}.navds-text-field__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-text-field__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-text-field--error>.navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-textfield-error-border,var(--__ac-textfield-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textfield-error-border,var(--__ac-textfield-error-border,var(--a-border-danger)))}.navds-text-field--error>.navds-text-field__input:focus-visible:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-text-field--error>.navds-text-field__input:focus:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}}.navds-text-field__input:disabled{background-color:var(--ac-textfield-bg,var(--__ac-textfield-bg,var(--a-surface-default)));border-color:var(--ac-textfield-border,var(--__ac-textfield-border,var(--a-border-default)));box-shadow:none;cursor:not-allowed}.navds-text-field--readonly .navds-text-field__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-text-field__input[type=search]::-webkit-search-cancel-button,.navds-text-field__input[type=search]::-webkit-search-decoration,.navds-text-field__input[type=search]::-webkit-search-results-button,.navds-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.navds-textarea__wrapper{--__ac-textarea-height:initial;min-width:100%;position:relative}.navds-textarea__input:first-child{height:var(--__ac-textarea-height)}.navds-textarea__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textarea-bg,var(--__ac-textarea-bg,var(--a-surface-default)));border:1px solid var(--ac-textarea-border,var(--__ac-textarea-border,var(--a-border-default)));border-radius:var(--a-border-radius-medium);color:var(--ac-textarea-text,var(--__ac-textarea-text,var(--a-text-default)));display:block;padding:var(--a-spacing-2);resize:none;width:100%}.navds-textarea__input::placeholder{color:var(--ac-textarea-placeholder,var(--__ac-textarea-placeholder,var(--a-text-subtle)))}.navds-textarea__input:hover{border-color:var(--ac-textarea-hover-border,var(--__ac-textarea-hover-border,var(--a-border-action)))}.navds-textarea__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-textarea__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-form-field--small .navds-textarea__input{padding:var(--a-spacing-1-alt)}.navds-textarea__counter{color:var(--ac-textarea-counter-text,var(--__ac-textarea-counter-text,var(--a-text-subtle)));margin-top:var(--a-spacing-05)}.navds-textarea__counter--error{color:var(--ac-textarea-counter-error-text,var(--__ac-textarea-counter-error-text,var(--a-text-danger)))}.navds-textarea__sr-counter{display:none}.navds-textarea__wrapper:focus-within .navds-textarea__sr-counter{display:initial}.navds-textarea--resize-both .navds-textarea__input{border-end-end-radius:0;resize:both}.navds-textarea--resize-horizontal .navds-textarea__input{border-end-end-radius:0;resize:horizontal}.navds-textarea--resize-vertical .navds-textarea__input{border-end-end-radius:0;resize:vertical}.navds-textarea--autoscrollbar,.navds-textarea--autoscrollbar .navds-textarea__wrapper{display:flex;flex-direction:column;margin:-3px;overflow:hidden;padding:3px}.navds-textarea--autoscrollbar .navds-textarea__input{scrollbar-gutter:stable}.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus-visible):not(:disabled){border-color:var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)))}@supports not selector(:focus-visible){.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--__ac-textarea-error-border,var(--a-border-danger)))}}.navds-textarea__input:disabled{background-color:var(--ac-textarea-bg,var(--__ac-textarea-bg,var(--a-surface-default)));border-color:var(--ac-textarea-border,var(--__ac-textarea-border,var(--a-border-default)));box-shadow:none;cursor:not-allowed}.navds-textarea--readonly .navds-textarea__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle);cursor:default}.navds-search{display:flex;flex-direction:column;width:100%}.navds-search__wrapper-inner{position:relative;width:100%}.navds-search--with-size :where(.navds-search__wrapper-inner){width:inherit}.navds-search__wrapper{align-items:center;display:inline-flex}.navds-search__input{padding-right:var(--a-spacing-10)}.navds-form-field--small .navds-search__input{padding-right:var(--a-spacing-8)}.navds-search__input--simple{padding-left:var(--a-spacing-11)}.navds-form-field--small .navds-search__input--simple{padding-left:var(--a-spacing-7)}.navds-search__input:not(.navds-search__input--simple){border-bottom-right-radius:0;border-top-right-radius:0}.navds-search__search-icon{font-size:1.5rem;left:var(--a-spacing-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.navds-form-field--small .navds-search__search-icon{font-size:1rem;left:var(--a-spacing-2)}.navds-search__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-search-clear-icon,var(--__ac-search-clear-icon,var(--a-text-default)));cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px}.navds-form-field--small .navds-search__button-clear{height:24px;right:.5rem;width:24px}.navds-search__button-clear:hover{color:var(--ac-search-clear-icon-hover,var(--__ac-search-clear-icon-hover,var(--a-text-action)))}.navds-search__button-clear:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-search__button-clear:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-search__button-search{border-radius:0;border-bottom-right-radius:var(--a-border-radius-medium);border-top-right-radius:var(--a-border-radius-medium);flex-shrink:0;min-height:2rem;min-width:4rem}.navds-form-field--small .navds-search__button-search svg{font-size:1rem}.navds-form-field--small .navds-search__button-search{min-width:2.5rem}.navds-search__button-search.navds-button--secondary{box-shadow:-1px 0 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,0 1px 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,0 -1px 0 0 var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset}.navds-search__button-search.navds-button--secondary:hover{box-shadow:-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,0 1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,0 -1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action)));z-index:1}.navds-search__wrapper-inner:focus-within+.navds-search__button-search.navds-button--secondary:hover{z-index:auto}.navds-search__button-search.navds-button--secondary:focus-visible{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-search__button-search.navds-button--secondary:focus{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--__ac-search-button-border,var(--a-border-default))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action))) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}}.navds-search--error .navds-search__input:not(:hover):not(:disabled){border-color:var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger)));box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger)))}.navds-search--error .navds-search__input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger))),var(--a-shadow-focus)}.navds-search__button-clear,.navds-search__button-search:focus-visible,.navds-search__input:focus-visible{z-index:1}@supports not selector(:focus-visible){.navds-search--error .navds-search__input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--__ac-search-error-border,var(--a-border-danger))),var(--a-shadow-focus)}.navds-search__button-search:focus,.navds-search__input:focus{z-index:1}}.navds-combobox__wrapper{display:flex;flex-direction:column;position:relative;width:100%}.navds-combobox__wrapper-inner{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:calc(var(--a-spacing-2) - 2px) var(--a-spacing-2);position:relative;width:100%}.navds-combobox__wrapper-inner>:first-child{flex:2}.navds-combobox__wrapper-inner>:last-child{display:flex;flex-flow:row nowrap}.navds-form-field--small .navds-combobox__wrapper-inner{padding:var(--a-spacing-1) calc(var(--a-spacing-3)/2)}.navds-combobox__wrapper-inner:hover{cursor:text}.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-combobox-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-combobox-error-border,var(--a-border-danger))}.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled):not(.navds-combobox__wrapper-inner--virtually-unfocused):focus-within{box-shadow:0 0 0 1px var(--ac-combobox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}.navds-combobox__selected-options{align-items:center;gap:var(--a-spacing-2)}.navds-combobox__selected-options>li{border-radius:var(--a-border-radius-full);margin:auto 0}.navds-combobox__selected-options>li:last-of-type{display:flex;flex:1}.navds-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0;padding-left:.25rem}.navds-combobox__input-wrapper{width:100%}.navds-combobox__input{border:none;flex:1;height:2rem;margin:0;min-width:10ch;padding:0;width:100%;z-index:1}.navds-combobox__input:focus-visible{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}@supports not selector(:focus-visible){.navds-combobox__input:focus{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus){box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}}@supports not selector(:has){.navds-combobox--focused .navds-combobox__wrapper-inner{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus)}.navds-combobox--focused .navds-combobox__wrapper-inner.navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none}}.navds-combobox__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-combobox-clear-icon,var(--a-text-subtle));cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0}.navds-combobox__button-clear svg{height:1.5rem;width:1.5rem}.navds-combobox__input::-webkit-search-cancel-button{display:none}.navds-combobox__button-toggle-list{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--a-text-default);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0}.navds-combobox__button-clear:active:hover,.navds-combobox__button-toggle-list:active:hover{color:var(--ac-combobox-clear-icon-active,var(--a-text-action))}.navds-combobox__button-clear:hover,.navds-combobox__button-toggle-list:hover{color:var(--ac-combobox-clear-icon-hover,var(--a-text-action-selected))}.navds-combobox__button-toggle-list:focus-visible{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-combobox__button-toggle-list:focus{box-shadow:0 0 0 1px var(--a-surface-default) inset,var(--a-shadow-focus);box-shadow:var(--a-shadow-focus);outline:none}}.navds-combobox__button-toggle-list svg{height:1.5rem;pointer-events:none;width:1.5rem}.navds-form-field--small .navds-combobox__button-clear svg,.navds-form-field--small .navds-combobox__button-toggle-list svg{height:1.25rem;width:1.25rem}.navds-combobox__list{align-items:flex-start;background-color:var(--ac-combobox-list-bg,var(--a-surface-default));border:1px solid var(--ac-combobox-list-border-color,var(--a-border-divider));border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-small);color:var(--ac-combobox-list-text,var(--a-text-default));display:flex;flex-direction:column;gap:var(--a-spacing-1) 0;left:0;list-style:none;margin:0;max-height:290px;overflow-y:auto;padding:0;position:absolute;right:0;top:calc(100% + var(--a-spacing-2));z-index:9999}.navds-combobox__list--closed{display:none}.navds-combobox__list svg{height:1.5rem;width:1.5rem}.navds-combobox__list-item,.navds-combobox__list-item__new-option,.navds-combobox__list-item__no-options{align-items:center;background-color:var(--ac-combobox-list-item-bg,var(--a-surface-default));display:flex;flex-direction:row;justify-content:space-between;padding:var(--a-spacing-3);width:100%}.navds-form-field--small .navds-combobox__list-item,.navds-form-field--small .navds-combobox__list-item__new-option,.navds-form-field--small .navds-combobox__list-item__no-options{padding:calc(var(--a-spacing-3)/2) var(--a-spacing-2)}.navds-combobox__list-item--loading{background-color:var(--ac-combobox-list-item-loading-bg,var(--a-surface-default));display:flex;justify-content:center;padding:var(--a-spacing-3);width:100%}.navds-combobox__list--with-hover .navds-combobox__list-item:hover,.navds-combobox__list-item--focus{background-color:var(--ac-combobox-list-item-hover-bg,var(--a-surface-hover));border-left:4px solid var(--ac-combobox-list-item-hover-border-left,var(--a-border-strong));cursor:pointer;padding-left:calc(var(--a-spacing-3) - 4px)}.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover,.navds-form-field--small .navds-combobox__list-item--focus{padding-left:calc(var(--a-spacing-2) - 4px)}.navds-combobox__list-item--selected{background-color:var(--ac-combobox-list-item-selected-bg,var(--a-surface-selected))}.navds-combobox__list-item--selected p{font-weight:var(--a-font-weight-bold)}.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover,.navds-combobox__list-item--selected.navds-combobox__list-item--focus{background-color:var(--ac-combobox-list-item-selected-hover-bg,var(--a-surface-action-subtle-hover));border-left:4px solid var(--ac-combobox-list-item-selected-hover-border-left,var(--a-border-focus));padding-left:calc(var(--a-spacing-3) - 4px)}.navds-combobox__list-item__new-option{background:var(--a-surface-neutral-subtle);border-bottom:1px solid var(--a-border-divider);cursor:pointer;gap:.25rem;justify-content:flex-start}.navds-combobox__list--with-hover .navds-combobox__list-item__new-option:hover{background:var(--a-surface-neutral-subtle-hover);border-bottom:1px solid var(--a-border-divider)}.navds-combobox__list-item__new-option--focus{border-radius:calc(var(--a-border-radius-medium) - 1px);box-shadow:var(--a-shadow-focus) inset,var(--a-border-action) 0 0 0 5px inset}@media (max-width:479px){.navds-combobox__button-toggle-list{right:.5rem}.navds-combobox__input{min-width:-webkit-min-content;min-width:min-content;padding:.75rem 0}.navds-combobox__selected-options{gap:var(--a-spacing-1)}}
package/dist/component/grid.min.css CHANGED
@@ -1 +1 @@
1
- .navds-grid{grid-gap:var(--a-spacing-4);display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}@media (min-width:448px){.navds-grid{grid-gap:var(--a-spacing-6)}}.navds-grid__cell--xs-1{grid-column:span 1}.navds-grid__cell--xs-2{grid-column:span 2}.navds-grid__cell--xs-3{grid-column:span 3}.navds-grid__cell--xs-4{grid-column:span 4}.navds-grid__cell--xs-5{grid-column:span 5}.navds-grid__cell--xs-6{grid-column:span 6}.navds-grid__cell--xs-7{grid-column:span 7}.navds-grid__cell--xs-8{grid-column:span 8}.navds-grid__cell--xs-9{grid-column:span 9}.navds-grid__cell--xs-10{grid-column:span 10}.navds-grid__cell--xs-11{grid-column:span 11}.navds-grid__cell--xs-12{grid-column:span 12}@media (min-width:448px){.navds-grid__cell--sm-1{grid-column:span 1}.navds-grid__cell--sm-2{grid-column:span 2}.navds-grid__cell--sm-3{grid-column:span 3}.navds-grid__cell--sm-4{grid-column:span 4}.navds-grid__cell--sm-5{grid-column:span 5}.navds-grid__cell--sm-6{grid-column:span 6}.navds-grid__cell--sm-7{grid-column:span 7}.navds-grid__cell--sm-8{grid-column:span 8}.navds-grid__cell--sm-9{grid-column:span 9}.navds-grid__cell--sm-10{grid-column:span 10}.navds-grid__cell--sm-11{grid-column:span 11}.navds-grid__cell--sm-12{grid-column:span 12}}@media (min-width:648px){.navds-grid__cell--md-1{grid-column:span 1}.navds-grid__cell--md-2{grid-column:span 2}.navds-grid__cell--md-3{grid-column:span 3}.navds-grid__cell--md-4{grid-column:span 4}.navds-grid__cell--md-5{grid-column:span 5}.navds-grid__cell--md-6{grid-column:span 6}.navds-grid__cell--md-7{grid-column:span 7}.navds-grid__cell--md-8{grid-column:span 8}.navds-grid__cell--md-9{grid-column:span 9}.navds-grid__cell--md-10{grid-column:span 10}.navds-grid__cell--md-11{grid-column:span 11}.navds-grid__cell--md-12{grid-column:span 12}}@media (min-width:960px){.navds-grid__cell--lg-1{grid-column:span 1}.navds-grid__cell--lg-2{grid-column:span 2}.navds-grid__cell--lg-3{grid-column:span 3}.navds-grid__cell--lg-4{grid-column:span 4}.navds-grid__cell--lg-5{grid-column:span 5}.navds-grid__cell--lg-6{grid-column:span 6}.navds-grid__cell--lg-7{grid-column:span 7}.navds-grid__cell--lg-8{grid-column:span 8}.navds-grid__cell--lg-9{grid-column:span 9}.navds-grid__cell--lg-10{grid-column:span 10}.navds-grid__cell--lg-11{grid-column:span 11}.navds-grid__cell--lg-12{grid-column:span 12}}
1
+ .navds-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:var(--a-spacing-4)}@media (min-width:448px){.navds-grid{grid-gap:var(--a-spacing-6)}}.navds-grid__cell--xs-1{grid-column:span 1}.navds-grid__cell--xs-2{grid-column:span 2}.navds-grid__cell--xs-3{grid-column:span 3}.navds-grid__cell--xs-4{grid-column:span 4}.navds-grid__cell--xs-5{grid-column:span 5}.navds-grid__cell--xs-6{grid-column:span 6}.navds-grid__cell--xs-7{grid-column:span 7}.navds-grid__cell--xs-8{grid-column:span 8}.navds-grid__cell--xs-9{grid-column:span 9}.navds-grid__cell--xs-10{grid-column:span 10}.navds-grid__cell--xs-11{grid-column:span 11}.navds-grid__cell--xs-12{grid-column:span 12}@media (min-width:448px){.navds-grid__cell--sm-1{grid-column:span 1}.navds-grid__cell--sm-2{grid-column:span 2}.navds-grid__cell--sm-3{grid-column:span 3}.navds-grid__cell--sm-4{grid-column:span 4}.navds-grid__cell--sm-5{grid-column:span 5}.navds-grid__cell--sm-6{grid-column:span 6}.navds-grid__cell--sm-7{grid-column:span 7}.navds-grid__cell--sm-8{grid-column:span 8}.navds-grid__cell--sm-9{grid-column:span 9}.navds-grid__cell--sm-10{grid-column:span 10}.navds-grid__cell--sm-11{grid-column:span 11}.navds-grid__cell--sm-12{grid-column:span 12}}@media (min-width:648px){.navds-grid__cell--md-1{grid-column:span 1}.navds-grid__cell--md-2{grid-column:span 2}.navds-grid__cell--md-3{grid-column:span 3}.navds-grid__cell--md-4{grid-column:span 4}.navds-grid__cell--md-5{grid-column:span 5}.navds-grid__cell--md-6{grid-column:span 6}.navds-grid__cell--md-7{grid-column:span 7}.navds-grid__cell--md-8{grid-column:span 8}.navds-grid__cell--md-9{grid-column:span 9}.navds-grid__cell--md-10{grid-column:span 10}.navds-grid__cell--md-11{grid-column:span 11}.navds-grid__cell--md-12{grid-column:span 12}}@media (min-width:960px){.navds-grid__cell--lg-1{grid-column:span 1}.navds-grid__cell--lg-2{grid-column:span 2}.navds-grid__cell--lg-3{grid-column:span 3}.navds-grid__cell--lg-4{grid-column:span 4}.navds-grid__cell--lg-5{grid-column:span 5}.navds-grid__cell--lg-6{grid-column:span 6}.navds-grid__cell--lg-7{grid-column:span 7}.navds-grid__cell--lg-8{grid-column:span 8}.navds-grid__cell--lg-9{grid-column:span 9}.navds-grid__cell--lg-10{grid-column:span 10}.navds-grid__cell--lg-11{grid-column:span 11}.navds-grid__cell--lg-12{grid-column:span 12}}
package/dist/component/helptext.css CHANGED
@@ -14,13 +14,17 @@
14
14
 
15
15
  .navds-help-text__button:focus-visible {
16
16
  outline: none;
17
- box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
17
+ box-shadow:
18
+ 0 0 0 1px var(--a-border-focus),
19
+ inset 0 0 0 1px var(--a-border-focus);
18
20
  }
19
21
 
20
22
  @supports not selector(:focus-visible) {
21
23
  .navds-help-text__button:focus {
22
24
  outline: none;
23
- box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
25
+ box-shadow:
26
+ 0 0 0 1px var(--a-border-focus),
27
+ inset 0 0 0 1px var(--a-border-focus);
24
28
  }
25
29
  }
26
30
 
package/dist/component/helptext.min.css CHANGED
@@ -1 +1 @@
1
- .navds-help-text__button{align-items:center;background-color:transparent;border:0;border-radius:var(--a-border-radius-full);color:var(--ac-help-text-button-color,var(--a-surface-action));cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;margin:0;padding:calc(var(--a-spacing-1)/2)}.navds-help-text__button:focus-visible{box-shadow:0 0 0 1px var(--a-border-focus),inset 0 0 0 1px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-help-text__button:focus{box-shadow:0 0 0 1px var(--a-border-focus),inset 0 0 0 1px var(--a-border-focus);outline:none}}.navds-help-text__icon{border-radius:var(--a-border-radius-full)}.navds-help-text__popover.navds-popover,.navds-help-text__popover>.navds-popover__arrow{background-color:var(--ac-help-text-popover-bg,var(--a-surface-info-subtle))}.navds-help-text__popover.navds-popover{--ac-popover-border:var(--a-border-info);max-width:min(65ch,calc(100vw - 1.5rem))}.navds-help-text__icon--filled{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon--filled{display:inherit}@supports not selector(:focus-visible){.navds-help-text__button:where(:focus)>.navds-help-text__icon{display:none}.navds-help-text__button:where(:focus)>.navds-help-text__icon--filled{display:inherit}}
1
+ .navds-help-text__button{align-items:center;background-color:transparent;border:0;border-radius:var(--a-border-radius-full);color:var(--ac-help-text-button-color,var(--a-surface-action));cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;margin:0;padding:calc(var(--a-spacing-1)/2)}.navds-help-text__button:focus-visible{box-shadow:0 0 0 1px var(--a-border-focus),inset 0 0 0 1px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-help-text__button:focus{box-shadow:0 0 0 1px var(--a-border-focus),inset 0 0 0 1px var(--a-border-focus);outline:none}}.navds-help-text__icon{border-radius:var(--a-border-radius-full)}.navds-help-text__popover.navds-popover,.navds-help-text__popover>.navds-popover__arrow{background-color:var(--ac-help-text-popover-bg,var(--a-surface-info-subtle))}.navds-help-text__popover.navds-popover{max-width:min(65ch,calc(100vw - 1.5rem));--ac-popover-border:var(--a-border-info)}.navds-help-text__icon--filled{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon--filled{display:inherit}@supports not selector(:focus-visible){.navds-help-text__button:where(:focus)>.navds-help-text__icon{display:none}.navds-help-text__button:where(:focus)>.navds-help-text__icon--filled{display:inherit}}