@navikt/ds-css 7.23.1 → 7.24.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.
- package/CHANGELOG.md +24 -0
- package/config/_mappings.js +5 -0
- package/darkside/alert.darkside.css +2 -2
- package/darkside/chat.darkside.css +2 -2
- package/darkside/expansioncard.darkside.css +2 -2
- package/darkside/form/error-summary.darkside.css +2 -2
- package/darkside/form/file-upload.darkside.css +2 -2
- package/darkside/form/form-progress.darkside.css +1 -1
- package/darkside/form/form-summary.darkside.css +2 -2
- package/darkside/form/form.darkside.css +5 -0
- package/darkside/form/select.darkside.css +1 -0
- package/darkside/form/switch.darkside.css +27 -12
- package/darkside/form/text-field.darkside.css +1 -0
- package/darkside/form/textarea.darkside.css +1 -0
- package/darkside/guide-panel.darkside.css +2 -2
- package/darkside/index.css +2 -0
- package/darkside/link-anchor.darkside.css +53 -0
- package/darkside/link-card.darkside.css +109 -0
- package/darkside/modal.darkside.css +6 -4
- package/darkside/popover.darkside.css +2 -2
- package/darkside/table.darkside.css +13 -0
- package/darkside/tag.darkside.css +0 -4
- package/dist/component/form.css +29 -8
- package/dist/component/form.min.css +1 -1
- package/dist/component/linkanchor.css +53 -0
- package/dist/component/linkanchor.min.css +1 -0
- package/dist/component/linkcard.css +94 -0
- package/dist/component/linkcard.min.css +1 -0
- package/dist/component/table.css +13 -0
- package/dist/component/table.min.css +1 -1
- package/dist/components.css +207 -9
- package/dist/components.min.css +1 -1
- package/dist/darkside/component/alert.css +2 -2
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/chat.css +2 -2
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +2 -2
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +41 -19
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +2 -2
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/linkanchor.css +52 -0
- package/dist/darkside/component/linkanchor.min.css +1 -0
- package/dist/darkside/component/linkcard.css +108 -0
- package/dist/darkside/component/linkcard.min.css +1 -0
- package/dist/darkside/component/modal.css +6 -8
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/popover.css +2 -2
- package/dist/darkside/component/popover.min.css +1 -1
- package/dist/darkside/component/table.css +13 -0
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tag.css +0 -6
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/components.css +228 -43
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +1 -1
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +229 -44
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/alert.css +2 -2
- package/dist/darkside/version/7.24.0/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/chat.css +2 -2
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/chat.min.css +1 -1
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/expansioncard.css +2 -2
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/expansioncard.min.css +1 -1
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/form.css +41 -19
- package/dist/darkside/version/7.24.0/component/form.min.css +1 -0
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/guidepanel.css +2 -2
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/guidepanel.min.css +1 -1
- package/dist/darkside/version/7.24.0/component/linkanchor.css +52 -0
- package/dist/darkside/version/7.24.0/component/linkanchor.min.css +1 -0
- package/dist/darkside/version/7.24.0/component/linkcard.css +108 -0
- package/dist/darkside/version/7.24.0/component/linkcard.min.css +1 -0
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/modal.css +6 -8
- package/dist/darkside/version/7.24.0/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/popover.css +2 -2
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/popover.min.css +1 -1
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/table.css +13 -0
- package/dist/darkside/version/7.24.0/component/table.min.css +1 -0
- package/dist/darkside/version/{7.23.1 → 7.24.0}/component/tag.css +0 -6
- package/dist/darkside/version/7.24.0/component/tag.min.css +1 -0
- package/dist/darkside/version/{7.23.1 → 7.24.0}/components.css +228 -43
- package/dist/darkside/version/7.24.0/components.min.css +1 -0
- package/dist/darkside/version/{7.23.1 → 7.24.0}/global/tokens.css +1 -1
- package/dist/darkside/version/{7.23.1 → 7.24.0}/global/tokens.min.css +1 -1
- package/dist/darkside/version/{7.23.1 → 7.24.0}/index.css +229 -44
- package/dist/darkside/version/7.24.0/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +208 -10
- package/dist/index.min.css +2 -2
- package/form/form.css +4 -0
- package/form/select.css +1 -0
- package/form/switch.css +25 -9
- package/form/text-field.css +1 -0
- package/form/textarea.css +1 -0
- package/index.css +2 -0
- package/link-anchor.css +53 -0
- package/link-card.css +106 -0
- package/package.json +2 -2
- package/table.css +13 -0
- package/dist/darkside/version/7.23.1/component/alert.min.css +0 -1
- package/dist/darkside/version/7.23.1/component/form.min.css +0 -1
- package/dist/darkside/version/7.23.1/component/modal.min.css +0 -1
- package/dist/darkside/version/7.23.1/component/table.min.css +0 -1
- package/dist/darkside/version/7.23.1/component/tag.min.css +0 -1
- package/dist/darkside/version/7.23.1/components.min.css +0 -1
- package/dist/darkside/version/7.23.1/index.min.css +0 -1
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/accordion.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/accordion.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/actionmenu.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/actionmenu.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/button.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/button.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/chips.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/chips.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/date.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/date.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/dropdown.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/dropdown.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/helptext.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/helptext.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/internalheader.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/link.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/linkpanel.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/linkpanel.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/list.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/list.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/primitives.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/primitives.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/readmore.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/readmore.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/skeleton.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/skeleton.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/stepper.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/stepper.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/tabs.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/tabs.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/timeline.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/timeline.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/togglegroup.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/togglegroup.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/tooltip.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/typography.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/component/typography.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.23.1 → 7.24.0}/global/reset.min.css +0 -0
package/dist/component/form.css
CHANGED
|
@@ -291,6 +291,9 @@ li.navds-file-item {
|
|
|
291
291
|
margin-top: -0.375rem;
|
|
292
292
|
color: var(--ac-form-description, var(--__ac-form-description, var(--a-text-subtle)));
|
|
293
293
|
}
|
|
294
|
+
.navds-form-field__description:empty {
|
|
295
|
+
display: none;
|
|
296
|
+
}
|
|
294
297
|
.navds-form-field--disabled {
|
|
295
298
|
opacity: 0.3;
|
|
296
299
|
cursor: not-allowed;
|
|
@@ -740,6 +743,7 @@ li.navds-file-item {
|
|
|
740
743
|
position: relative;
|
|
741
744
|
padding: 0.5rem;
|
|
742
745
|
padding-right: 2rem;
|
|
746
|
+
scroll-margin-block-start: 4rem;
|
|
743
747
|
}
|
|
744
748
|
@media (forced-colors: active) {
|
|
745
749
|
.navds-select__input.navds-select__input.navds-select__input {
|
|
@@ -849,6 +853,7 @@ li.navds-file-item {
|
|
|
849
853
|
}
|
|
850
854
|
.navds-switch--small > .navds-switch__input {
|
|
851
855
|
height: 2rem;
|
|
856
|
+
width: 2.5rem;
|
|
852
857
|
top: 0;
|
|
853
858
|
}
|
|
854
859
|
/* Label */
|
|
@@ -866,10 +871,10 @@ li.navds-file-item {
|
|
|
866
871
|
padding: 0.75rem 3.25rem 0.75rem 0;
|
|
867
872
|
}
|
|
868
873
|
.navds-switch--small > .navds-switch__label-wrapper > .navds-switch__content {
|
|
869
|
-
padding: calc(var(--a-spacing-2) - var(--a-spacing-05)) 0 calc(var(--a-spacing-2) - var(--a-spacing-05))
|
|
874
|
+
padding: calc(var(--a-spacing-2) - var(--a-spacing-05)) 0 calc(var(--a-spacing-2) - var(--a-spacing-05)) 2.75rem;
|
|
870
875
|
}
|
|
871
876
|
.navds-switch--right.navds-switch--small > .navds-switch__label-wrapper > .navds-switch__content {
|
|
872
|
-
padding: calc(var(--a-spacing-2) - var(--a-spacing-05))
|
|
877
|
+
padding: calc(var(--a-spacing-2) - var(--a-spacing-05)) 2.75rem calc(var(--a-spacing-2) - var(--a-spacing-05)) 0;
|
|
873
878
|
}
|
|
874
879
|
.navds-switch--with-description,
|
|
875
880
|
.navds-switch--small > .navds-switch__label-wrapper > .navds-switch--with-description {
|
|
@@ -897,7 +902,9 @@ li.navds-file-item {
|
|
|
897
902
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
898
903
|
}
|
|
899
904
|
.navds-switch--small > .navds-switch__track {
|
|
900
|
-
top: var(--a-spacing-1);
|
|
905
|
+
top: var(--a-spacing-1-alt);
|
|
906
|
+
width: 2.25rem;
|
|
907
|
+
height: 1.25rem;
|
|
901
908
|
}
|
|
902
909
|
.navds-switch--right > .navds-switch__input,
|
|
903
910
|
.navds-switch--right > .navds-switch__track {
|
|
@@ -952,6 +959,10 @@ li.navds-file-item {
|
|
|
952
959
|
align-items: center;
|
|
953
960
|
justify-content: center;
|
|
954
961
|
}
|
|
962
|
+
.navds-switch--small .navds-switch__thumb {
|
|
963
|
+
width: 0.875rem;
|
|
964
|
+
height: 0.875rem;
|
|
965
|
+
}
|
|
955
966
|
.navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
|
|
956
967
|
transform: translateX(1.25rem);
|
|
957
968
|
color: var(--ac-switch-thumb-icon-checked, var(--a-icon-action-selected));
|
|
@@ -961,11 +972,12 @@ li.navds-file-item {
|
|
|
961
972
|
left: 0;
|
|
962
973
|
top: 0;
|
|
963
974
|
}
|
|
964
|
-
.navds-switch__input:checked ~ .navds-switch__track .navds-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
975
|
+
.navds-switch--small > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
|
|
976
|
+
transform: translateX(1rem);
|
|
977
|
+
width: 1rem;
|
|
978
|
+
height: 1rem;
|
|
979
|
+
left: 0;
|
|
980
|
+
top: 0;
|
|
969
981
|
}
|
|
970
982
|
@media (hover: hover) and (pointer: fine) {
|
|
971
983
|
.navds-switch__input:hover ~ .navds-switch__track > .navds-switch__thumb {
|
|
@@ -975,6 +987,10 @@ li.navds-file-item {
|
|
|
975
987
|
.navds-switch__input:checked:hover ~ .navds-switch__track > .navds-switch__thumb {
|
|
976
988
|
transform: translateX(1.125rem);
|
|
977
989
|
}
|
|
990
|
+
|
|
991
|
+
.navds-switch--small > .navds-switch__input:checked:hover ~ .navds-switch__track > .navds-switch__thumb {
|
|
992
|
+
transform: translateX(0.875rem);
|
|
993
|
+
}
|
|
978
994
|
}
|
|
979
995
|
.navds-switch__input:disabled:hover ~ .navds-switch__track > .navds-switch__thumb {
|
|
980
996
|
transform: translateX(0);
|
|
@@ -982,6 +998,9 @@ li.navds-file-item {
|
|
|
982
998
|
.navds-switch__input:checked:disabled:hover ~ .navds-switch__track > .navds-switch__thumb {
|
|
983
999
|
transform: translateX(1.25rem);
|
|
984
1000
|
}
|
|
1001
|
+
.navds-switch--small > .navds-switch__input:checked:disabled:hover ~ .navds-switch__track > .navds-switch__thumb {
|
|
1002
|
+
transform: translateX(1rem);
|
|
1003
|
+
}
|
|
985
1004
|
/* Disabled */
|
|
986
1005
|
.navds-switch__input:disabled {
|
|
987
1006
|
appearance: none;
|
|
@@ -1082,6 +1101,7 @@ li.navds-file-item {
|
|
|
1082
1101
|
min-height: 3rem;
|
|
1083
1102
|
width: 100%;
|
|
1084
1103
|
color: var(--ac-textfield-text, var(--__ac-textfield-text, var(--a-text-default)));
|
|
1104
|
+
scroll-margin-block-start: 4rem;
|
|
1085
1105
|
}
|
|
1086
1106
|
.navds-text-field__input[size] {
|
|
1087
1107
|
width: auto;
|
|
@@ -1166,6 +1186,7 @@ li.navds-file-item {
|
|
|
1166
1186
|
width: 100%;
|
|
1167
1187
|
display: block;
|
|
1168
1188
|
color: var(--ac-textarea-text, var(--__ac-textarea-text, var(--a-text-default)));
|
|
1189
|
+
scroll-margin-block-start: 4rem;
|
|
1169
1190
|
}
|
|
1170
1191
|
.navds-textarea__input::placeholder {
|
|
1171
1192
|
color: var(--ac-textarea-placeholder, var(--__ac-textarea-placeholder, var(--a-text-subtle)));
|
|
@@ -1,3 +1,3 @@
|
|
|
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,: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,: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}@media (forced-colors:active){.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:1}}.navds-dropzone__area{--__ac-dropzone-background:var(--a-surface-subtle);--__ac-dropzone-text-color:var(--a-text-default);--__ac-dropzone-padding:var(--a-spacing-6);--__ac-dropzone-icon-padding:var(--a-spacing-2);--__ac-dropzone-animation-length-long:0.6s;--__ac-dropzone-animation-length-short:250ms;--__ac-dropzone-animation-ease-out:cubic-bezier(0.3,1,0.3,1);--__ac-dropzone-animation-over-under:cubic-bezier(0.3,1.4,0.3,1);align-items:center;background-color:var(--__ac-dropzone-background);border-radius:var(--a-border-radius-large);color:var(--__ac-dropzone-text-color);cursor:pointer;display:flex;flex-direction:column;gap:var(--a-spacing-4);outline:1px dashed var(--a-border-subtle);outline-offset:-1px;padding:var(--__ac-dropzone-padding);position:relative;text-align:center;transition:background-color var(--__ac-dropzone-animation-length-short) var(--__ac-dropzone-animation-ease-out);width:100%}.navds-dropzone__area:hover{box-shadow:inset 0 2px 4px 1px #0b0b0b0d;outline-color:var(--a-border-default)}.navds-dropzone--disabled>.navds-dropzone__area:hover{box-shadow:none;cursor:default;outline-color:var(--a-border-subtle)}.navds-dropzone--dragging>.navds-dropzone__area{--__ac-dropzone-background:var(--a-surface-action-subtle-hover)}.navds-dropzone--dragging>.navds-dropzone__area:after{animation:akselDropzoneDragoverAnimation var(--__ac-dropzone-animation-length-short) var(--__ac-dropzone-animation-ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--a-surface-hover);border-radius:var(--a-border-radius-large);box-shadow:inset 0 2px 7px 3px #0b0b0b1a;color:var(--a-text-action-selected);content:"";inset:0;outline:1px dashed var(--a-border-subtle);outline-offset:-1px;position:absolute}@keyframes akselDropzoneDragoverAnimation{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:var(--a-surface-transparent)}70%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{background-color:var(--a-surface-hover)}}.navds-dropzone__area-icon{display:grid;padding:var(--__ac-dropzone-icon-padding);visibility:hidden}.navds-dropzone--error:where(:not(.navds-dropzone--dragging))>.navds-dropzone__area{outline-color:var(--a-surface-danger);outline-width:2px}.navds-dropzone__area:hover>.navds-dropzone__area-button{background-color:var(
|
|
2
2
|
--ac-button-secondary-hover-bg,var(--__ac-button-secondary-hover-bg,var(--a-surface-action-subtle-hover))
|
|
3
|
-
);color:var(--ac-button-secondary-hover-text,var(--__ac-button-secondary-hover-text,var(--a-text-action-on-action-subtle)))}.navds-dropzone__area:active .navds-dropzone__area-button{background-color:var(--ac-button-secondary-active-bg,var(--__ac-button-secondary-active-bg,var(--a-surface-action-active)));box-shadow:none;color:var(--ac-button-secondary-active-text,var(--__ac-button-secondary-active-text,var(--a-text-on-action)))}.navds-dropzone__area-release{display:grid;pointer-events:none;position:absolute;top:var(--__ac-dropzone-padding);transition:top var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under),transform var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under);z-index:1}.navds-dropzone__area-release__icon{background-color:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-full);display:grid;font-size:1.5rem;padding:var(--__ac-dropzone-icon-padding);transition:background-color .3s var(--__ac-dropzone-animation-ease-out),font-size .3s var(--__ac-dropzone-animation-ease-out)}.navds-dropzone--dragging .navds-dropzone__area-release>.navds-dropzone__area-release__icon{background-color:initial;font-size:2rem}.navds-dropzone__area-release__text{visibility:hidden}.navds-dropzone--dragging .navds-dropzone__area-release>.navds-dropzone__area-release__text{transition:visibility var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under);visibility:visible}.navds-dropzone--dragging .navds-dropzone__area-release{color:var(--a-text-action-selected);top:50%;transform:translateY(-50%)}.navds-dropzone__area-disabled{align-items:center;color:var(--a-text-subtle);display:flex;flex-direction:column;gap:var(--a-spacing-2)}.navds-file-upload :is(ul,li),li.navds-file-item,ul:has(>li.navds-file-item){list-style:none;margin:0;padding:0}.navds-file-item__inner{align-items:flex-start;border-radius:var(--a-border-radius-large);display:flex;gap:var(--a-spacing-3);outline:1px solid var(--a-border-subtle);outline-offset:-1px;padding:var(--a-spacing-3);transition:outline-color .25s cubic-bezier(0,.3,.15,1)}.navds-file-item--error>.navds-file-item__inner{outline:2px solid var(--a-surface-danger)}.navds-file-item__icon{background-color:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-full);color:var(--a-icon-default);display:grid;min-height:3rem;min-width:3rem;place-content:center;transition:background-color .25s cubic-bezier(0,.3,.15,1)}.navds-file-item__icon--loading{background-color:initial}.navds-file-item__file-info{overflow-wrap:anywhere}.navds-file-item__button{margin-left:auto}.navds-file-item__error{color:var(--a-text-danger);display:grid;grid-template-rows:0fr;overflow:hidden;transition-duration:.25s;transition-property:grid-template-rows,padding-top;transition-timing-function:cubic-bezier(0,.3,.15,1)}.navds-file-item--error .navds-file-item__error{grid-template-rows:1fr;padding-top:var(--a-spacing-1)}.navds-file-item__error-content>svg{flex-shrink:0;height:1rem;margin-top:.1rem}.navds-file-item__error-content{display:flex;gap:var(--a-spacing-1);min-height:0}.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-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)}@media (forced-colors:active){.navds-form-field--disabled{opacity:1}}.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__heading{scroll-margin-top:var(--a-spacing-6)}.navds-error-summary--small .navds-error-summary__heading{scroll-margin-top:var(--a-spacing-4)}.navds-error-summary__heading:focus{outline:none}.navds-error-summary:focus-visible,.navds-error-summary:has(.navds-error-summary__heading:focus-visible){box-shadow:0 0 0 1px var(--a-border-on-inverted),0 0 0 4px var(--a-border-focus)}@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);position:relative;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-confirmation-panel--error .navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label{color:var(--a-text-default)}@media (forced-colors:active){.navds-confirmation-panel__inner:before{border-left:8px solid;border-color:orange;border-end-start-radius:calc(var(--a-border-radius-medium) - 1px);border-start-start-radius:calc(var(--a-border-radius-medium) - 1px);content:"";forced-color-adjust:none;height:100%;left:0;position:absolute;top:0}.navds-confirmation-panel--checked .navds-confirmation-panel__inner:before{border-color:green}.navds-confirmation-panel--error .navds-confirmation-panel__inner:before{border-color:red}}.navds-checkbox,.navds-radio{position:relative;width:-webkit-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+.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 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus);outline:2px solid #0000;outline-offset:2px}.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-hover)),0 0 0 4px var(--a-border-focus)}.navds-checkbox__icon-indeterminate{display:none}.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:where(:checked,:indeterminate)+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action-selected));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-selected))}.navds-checkbox__input:where(:checked,:indeterminate):hover+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action-selected-hover));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-selected-hover))}.navds-checkbox__input:where(:not(:checked))+.navds-checkbox__label>.navds-checkbox__icon{display:none}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{align-items:center;color:var(--ac-radio-checkbox-bg,var(--a-surface-default));display:flex;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+.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-selected)),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-selected));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-selected)),inset 0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default))}.navds-radio__input:checked:focus+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-selected)),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-hover))}.navds-checkbox__input:hover:not(:disabled,:checked,:indeterminate,:focus)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled,:checked,:focus)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-hover))}.navds-checkbox__input:hover:not(:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled,: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,:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:hover,:disabled,: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:not(:hover,:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:not(:hover,:disabled,: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,:checked,:indeterminate,:focus)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled,:checked,: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,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:hover:not(:disabled,: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,:indeterminate,:focus)+.navds-checkbox__label:before,.navds-checkbox--readonly>.navds-checkbox__input:not(:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:hover:not(:checked,:focus)+.navds-radio__label:before,.navds-radio--readonly>.navds-radio__input:not(:disabled,:checked)+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:focus+.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)}@media (forced-colors:active){.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{outline-color:highlight}.navds-checkbox,.navds-radio{--__ac-radio-checkbox-high-contrast-bg:field;--__ac-radio-checkbox-high-contrast-text:fieldtext;--__ac-radio-checkbox-high-contrast-highlight:highlight}.navds-checkbox__label:before,.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-high-contrast-bg);border:1px solid var(--__ac-radio-checkbox-high-contrast-text)}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--__ac-radio-checkbox-high-contrast-text)}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after,.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-high-contrast-text)}.navds-radio__input:checked+.navds-radio__label:before{border:1px solid var(--__ac-radio-checkbox-high-contrast-text);outline:3px solid var(--__ac-radio-checkbox-high-contrast-bg);outline-offset:-4px}.navds-radio__input:checked:focus+.navds-radio__label:before{border:1px solid var(--__ac-radio-checkbox-high-contrast-bg);outline:2px solid highlight;outline-offset:2px}:not(.navds-checkbox--readonly)>.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,:not(.navds-radio--readonly)>.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:highlight}.navds-checkbox__input:focus+.navds-checkbox__label:before{outline:2px solid var(--__ac-radio-checkbox-high-contrast-highlight)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-high-contrast-bg);border:1px solid var(--__ac-radio-checkbox-high-contrast-text)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--__ac-radio-checkbox-high-contrast-text)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-high-contrast-text);border:1px solid var(--__ac-radio-checkbox-high-contrast-text);outline:3px solid var(--__ac-radio-checkbox-high-contrast-bg);outline-offset:-4px}.navds-checkbox--disabled,.navds-radio--disabled{opacity:1;--__ac-radio-checkbox-high-contrast-bg:field;--__ac-radio-checkbox-high-contrast-text:graytext}:is(.navds-checkbox--disabled,.navds-radio--disabled) :is(.navds-checkbox__label,.navds-radio__label){color:graytext}}.navds-select__input{-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%}@media (forced-colors:active){.navds-select__input.navds-select__input.navds-select__input{background-color:ButtonFace;border-color:ButtonText;box-shadow:none;color:ButtonText;forced-color-adjust:none}.navds-select__input.navds-select__input.navds-select__input:focus{outline:2px solid highlight;outline-offset:2px}}.navds-select__input:hover{border-color:var(--ac-select-hover-border,var(--a-border-action-hover));cursor:pointer}.navds-select__input:focus{border-color:var(--ac-select-active-border,var(--a-border-action-selected));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)}@media (forced-colors:active){.navds-select__chevron{color:ButtonText}}.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>* .navds-select__input:not(:hover,: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--error .navds-select__input:focus{box-shadow:var(--a-shadow-focus)}.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-select--readonly .navds-select__chevron{color:var(--a-gray-500)}.navds-switch{min-height:3rem;position:relative;width:-webkit-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-default));border:2px solid var(--a-border-default);border-radius:var(--a-border-radius-full);height:1.5rem;left:0;position:absolute;top:var(--a-spacing-3);transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function: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));border-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-subtle))}.navds-switch__input:hover:checked:not(:disabled)~.navds-switch__track{background-color:var(--ac-switch-checked-hover-bg,var(--a-surface-action-selected-hover));border-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-default))}.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);outline:2px solid #0000;outline-offset:2px}@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);outline:2px solid #0000}}.navds-switch__thumb{align-items:center;background-color:var(--ac-switch-thumb-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-full);color:var(--ac-switch-thumb-icon,var(--a-icon-subtle));display:flex;height:1.125rem;justify-content:center;left:.0625rem;position:absolute;top:.0625rem;transform:translateX(0);transition:transform .25s cubic-bezier(.4,0,.2,1);width:1.125rem}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:var(--a-surface-default);color:var(--ac-switch-thumb-icon-checked,var(--a-icon-action-selected));height:1.25rem;left:0;top:0;transform:translateX(1.25rem);width:1.25rem}.navds-switch__input:checked~.navds-switch__track .navds-switch__checkmark{visibility:visible}.navds-switch__checkmark{visibility:hidden}@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);border-color:var(--a-border-subtle)}.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-neutral)}.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:var(--a-surface-neutral);color:var(--a-icon-on-neutral)}@media (hover:hover) and (pointer:fine){.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(0)}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.25rem)}}@media (forced-colors:active){.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:highlight}.navds-switch--readonly .navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb,.navds-switch--readonly .navds-switch__thumb,.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb,.navds-switch__thumb{background-color:fieldtext}.navds-switch--readonly .navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb,.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:field}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:graytext}.navds-switch__input:focus-visible~.navds-switch__track{outline:2px solid highlight;outline-offset:2px}.navds-switch--disabled:not(.navds-switch--loading){opacity:1}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb{background-color:graytext;border-color:graytext}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track{border-color:graytext}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper,.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper:hover{color:graytext!important}}.navds-text-field__input{-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-hover)))}.navds-text-field__input:focus-visible{border-color:var(--ac-textfield-active-border,var(--a-border-action-selected));box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@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,: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,: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,: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}@media (forced-colors:active){.navds-text-field__input{background-color:field;color:fieldtext}}.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;height:var(--__ac-textarea-height);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-hover)))}.navds-textarea__input:focus-visible{border-color:var(--ac-textarea-active-border,var(--a-border-action-selected));box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@supports not selector(:focus-visible){.navds-textarea__input:focus{box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}}.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:-.375rem}.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__input:focus~.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,: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--error .navds-textarea__input:focus-visible{box-shadow:var(--a-shadow-focus)}.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}@media (forced-colors:active){.navds-textarea__input{background-color:field;color:fieldtext}}.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-hover)))}.navds-search__button-clear:focus-visible{box-shadow:var(--a-shadow-focus);outline:2px solid #0000}@supports not selector(:focus-visible){.navds-search__button-clear:focus{box-shadow:var(--a-shadow-focus);outline:2px solid #0000}}.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:where(:hover,:active){box-shadow:-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action-hover))) inset,0 1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action-hover))) inset,0 -1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action-hover))) inset,-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action-hover)));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-hover))) 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,: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,: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,: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}}@media (forced-colors:active){.navds-modal{outline:2px solid #0000}.navds-search__button-clear:hover{color:highlight}}.navds-combobox__wrapper{--__ac-combobox-icon-size:1.5rem;--__ac-combobox-wrapper-inner-padding:var(--a-spacing-2);--__ac-combobox-list-item-padding-block:var(--a-spacing-3);--__ac-combobox-list-item-padding-inline:var(--a-spacing-3);--__ac-combobox-border-width:1px;--__ac-combobox-input-height:2rem;display:flex;flex-direction:column;position:relative;width:100%}.navds-form-field--small .navds-combobox__wrapper{--__ac-combobox-icon-size:1.25rem;--__ac-combobox-wrapper-inner-padding:var(--a-spacing-1);--__ac-combobox-list-item-padding-block:var(--a-spacing-1-alt);--__ac-combobox-list-item-padding-inline:var(--a-spacing-2);--__ac-combobox-input-height:1.5rem}.navds-combobox--disabled{opacity:.3}.navds-combobox--disabled .navds-combobox__wrapper :hover{cursor:not-allowed}.navds-combobox--disabled .navds-text-field__input{border:1px solid var(--a-border-default)}.navds-combobox--disabled .navds-combobox__selected-options,.navds-combobox--readonly{pointer-events:none}.navds-combobox--readonly .navds-combobox__button-toggle-list{color:var(--a-gray-500)}.navds-combobox--readonly .navds-combobox__input,.navds-combobox--readonly .navds-text-field__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle)}.navds-combobox__button-toggle-list svg,.navds-combobox__list svg{height:var(--__ac-combobox-icon-size);width:var(--__ac-combobox-icon-size)}.navds-combobox__wrapper-inner.navds-text-field__input{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-block:calc(var(--__ac-combobox-wrapper-inner-padding) - var(--__ac-combobox-border-width));padding-inline:var(--__ac-combobox-wrapper-inner-padding);position:relative;width:100%}.navds-combobox__wrapper-inner>:first-child{flex:2}.navds-combobox__wrapper-inner:hover{cursor:text}.navds-combobox--error .navds-text-field__input:not(:hover,: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,:disabled,.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);outline:2px solid #0000;outline-offset:2px}.navds-combobox__selected-options{align-items:center;gap:0}.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__selected-options[data-type=multiple]{gap:var(--__ac-combobox-wrapper-inner-padding)}.navds-combobox__selected-options>li:only-child>.navds-combobox__input{margin-left:var(--a-spacing-1)}.navds-combobox__input-wrapper{width:100%}.navds-combobox__input{border:none;flex:1;height:var(--__ac-combobox-input-height);margin:0;min-width:10ch;padding:0;width:100%}.navds-combobox__selected-options[data-type=single] .navds-combobox__input{min-width:auto}.navds-combobox__input--hide-caret{caret-color:#0000}.navds-combobox__input:focus-visible{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){box-shadow:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none;outline: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:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none;outline:none}}@supports not selector(:has){.navds-combobox--focused .navds-combobox__wrapper-inner{box-shadow:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}.navds-combobox--focused .navds-combobox__wrapper-inner.navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none;outline:none}}.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-toggle-list:active:hover{color:var(--a-text-action)}.navds-combobox__button-toggle-list:hover{color: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__list{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;left:0;max-height:290px;overflow-y:auto;overscroll-behavior:contain;position:absolute;right:0;top:calc(100% + var(--a-spacing-2));z-index:var(--a-z-index-popover)}.navds-combobox__list--closed{display:none}.navds-combobox__list_non-selectables{left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1}.navds-combobox__list-item,.navds-combobox__list-item--loading,.navds-combobox__list-item--max-selected,.navds-combobox__list-item--new-option,.navds-combobox__list-item--no-options{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-block:var(--__ac-combobox-list-item-padding-block);padding-inline:var(--__ac-combobox-list-item-padding-inline);width:100%}.navds-combobox__list:has(.navds-combobox__list_non-selectables) .navds-combobox__list-item{scroll-margin-top:48px}.navds-combobox__list-item--loading{background-color:var(--ac-combobox-list-item-loading-bg,var(--a-surface-default));justify-content:center}.navds-combobox__list-item--max-selected{background:var(--ac-combobox-list-item-max-selected-bg,var(--a-surface-info-subtle));border:1px solid var(--ac-combobox-list-item-max-selected-border,var(--a-border-info));border-start-end-radius:calc(var(--a-border-radius-medium) - 1px);border-start-start-radius:calc(var(--a-border-radius-medium) - 1px)}.navds-combobox__list_non-selectables:hover{cursor:default}.navds-combobox__list-options{align-items:flex-start;background-color:inherit;display:inherit;flex-direction:inherit;gap:inherit;list-style:none;margin:0;padding:0;width:100%}.navds-combobox__list--with-hover .navds-combobox__list-item:where(:not([data-no-focus=true],.navds-combobox__list-item--new-option)):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;-webkit-padding-start:calc(var(--__ac-combobox-list-item-padding-inline) - 4px);padding-inline-start:calc(var(--__ac-combobox-list-item-padding-inline) - 4px)}.navds-combobox__list-item[data-no-focus=true]{cursor:not-allowed;opacity:.4}.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))}.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}.navds-combobox__list-item mark{background-color:initial;font-weight:700}@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)}}@media (forced-colors:active){.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){outline-color:highlight}.navds-combobox__list--with-hover .navds-combobox__list-item:not([data-no-focus=true],.navds-combobox__list-item--new-option):hover,.navds-combobox__list-item--focus{border-left-color:highlight;color:highlight}.navds-combobox__list-item[data-no-focus=true]{color:graytext;opacity:1}.navds-combobox__list-item--selected{background-color:selecteditem;color:selecteditemtext}.navds-combobox__list-item--selected>*{forced-color-adjust:none}.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover,.navds-combobox__list-item--selected.navds-combobox__list-item--focus{border-left-color:highlight;color:highlight}.navds-combobox__list--with-hover .navds-combobox__list-item--new-option:hover{color:highlight}.navds-combobox__list-item--new-option--focus{outline:2px solid highlight;outline-offset:-3px}}.navds-form-summary{background:var(--a-surface-default);border:1px solid var(--a-border-subtle);border-radius:var(--a-border-radius-large);overflow:hidden}.navds-form-summary__header{background-color:var(--a-surface-subtle);display:flex;gap:0 var(--a-spacing-2);justify-content:space-between;padding:var(--a-spacing-4) var(--a-spacing-6)}@media (max-width:479px){.navds-form-summary__header{flex-direction:column;padding:var(--a-spacing-3) var(--a-spacing-4)}}.navds-form-summary__edit{align-self:flex-start;flex-shrink:0;margin-top:var(--a-spacing-1)}.navds-form-summary>.navds-form-summary__answers{border-top:1px solid var(--a-border-subtle)}.navds-form-summary__answers{margin:0;padding:var(--a-spacing-5) var(--a-spacing-6) var(--a-spacing-6)}@media (max-width:479px){.navds-form-summary__answers{padding:var(--a-spacing-4)}}.navds-form-summary__answer:not(:last-child){border-bottom:1px solid var(--a-border-divider);margin-bottom:var(--a-spacing-4);padding-bottom:var(--a-spacing-4)}.navds-form-summary__answer:has(.navds-form-summary__answer){padding-bottom:var(--a-spacing-6)}.navds-form-summary__answer:has(.navds-form-summary__answer):last-child{padding-bottom:0}@media (max-width:479px){.navds-form-summary__answer:not(:last-child){margin-bottom:var(--a-spacing-3);padding-bottom:var(--a-spacing-3)}.navds-form-summary__answer:has(.navds-form-summary__answer){padding-bottom:var(--a-spacing-5)}}.navds-form-summary__value:first-of-type{margin-top:var(--a-spacing-1)}.navds-form-summary__value :where(.navds-form-summary__answers){background:var(--a-surface-selected);border-radius:var(--a-border-radius-large);margin-top:var(--a-spacing-2);padding:var(--a-spacing-4)}.navds-form-progress__bar{margin-bottom:var(--a-spacing-2)}.navds-form-progress__button[data-state=closed] .navds-form-progress__btn-txt-hide,.navds-form-progress__button[data-state=open] .navds-form-progress__btn-txt-show{display:none}.navds-form-progress__button:hover svg{transform:translateY(1px)}.navds-form-progress__button[data-state=open] svg{transform:rotate(-180deg)}.navds-form-progress__button[data-state=open]:hover svg{transform:translateY(-1px) rotate(-180deg)}.navds-form-progress__collapsible{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s cubic-bezier(.3,0,.15,1)}.navds-form-progress__collapsible[hidden]{display:grid!important}.navds-form-progress__collapsible[data-state=open]{grid-template-rows:1fr}.navds-form-progress__collapsible-content{min-height:0;transition:visibility .3s;visibility:hidden}.navds-form-progress__collapsible[data-state=open] .navds-form-progress__collapsible-content{visibility:visible}.navds-form-progress__stepper{border:2px solid var(--a-border-subtle);border-radius:var(--a-border-radius-large);margin-top:var(--a-spacing-1);padding:var(--a-spacing-2) var(--a-spacing-4)}
|
|
3
|
+
);color:var(--ac-button-secondary-hover-text,var(--__ac-button-secondary-hover-text,var(--a-text-action-on-action-subtle)))}.navds-dropzone__area:active .navds-dropzone__area-button{background-color:var(--ac-button-secondary-active-bg,var(--__ac-button-secondary-active-bg,var(--a-surface-action-active)));box-shadow:none;color:var(--ac-button-secondary-active-text,var(--__ac-button-secondary-active-text,var(--a-text-on-action)))}.navds-dropzone__area-release{display:grid;pointer-events:none;position:absolute;top:var(--__ac-dropzone-padding);transition:top var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under),transform var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under);z-index:1}.navds-dropzone__area-release__icon{background-color:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-full);display:grid;font-size:1.5rem;padding:var(--__ac-dropzone-icon-padding);transition:background-color .3s var(--__ac-dropzone-animation-ease-out),font-size .3s var(--__ac-dropzone-animation-ease-out)}.navds-dropzone--dragging .navds-dropzone__area-release>.navds-dropzone__area-release__icon{background-color:initial;font-size:2rem}.navds-dropzone__area-release__text{visibility:hidden}.navds-dropzone--dragging .navds-dropzone__area-release>.navds-dropzone__area-release__text{transition:visibility var(--__ac-dropzone-animation-length-long) var(--__ac-dropzone-animation-over-under);visibility:visible}.navds-dropzone--dragging .navds-dropzone__area-release{color:var(--a-text-action-selected);top:50%;transform:translateY(-50%)}.navds-dropzone__area-disabled{align-items:center;color:var(--a-text-subtle);display:flex;flex-direction:column;gap:var(--a-spacing-2)}.navds-file-upload :is(ul,li),li.navds-file-item,ul:has(>li.navds-file-item){list-style:none;margin:0;padding:0}.navds-file-item__inner{align-items:flex-start;border-radius:var(--a-border-radius-large);display:flex;gap:var(--a-spacing-3);outline:1px solid var(--a-border-subtle);outline-offset:-1px;padding:var(--a-spacing-3);transition:outline-color .25s cubic-bezier(0,.3,.15,1)}.navds-file-item--error>.navds-file-item__inner{outline:2px solid var(--a-surface-danger)}.navds-file-item__icon{background-color:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-full);color:var(--a-icon-default);display:grid;min-height:3rem;min-width:3rem;place-content:center;transition:background-color .25s cubic-bezier(0,.3,.15,1)}.navds-file-item__icon--loading{background-color:initial}.navds-file-item__file-info{overflow-wrap:anywhere}.navds-file-item__button{margin-left:auto}.navds-file-item__error{color:var(--a-text-danger);display:grid;grid-template-rows:0fr;overflow:hidden;transition-duration:.25s;transition-property:grid-template-rows,padding-top;transition-timing-function:cubic-bezier(0,.3,.15,1)}.navds-file-item--error .navds-file-item__error{grid-template-rows:1fr;padding-top:var(--a-spacing-1)}.navds-file-item__error-content>svg{flex-shrink:0;height:1rem;margin-top:.1rem}.navds-file-item__error-content{display:flex;gap:var(--a-spacing-1);min-height:0}.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-form-field__description:empty{display:none}.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)}@media (forced-colors:active){.navds-form-field--disabled{opacity:1}}.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__heading{scroll-margin-top:var(--a-spacing-6)}.navds-error-summary--small .navds-error-summary__heading{scroll-margin-top:var(--a-spacing-4)}.navds-error-summary__heading:focus{outline:none}.navds-error-summary:focus-visible,.navds-error-summary:has(.navds-error-summary__heading:focus-visible){box-shadow:0 0 0 1px var(--a-border-on-inverted),0 0 0 4px var(--a-border-focus)}@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);position:relative;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-confirmation-panel--error .navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label{color:var(--a-text-default)}@media (forced-colors:active){.navds-confirmation-panel__inner:before{border-left:8px solid;border-color:orange;border-end-start-radius:calc(var(--a-border-radius-medium) - 1px);border-start-start-radius:calc(var(--a-border-radius-medium) - 1px);content:"";forced-color-adjust:none;height:100%;left:0;position:absolute;top:0}.navds-confirmation-panel--checked .navds-confirmation-panel__inner:before{border-color:green}.navds-confirmation-panel--error .navds-confirmation-panel__inner:before{border-color:red}}.navds-checkbox,.navds-radio{position:relative;width:-webkit-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+.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 2px var(--ac-radio-checkbox-bg,var(--a-surface-default)),0 0 0 4px var(--a-border-focus);outline:2px solid #0000;outline-offset:2px}.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-hover)),0 0 0 4px var(--a-border-focus)}.navds-checkbox__icon-indeterminate{display:none}.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:where(:checked,:indeterminate)+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action-selected));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-selected))}.navds-checkbox__input:where(:checked,:indeterminate):hover+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action-selected-hover));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-selected-hover))}.navds-checkbox__input:where(:not(:checked))+.navds-checkbox__label>.navds-checkbox__icon{display:none}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{align-items:center;color:var(--ac-radio-checkbox-bg,var(--a-surface-default));display:flex;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+.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-selected)),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-selected));box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-selected)),inset 0 0 0 2px var(--ac-radio-checkbox-bg,var(--a-surface-default))}.navds-radio__input:checked:focus+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-selected)),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-hover))}.navds-checkbox__input:hover:not(:disabled,:checked,:indeterminate,:focus)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled,:checked,:focus)+.navds-radio__label:before{box-shadow:0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action-hover))}.navds-checkbox__input:hover:not(:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled,: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,:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:hover,:disabled,: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:not(:hover,:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:not(:hover,:disabled,: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,:checked,:indeterminate,:focus)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled,:checked,: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,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:hover:not(:disabled,: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,:indeterminate,:focus)+.navds-checkbox__label:before,.navds-checkbox--readonly>.navds-checkbox__input:not(:disabled,:checked,:indeterminate)+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:hover:not(:checked,:focus)+.navds-radio__label:before,.navds-radio--readonly>.navds-radio__input:not(:disabled,:checked)+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-readonly-bg);box-shadow:0 0 0 2px var(--__ac-radio-checkbox-readonly-border)}.navds-checkbox--readonly>.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio--readonly>.navds-radio__input:focus+.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)}@media (forced-colors:active){.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{outline-color:highlight}.navds-checkbox,.navds-radio{--__ac-radio-checkbox-high-contrast-bg:field;--__ac-radio-checkbox-high-contrast-text:fieldtext;--__ac-radio-checkbox-high-contrast-highlight:highlight}.navds-checkbox__label:before,.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-high-contrast-bg);border:1px solid var(--__ac-radio-checkbox-high-contrast-text)}.navds-checkbox__input:checked+.navds-checkbox__label>.navds-checkbox__icon{color:var(--__ac-radio-checkbox-high-contrast-text)}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after,.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-high-contrast-text)}.navds-radio__input:checked+.navds-radio__label:before{border:1px solid var(--__ac-radio-checkbox-high-contrast-text);outline:3px solid var(--__ac-radio-checkbox-high-contrast-bg);outline-offset:-4px}.navds-radio__input:checked:focus+.navds-radio__label:before{border:1px solid var(--__ac-radio-checkbox-high-contrast-bg);outline:2px solid highlight;outline-offset:2px}:not(.navds-checkbox--readonly)>.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,:not(.navds-radio--readonly)>.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:highlight}.navds-checkbox__input:focus+.navds-checkbox__label:before{outline:2px solid var(--__ac-radio-checkbox-high-contrast-highlight)}.navds-checkbox--readonly>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--__ac-radio-checkbox-high-contrast-bg);border:1px solid var(--__ac-radio-checkbox-high-contrast-text)}.navds-checkbox--readonly>.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--__ac-radio-checkbox-high-contrast-text)}.navds-radio--readonly>.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--__ac-radio-checkbox-high-contrast-text);border:1px solid var(--__ac-radio-checkbox-high-contrast-text);outline:3px solid var(--__ac-radio-checkbox-high-contrast-bg);outline-offset:-4px}.navds-checkbox--disabled,.navds-radio--disabled{opacity:1;--__ac-radio-checkbox-high-contrast-bg:field;--__ac-radio-checkbox-high-contrast-text:graytext}:is(.navds-checkbox--disabled,.navds-radio--disabled) :is(.navds-checkbox__label,.navds-radio__label){color:graytext}}.navds-select__input{-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;scroll-margin-block-start:4rem;width:100%}@media (forced-colors:active){.navds-select__input.navds-select__input.navds-select__input{background-color:ButtonFace;border-color:ButtonText;box-shadow:none;color:ButtonText;forced-color-adjust:none}.navds-select__input.navds-select__input.navds-select__input:focus{outline:2px solid highlight;outline-offset:2px}}.navds-select__input:hover{border-color:var(--ac-select-hover-border,var(--a-border-action-hover));cursor:pointer}.navds-select__input:focus{border-color:var(--ac-select-active-border,var(--a-border-action-selected));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)}@media (forced-colors:active){.navds-select__chevron{color:ButtonText}}.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>* .navds-select__input:not(:hover,: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--error .navds-select__input:focus{box-shadow:var(--a-shadow-focus)}.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-select--readonly .navds-select__chevron{color:var(--a-gray-500)}.navds-switch{min-height:3rem;position:relative;width:-webkit-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;width:2.5rem}.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)) 2.75rem}.navds-switch--right.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - var(--a-spacing-05)) 2.75rem 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-default));border:2px solid var(--a-border-default);border-radius:var(--a-border-radius-full);height:1.5rem;left:0;position:absolute;top:var(--a-spacing-3);transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2.75rem}.navds-switch--small>.navds-switch__track{height:1.25rem;top:var(--a-spacing-1-alt);width:2.25rem}.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));border-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-subtle))}.navds-switch__input:hover:checked:not(:disabled)~.navds-switch__track{background-color:var(--ac-switch-checked-hover-bg,var(--a-surface-action-selected-hover));border-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-default))}.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);outline:2px solid #0000;outline-offset:2px}@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);outline:2px solid #0000}}.navds-switch__thumb{align-items:center;background-color:var(--ac-switch-thumb-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-full);color:var(--ac-switch-thumb-icon,var(--a-icon-subtle));display:flex;height:1.125rem;justify-content:center;left:.0625rem;position:absolute;top:.0625rem;transform:translateX(0);transition:transform .25s cubic-bezier(.4,0,.2,1);width:1.125rem}.navds-switch--small .navds-switch__thumb{height:.875rem;width:.875rem}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:var(--a-surface-default);color:var(--ac-switch-thumb-icon-checked,var(--a-icon-action-selected));height:1.25rem;left:0;top:0;transform:translateX(1.25rem);width:1.25rem}.navds-switch--small>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{height:1rem;left:0;top:0;transform:translateX(1rem);width:1rem}@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--small>.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(.875rem)}}.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--small>.navds-switch__input:checked:disabled:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1rem)}.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);border-color:var(--a-border-subtle)}.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-neutral)}.navds-switch--readonly>.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:var(--a-surface-neutral);color:var(--a-icon-on-neutral)}@media (hover:hover) and (pointer:fine){.navds-switch--readonly>.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(0)}.navds-switch--readonly>.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{transform:translateX(1.25rem)}}@media (forced-colors:active){.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:highlight}.navds-switch--readonly .navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb,.navds-switch--readonly .navds-switch__thumb,.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb,.navds-switch__thumb{background-color:fieldtext}.navds-switch--readonly .navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb,.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:field}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{background-color:graytext}.navds-switch__input:focus-visible~.navds-switch__track{outline:2px solid highlight;outline-offset:2px}.navds-switch--disabled:not(.navds-switch--loading){opacity:1}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb{background-color:graytext;border-color:graytext}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track{border-color:graytext}.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper,.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__label-wrapper:hover{color:graytext!important}}.navds-text-field__input{-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);scroll-margin-block-start:4rem;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-hover)))}.navds-text-field__input:focus-visible{border-color:var(--ac-textfield-active-border,var(--a-border-action-selected));box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@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,: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,: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,: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}@media (forced-colors:active){.navds-text-field__input{background-color:field;color:fieldtext}}.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;height:var(--__ac-textarea-height);padding:var(--a-spacing-2);resize:none;scroll-margin-block-start:4rem;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-hover)))}.navds-textarea__input:focus-visible{border-color:var(--ac-textarea-active-border,var(--a-border-action-selected));box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@supports not selector(:focus-visible){.navds-textarea__input:focus{box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}}.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:-.375rem}.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__input:focus~.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,: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--error .navds-textarea__input:focus-visible{box-shadow:var(--a-shadow-focus)}.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}@media (forced-colors:active){.navds-textarea__input{background-color:field;color:fieldtext}}.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-hover)))}.navds-search__button-clear:focus-visible{box-shadow:var(--a-shadow-focus);outline:2px solid #0000}@supports not selector(:focus-visible){.navds-search__button-clear:focus{box-shadow:var(--a-shadow-focus);outline:2px solid #0000}}.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:where(:hover,:active){box-shadow:-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action-hover))) inset,0 1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action-hover))) inset,0 -1px 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action-hover))) inset,-1px 0 0 0 var(--ac-search-button-border-hover,var(--__ac-search-button-border-hover,var(--a-border-action-hover)));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-hover))) 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,: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,: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,: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}}@media (forced-colors:active){.navds-modal{outline:2px solid #0000}.navds-search__button-clear:hover{color:highlight}}.navds-combobox__wrapper{--__ac-combobox-icon-size:1.5rem;--__ac-combobox-wrapper-inner-padding:var(--a-spacing-2);--__ac-combobox-list-item-padding-block:var(--a-spacing-3);--__ac-combobox-list-item-padding-inline:var(--a-spacing-3);--__ac-combobox-border-width:1px;--__ac-combobox-input-height:2rem;display:flex;flex-direction:column;position:relative;width:100%}.navds-form-field--small .navds-combobox__wrapper{--__ac-combobox-icon-size:1.25rem;--__ac-combobox-wrapper-inner-padding:var(--a-spacing-1);--__ac-combobox-list-item-padding-block:var(--a-spacing-1-alt);--__ac-combobox-list-item-padding-inline:var(--a-spacing-2);--__ac-combobox-input-height:1.5rem}.navds-combobox--disabled{opacity:.3}.navds-combobox--disabled .navds-combobox__wrapper :hover{cursor:not-allowed}.navds-combobox--disabled .navds-text-field__input{border:1px solid var(--a-border-default)}.navds-combobox--disabled .navds-combobox__selected-options,.navds-combobox--readonly{pointer-events:none}.navds-combobox--readonly .navds-combobox__button-toggle-list{color:var(--a-gray-500)}.navds-combobox--readonly .navds-combobox__input,.navds-combobox--readonly .navds-text-field__input{background-color:var(--a-surface-subtle);border-color:var(--a-border-subtle)}.navds-combobox__button-toggle-list svg,.navds-combobox__list svg{height:var(--__ac-combobox-icon-size);width:var(--__ac-combobox-icon-size)}.navds-combobox__wrapper-inner.navds-text-field__input{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-block:calc(var(--__ac-combobox-wrapper-inner-padding) - var(--__ac-combobox-border-width));padding-inline:var(--__ac-combobox-wrapper-inner-padding);position:relative;width:100%}.navds-combobox__wrapper-inner>:first-child{flex:2}.navds-combobox__wrapper-inner:hover{cursor:text}.navds-combobox--error .navds-text-field__input:not(:hover,: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,:disabled,.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);outline:2px solid #0000;outline-offset:2px}.navds-combobox__selected-options{align-items:center;gap:0}.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__selected-options[data-type=multiple]{gap:var(--__ac-combobox-wrapper-inner-padding)}.navds-combobox__selected-options>li:only-child>.navds-combobox__input{margin-left:var(--a-spacing-1)}.navds-combobox__input-wrapper{width:100%}.navds-combobox__input{border:none;flex:1;height:var(--__ac-combobox-input-height);margin:0;min-width:10ch;padding:0;width:100%}.navds-combobox__selected-options[data-type=single] .navds-combobox__input{min-width:auto}.navds-combobox__input--hide-caret{caret-color:#0000}.navds-combobox__input:focus-visible{border:none;box-shadow:none;outline:none}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){box-shadow:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none;outline: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:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none;outline:none}}@supports not selector(:has){.navds-combobox--focused .navds-combobox__wrapper-inner{box-shadow:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}.navds-combobox--focused .navds-combobox__wrapper-inner.navds-combobox__wrapper-inner--virtually-unfocused{box-shadow:none;outline:none}}.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-toggle-list:active:hover{color:var(--a-text-action)}.navds-combobox__button-toggle-list:hover{color: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__list{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;left:0;max-height:290px;overflow-y:auto;overscroll-behavior:contain;position:absolute;right:0;top:calc(100% + var(--a-spacing-2));z-index:var(--a-z-index-popover)}.navds-combobox__list--closed{display:none}.navds-combobox__list_non-selectables{left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1}.navds-combobox__list-item,.navds-combobox__list-item--loading,.navds-combobox__list-item--max-selected,.navds-combobox__list-item--new-option,.navds-combobox__list-item--no-options{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-block:var(--__ac-combobox-list-item-padding-block);padding-inline:var(--__ac-combobox-list-item-padding-inline);width:100%}.navds-combobox__list:has(.navds-combobox__list_non-selectables) .navds-combobox__list-item{scroll-margin-top:48px}.navds-combobox__list-item--loading{background-color:var(--ac-combobox-list-item-loading-bg,var(--a-surface-default));justify-content:center}.navds-combobox__list-item--max-selected{background:var(--ac-combobox-list-item-max-selected-bg,var(--a-surface-info-subtle));border:1px solid var(--ac-combobox-list-item-max-selected-border,var(--a-border-info));border-start-end-radius:calc(var(--a-border-radius-medium) - 1px);border-start-start-radius:calc(var(--a-border-radius-medium) - 1px)}.navds-combobox__list_non-selectables:hover{cursor:default}.navds-combobox__list-options{align-items:flex-start;background-color:inherit;display:inherit;flex-direction:inherit;gap:inherit;list-style:none;margin:0;padding:0;width:100%}.navds-combobox__list--with-hover .navds-combobox__list-item:where(:not([data-no-focus=true],.navds-combobox__list-item--new-option)):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;-webkit-padding-start:calc(var(--__ac-combobox-list-item-padding-inline) - 4px);padding-inline-start:calc(var(--__ac-combobox-list-item-padding-inline) - 4px)}.navds-combobox__list-item[data-no-focus=true]{cursor:not-allowed;opacity:.4}.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))}.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}.navds-combobox__list-item mark{background-color:initial;font-weight:700}@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)}}@media (forced-colors:active){.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible){outline-color:highlight}.navds-combobox__list--with-hover .navds-combobox__list-item:not([data-no-focus=true],.navds-combobox__list-item--new-option):hover,.navds-combobox__list-item--focus{border-left-color:highlight;color:highlight}.navds-combobox__list-item[data-no-focus=true]{color:graytext;opacity:1}.navds-combobox__list-item--selected{background-color:selecteditem;color:selecteditemtext}.navds-combobox__list-item--selected>*{forced-color-adjust:none}.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover,.navds-combobox__list-item--selected.navds-combobox__list-item--focus{border-left-color:highlight;color:highlight}.navds-combobox__list--with-hover .navds-combobox__list-item--new-option:hover{color:highlight}.navds-combobox__list-item--new-option--focus{outline:2px solid highlight;outline-offset:-3px}}.navds-form-summary{background:var(--a-surface-default);border:1px solid var(--a-border-subtle);border-radius:var(--a-border-radius-large);overflow:hidden}.navds-form-summary__header{background-color:var(--a-surface-subtle);display:flex;gap:0 var(--a-spacing-2);justify-content:space-between;padding:var(--a-spacing-4) var(--a-spacing-6)}@media (max-width:479px){.navds-form-summary__header{flex-direction:column;padding:var(--a-spacing-3) var(--a-spacing-4)}}.navds-form-summary__edit{align-self:flex-start;flex-shrink:0;margin-top:var(--a-spacing-1)}.navds-form-summary>.navds-form-summary__answers{border-top:1px solid var(--a-border-subtle)}.navds-form-summary__answers{margin:0;padding:var(--a-spacing-5) var(--a-spacing-6) var(--a-spacing-6)}@media (max-width:479px){.navds-form-summary__answers{padding:var(--a-spacing-4)}}.navds-form-summary__answer:not(:last-child){border-bottom:1px solid var(--a-border-divider);margin-bottom:var(--a-spacing-4);padding-bottom:var(--a-spacing-4)}.navds-form-summary__answer:has(.navds-form-summary__answer){padding-bottom:var(--a-spacing-6)}.navds-form-summary__answer:has(.navds-form-summary__answer):last-child{padding-bottom:0}@media (max-width:479px){.navds-form-summary__answer:not(:last-child){margin-bottom:var(--a-spacing-3);padding-bottom:var(--a-spacing-3)}.navds-form-summary__answer:has(.navds-form-summary__answer){padding-bottom:var(--a-spacing-5)}}.navds-form-summary__value:first-of-type{margin-top:var(--a-spacing-1)}.navds-form-summary__value :where(.navds-form-summary__answers){background:var(--a-surface-selected);border-radius:var(--a-border-radius-large);margin-top:var(--a-spacing-2);padding:var(--a-spacing-4)}.navds-form-progress__bar{margin-bottom:var(--a-spacing-2)}.navds-form-progress__button[data-state=closed] .navds-form-progress__btn-txt-hide,.navds-form-progress__button[data-state=open] .navds-form-progress__btn-txt-show{display:none}.navds-form-progress__button:hover svg{transform:translateY(1px)}.navds-form-progress__button[data-state=open] svg{transform:rotate(-180deg)}.navds-form-progress__button[data-state=open]:hover svg{transform:translateY(-1px) rotate(-180deg)}.navds-form-progress__collapsible{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s cubic-bezier(.3,0,.15,1)}.navds-form-progress__collapsible[hidden]{display:grid!important}.navds-form-progress__collapsible[data-state=open]{grid-template-rows:1fr}.navds-form-progress__collapsible-content{min-height:0;transition:visibility .3s;visibility:hidden}.navds-form-progress__collapsible[data-state=open] .navds-form-progress__collapsible-content{visibility:visible}.navds-form-progress__stepper{border:2px solid var(--a-border-subtle);border-radius:var(--a-border-radius-large);margin-top:var(--a-spacing-1);padding:var(--a-spacing-2) var(--a-spacing-4)}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
.navds-link-anchor__overlay {
|
|
2
|
+
cursor: pointer;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.navds-link-anchor__overlay:focus-within {
|
|
6
|
+
outline: 3px solid var(--a-border-focus);
|
|
7
|
+
outline-offset: 3px;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@supports selector(:has(*)) {
|
|
11
|
+
.navds-link-anchor__overlay:focus-within {
|
|
12
|
+
outline: unset;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.navds-link-anchor__overlay:has(:focus-visible) {
|
|
16
|
+
outline: 3px solid var(--a-border-focus);
|
|
17
|
+
outline-offset: 3px;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.navds-link-anchor {
|
|
22
|
+
text-decoration: underline;
|
|
23
|
+
text-decoration-color: currentColor;
|
|
24
|
+
text-underline-offset: 0.1em;
|
|
25
|
+
text-decoration-thickness: 0.05em;
|
|
26
|
+
color: inherit;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.navds-link-anchor:hover,
|
|
30
|
+
.navds-link-anchor__overlay:hover .navds-link-anchor {
|
|
31
|
+
text-decoration-thickness: 0.111em;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.navds-link-anchor:focus-visible {
|
|
35
|
+
outline: 3px solid var(--a-border-focus);
|
|
36
|
+
outline-offset: 3px;
|
|
37
|
+
border-radius: 1px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.navds-link-anchor__overlay .navds-link-anchor:focus-visible {
|
|
41
|
+
outline: none;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.navds-link-anchor__arrow {
|
|
45
|
+
transition: transform 200ms;
|
|
46
|
+
transform: translateX(0);
|
|
47
|
+
flex-shrink: 0;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.navds-link-anchor:hover .navds-link-anchor__arrow,
|
|
51
|
+
.navds-link-anchor__overlay:hover .navds-link-anchor__arrow {
|
|
52
|
+
transform: translateX(4px);
|
|
53
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.navds-link-anchor__overlay{cursor:pointer}.navds-link-anchor__overlay:focus-within{outline:3px solid var(--a-border-focus);outline-offset:3px}@supports selector(:has(*)){.navds-link-anchor__overlay:focus-within{outline:unset}.navds-link-anchor__overlay:has(:focus-visible){outline:3px solid var(--a-border-focus);outline-offset:3px}}.navds-link-anchor{color:inherit;text-decoration:underline;-webkit-text-decoration-color:currentColor;text-decoration-color:initial;text-decoration-thickness:.05em;text-underline-offset:.1em}.navds-link-anchor:hover,.navds-link-anchor__overlay:hover .navds-link-anchor{text-decoration-thickness:.111em}.navds-link-anchor:focus-visible{border-radius:1px;outline:3px solid var(--a-border-focus);outline-offset:3px}.navds-link-anchor__overlay .navds-link-anchor:focus-visible{outline:none}.navds-link-anchor__arrow{flex-shrink:0;transform:translateX(0);transition:transform .2s}.navds-link-anchor:hover .navds-link-anchor__arrow,.navds-link-anchor__overlay:hover .navds-link-anchor__arrow{transform:translateX(4px)}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
|
|
2
|
+
.navds-link-card {
|
|
3
|
+
--__ac-link-card-padding-block: var(--a-spacing-4);
|
|
4
|
+
--__ac-link-card-padding-inline: var(--a-spacing-5);
|
|
5
|
+
|
|
6
|
+
border-radius: var(--a-border-radius-xlarge);
|
|
7
|
+
text-decoration: none;
|
|
8
|
+
color: var(--a-text-default);
|
|
9
|
+
transition-property: border-color, box-shadow, transform, background-color;
|
|
10
|
+
transition-duration: 300ms;
|
|
11
|
+
transition-timing-function: cubic-bezier(0, 0, 0, 1);
|
|
12
|
+
position: relative;
|
|
13
|
+
background-color: var(--a-surface-default);
|
|
14
|
+
border: 1px solid var(--a-border-subtle);
|
|
15
|
+
padding: var(--__ac-link-card-padding-block) var(--__ac-link-card-padding-inline);
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
display: grid;
|
|
18
|
+
grid-template-areas:
|
|
19
|
+
"image image"
|
|
20
|
+
"icon title"
|
|
21
|
+
"icon description"
|
|
22
|
+
"icon footer";
|
|
23
|
+
grid-template-columns: auto 1fr;
|
|
24
|
+
grid-template-rows: min-content min-content min-content auto;
|
|
25
|
+
align-items: center;
|
|
26
|
+
}
|
|
27
|
+
.navds-link-card:not(:has(.navds-link-card__description, .navds-link-card__footer)) {
|
|
28
|
+
grid-template-rows: auto 1fr;
|
|
29
|
+
}
|
|
30
|
+
.navds-link-card:not(:has(.navds-link-card__description, .navds-link-card__footer)) .navds-link-card__icon {
|
|
31
|
+
align-self: center;
|
|
32
|
+
}
|
|
33
|
+
.navds-link-card:not(:has(.navds-link-card__description, .navds-link-card__footer)) .navds-link-card__title {
|
|
34
|
+
align-items: center;
|
|
35
|
+
}
|
|
36
|
+
.navds-link-card:hover {
|
|
37
|
+
border-color: var(--a-border-default);
|
|
38
|
+
box-shadow: 0 0 0 1px var(--a-border-default);
|
|
39
|
+
}
|
|
40
|
+
.navds-link-card__title {
|
|
41
|
+
grid-area: title;
|
|
42
|
+
color: var(--a-text-default);
|
|
43
|
+
display: flex;
|
|
44
|
+
align-items: flex-start;
|
|
45
|
+
justify-content: space-between;
|
|
46
|
+
gap: var(--a-spacing-2);
|
|
47
|
+
hyphens: auto;
|
|
48
|
+
}
|
|
49
|
+
.navds-link-card__description {
|
|
50
|
+
grid-area: description;
|
|
51
|
+
margin-block-start: var(--a-spacing-1);
|
|
52
|
+
}
|
|
53
|
+
.navds-link-card__footer {
|
|
54
|
+
grid-area: footer;
|
|
55
|
+
margin-block-start: var(--a-spacing-4);
|
|
56
|
+
display: flex;
|
|
57
|
+
align-self: flex-end;
|
|
58
|
+
gap: var(--a-spacing-2);
|
|
59
|
+
flex-wrap: wrap;
|
|
60
|
+
}
|
|
61
|
+
.navds-link-card__icon {
|
|
62
|
+
grid-area: icon;
|
|
63
|
+
width: max-content;
|
|
64
|
+
height: max-content;
|
|
65
|
+
display: grid;
|
|
66
|
+
place-content: center;
|
|
67
|
+
color: var(--a-text-default);
|
|
68
|
+
align-self: flex-start;
|
|
69
|
+
margin-inline-end: var(--a-spacing-4);
|
|
70
|
+
}
|
|
71
|
+
.aksel-link-card--small {
|
|
72
|
+
--__ac-link-card-padding-block: var(--a-spacing-3);
|
|
73
|
+
--__ac-link-card-padding-inline: var(--a-spacing-4);
|
|
74
|
+
}
|
|
75
|
+
.aksel-link-card--small .aksel-link-card__icon {
|
|
76
|
+
margin-inline-end: var(--a-spacing-3);
|
|
77
|
+
}
|
|
78
|
+
.navds-link-card__image-container {
|
|
79
|
+
display: block;
|
|
80
|
+
overflow: hidden;
|
|
81
|
+
grid-area: image;
|
|
82
|
+
margin-block: calc(var(--__ac-link-card-padding-block) * -1) var(--__ac-link-card-padding-block);
|
|
83
|
+
margin-inline: calc(var(--__ac-link-card-padding-inline) * 1 * -1);
|
|
84
|
+
border-radius: calc(var(--a-border-radius-xlarge) - 1px);
|
|
85
|
+
border-bottom-left-radius: 0;
|
|
86
|
+
border-bottom-right-radius: 0;
|
|
87
|
+
position: relative;
|
|
88
|
+
}
|
|
89
|
+
.navds-link-card__image-container :is(img, picture) {
|
|
90
|
+
object-fit: cover;
|
|
91
|
+
display: block;
|
|
92
|
+
max-width: 100%;
|
|
93
|
+
height: 100%;
|
|
94
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.navds-link-card{--__ac-link-card-padding-block:var(--a-spacing-4);--__ac-link-card-padding-inline:var(--a-spacing-5);align-items:center;background-color:var(--a-surface-default);border:1px solid var(--a-border-subtle);border-radius:var(--a-border-radius-xlarge);color:var(--a-text-default);cursor:pointer;display:grid;grid-template-areas:"image image" "icon title" "icon description" "icon footer";grid-template-columns:auto 1fr;grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content min-content auto;padding:var(--__ac-link-card-padding-block) var(--__ac-link-card-padding-inline);position:relative;text-decoration:none;transition-duration:.3s;transition-property:border-color,box-shadow,transform,background-color;transition-timing-function:cubic-bezier(0,0,0,1)}.navds-link-card:not(:has(.navds-link-card__description,.navds-link-card__footer)){grid-template-rows:auto 1fr}.navds-link-card:not(:has(.navds-link-card__description,.navds-link-card__footer)) .navds-link-card__icon{align-self:center}.navds-link-card:not(:has(.navds-link-card__description,.navds-link-card__footer)) .navds-link-card__title{align-items:center}.navds-link-card:hover{border-color:var(--a-border-default);box-shadow:0 0 0 1px var(--a-border-default)}.navds-link-card__title{align-items:flex-start;color:var(--a-text-default);display:flex;gap:var(--a-spacing-2);grid-area:title;-webkit-hyphens:auto;hyphens:auto;justify-content:space-between}.navds-link-card__description{grid-area:description;-webkit-margin-before:var(--a-spacing-1);margin-block-start:var(--a-spacing-1)}.navds-link-card__footer{grid-area:footer;-webkit-margin-before:var(--a-spacing-4);align-self:flex-end;display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);margin-block-start:var(--a-spacing-4)}.navds-link-card__icon{align-self:flex-start;color:var(--a-text-default);display:grid;grid-area:icon;height:-webkit-max-content;height:max-content;place-content:center;width:-webkit-max-content;width:max-content;-webkit-margin-end:var(--a-spacing-4);margin-inline-end:var(--a-spacing-4)}.aksel-link-card--small{--__ac-link-card-padding-block:var(--a-spacing-3);--__ac-link-card-padding-inline:var(--a-spacing-4)}.aksel-link-card--small .aksel-link-card__icon{-webkit-margin-end:var(--a-spacing-3);margin-inline-end:var(--a-spacing-3)}.navds-link-card__image-container{border-radius:calc(var(--a-border-radius-xlarge) - 1px);border-bottom-left-radius:0;border-bottom-right-radius:0;display:block;grid-area:image;margin-block:calc(var(--__ac-link-card-padding-block)*-1) var(--__ac-link-card-padding-block);margin-inline:calc(var(--__ac-link-card-padding-inline)*1*-1);overflow:hidden;position:relative}.navds-link-card__image-container :is(img,picture){display:block;height:100%;max-width:100%;object-fit:cover}
|
package/dist/component/table.css
CHANGED
|
@@ -4,10 +4,23 @@
|
|
|
4
4
|
display: table;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
.navds-table.navds-table--sticky-header {
|
|
8
|
+
border-collapse: separate;
|
|
9
|
+
border-spacing: 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
7
12
|
.navds-table__header {
|
|
8
13
|
display: table-header-group;
|
|
9
14
|
}
|
|
10
15
|
|
|
16
|
+
.navds-table--sticky-header .navds-table__header {
|
|
17
|
+
position: sticky;
|
|
18
|
+
top: 0;
|
|
19
|
+
z-index: 10;
|
|
20
|
+
background-color: var(--a-surface-default);
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
}
|
|
23
|
+
|
|
11
24
|
.navds-table__body {
|
|
12
25
|
display: table-row-group;
|
|
13
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:initial}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-3) var(--a-spacing-2);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:#0000}.navds-table--large .navds-table__data-cell,.navds-table--large .navds-table__header-cell{padding:var(--a-spacing-4) var(--a-spacing-2)}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__input{top:-.75rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox--small .navds-checkbox__input{top:-.375rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-1);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);text-align:inherit;width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--ac-table-sort-button-sorted-text,var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle)))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell,.navds-table__header-cell){transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row.navds-table__expandable-row--clickable:not(.navds-table__expandable-row--expansion-disabled):hover{cursor:pointer}.navds-table__expandable-row--open :where(.navds-table__data-cell,.navds-table__header-cell){border-bottom-color:#0000}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:#0000}.navds-table__toggle-expand-cell{padding:0;width:3rem}.navds-table--large .navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2)}.navds-table--small .navds-table__toggle-expand-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table__toggle-expand-button{background:#0000;border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;display:grid;font-size:1.5rem;height:2rem;margin:0 auto;place-content:center;width:2rem}.navds-table__expandable-icon{transition:transform .15s ease-in-out}.navds-table__expandable-row:not(.navds-table__expandable-row--expansion-disabled) .navds-table__toggle-expand-cell:hover{cursor:pointer}.navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button,.navds-table__toggle-expand-button:hover,.navds-table__toggle-expand-cell:hover>.navds-table__toggle-expand-button{background-color:var(--a-surface-hover)}.navds-table__toggle-expand-cell--open>:where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon){transform:translateY(0) rotate(180deg)}.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(1px)}.navds-table__toggle-expand-cell--open>.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(-1px) rotate(180deg)}.navds-table__toggle-expand-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-table__toggle-expand-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{--__ac-table-expanded-row-pi:calc(var(--a-spacing-2) + 3rem);padding-block:var(--a-spacing-4)}.navds-table--small .navds-table__expanded-row-content{padding-block:var(--a-spacing-2)}.navds-table__expanded-row-content--gutter-both{padding-inline:var(--__ac-table-expanded-row-pi)}.navds-table__expanded-row-content--gutter-left{padding-inline:var(--__ac-table-expanded-row-pi) var(--a-spacing-2)}.navds-table__expanded-row-content--gutter-right{padding-inline:var(--a-spacing-2) var(--__ac-table-expanded-row-pi)}.navds-table__expanded-row-content--gutter-none{padding-inline:var(--a-spacing-2)}@media (forced-colors:active){.navds-date.navds-date button.rdp-day_selected{background-color:highlight;box-shadow:none;color:highlighttext;forced-color-adjust:none}.navds-date.navds-date button{box-shadow:none;color:buttontext;forced-color-adjust:none;outline:none}.navds-date button:focus-visible{color:buttontext;forced-color-adjust:none;outline:2px solid highlight}.navds-date.navds-date button.rdp-day_disabled{color:GrayText}}
|
|
1
|
+
.navds-table{border-collapse:collapse;display:table;width:100%}.navds-table.navds-table--sticky-header{border-collapse:initial;border-spacing:0}.navds-table__header{display:table-header-group}.navds-table--sticky-header .navds-table__header{background-color:var(--a-surface-default);box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0;z-index:10}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:initial}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-3) var(--a-spacing-2);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:#0000}.navds-table--large .navds-table__data-cell,.navds-table--large .navds-table__header-cell{padding:var(--a-spacing-4) var(--a-spacing-2)}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__input{top:-.75rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox--small .navds-checkbox__input{top:-.375rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-1);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);text-align:inherit;width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--ac-table-sort-button-sorted-text,var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle)))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell,.navds-table__header-cell){transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row.navds-table__expandable-row--clickable:not(.navds-table__expandable-row--expansion-disabled):hover{cursor:pointer}.navds-table__expandable-row--open :where(.navds-table__data-cell,.navds-table__header-cell){border-bottom-color:#0000}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:#0000}.navds-table__toggle-expand-cell{padding:0;width:3rem}.navds-table--large .navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2)}.navds-table--small .navds-table__toggle-expand-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table__toggle-expand-button{background:#0000;border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;display:grid;font-size:1.5rem;height:2rem;margin:0 auto;place-content:center;width:2rem}.navds-table__expandable-icon{transition:transform .15s ease-in-out}.navds-table__expandable-row:not(.navds-table__expandable-row--expansion-disabled) .navds-table__toggle-expand-cell:hover{cursor:pointer}.navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button,.navds-table__toggle-expand-button:hover,.navds-table__toggle-expand-cell:hover>.navds-table__toggle-expand-button{background-color:var(--a-surface-hover)}.navds-table__toggle-expand-cell--open>:where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon){transform:translateY(0) rotate(180deg)}.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(1px)}.navds-table__toggle-expand-cell--open>.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(-1px) rotate(180deg)}.navds-table__toggle-expand-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-table__toggle-expand-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{--__ac-table-expanded-row-pi:calc(var(--a-spacing-2) + 3rem);padding-block:var(--a-spacing-4)}.navds-table--small .navds-table__expanded-row-content{padding-block:var(--a-spacing-2)}.navds-table__expanded-row-content--gutter-both{padding-inline:var(--__ac-table-expanded-row-pi)}.navds-table__expanded-row-content--gutter-left{padding-inline:var(--__ac-table-expanded-row-pi) var(--a-spacing-2)}.navds-table__expanded-row-content--gutter-right{padding-inline:var(--a-spacing-2) var(--__ac-table-expanded-row-pi)}.navds-table__expanded-row-content--gutter-none{padding-inline:var(--a-spacing-2)}@media (forced-colors:active){.navds-date.navds-date button.rdp-day_selected{background-color:highlight;box-shadow:none;color:highlighttext;forced-color-adjust:none}.navds-date.navds-date button{box-shadow:none;color:buttontext;forced-color-adjust:none;outline:none}.navds-date button:focus-visible{color:buttontext;forced-color-adjust:none;outline:2px solid highlight}.navds-date.navds-date button.rdp-day_disabled{color:GrayText}}
|