@digdir/designsystemet-css 0.9.1-alpha.1 → 0.9.1-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/accordion.css +6 -0
  2. package/button.css +29 -29
  3. package/checkbox.css +2 -2
  4. package/dist/accordion.css +1 -1
  5. package/dist/button.css +1 -1
  6. package/dist/checkbox.css +1 -1
  7. package/dist/index.css +1 -1
  8. package/dist/native-select.css +1 -1
  9. package/dist/popover.css +1 -1
  10. package/dist/radio.css +1 -1
  11. package/dist/search.css +1 -1
  12. package/dist/switch.css +1 -1
  13. package/dist/tag.css +1 -1
  14. package/dist/textfield.css +1 -1
  15. package/native-select.css +22 -5
  16. package/package.json +2 -2
  17. package/popover.css +3 -0
  18. package/radio.css +1 -1
  19. package/search.css +2 -0
  20. package/switch.css +1 -1
  21. package/tag.css +3 -3
  22. package/textfield.css +2 -0
package/accordion.css CHANGED
@@ -14,6 +14,12 @@
14
14
 
15
15
  .fds-accordion__expand-icon {
16
16
  border-radius: var(--ds-border-radius-md);
17
+ fill: var(--ds-color-neutral-text-default);
18
+ color: var(--ds-color-neutral-text-default);
19
+ }
20
+
21
+ .fds-accordion__expand-icon path {
22
+ fill: var(--ds-color-neutral-text-default);
17
23
  }
18
24
 
19
25
  .fds-accordion__content {
package/button.css CHANGED
@@ -124,20 +124,20 @@
124
124
  }
125
125
 
126
126
  .fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled='true'], :disabled):hover {
127
- color: var(--ds-color-accent-base-hover);
128
- border-color: var(--ds-color-accent-base-hover);
127
+ color: var(--ds-color-accent-text-hover);
128
+ border-color: var(--ds-color-accent-border-strong);
129
129
  background-color: var(--ds-color-accent-surface-default);
130
130
  }
131
131
 
132
132
  .fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled='true'], :disabled):hover {
133
- color: var(--ds-color-neutral-base-hover);
134
- border-color: var(--ds-color-neutral-base-hover);
133
+ color: var(--ds-color-neutral-text-hover);
134
+ border-color: var(--ds-color-neutral-border-strong);
135
135
  background-color: var(--ds-color-neutral-surface-default);
136
136
  }
137
137
 
138
138
  .fds-btn--secondary:where(.fds-btn--success):not([aria-disabled='true'], :disabled):hover {
139
- color: var(--ds-color-success-base-default);
140
- border-color: var([delete]);
139
+ color: var(--ds-color-success-text-default);
140
+ border-color: var(--ds-color-success-border-strong);
141
141
  background-color: var(--ds-color-success-surface-default);
142
142
  }
143
143
 
@@ -148,7 +148,7 @@
148
148
  }
149
149
 
150
150
  .fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled='true'], :disabled):hover {
151
- color: var(--ds-color-accent-base-hover);
151
+ color: var(--ds-color-accent-text-default);
152
152
  background-color: var(--ds-color-accent-surface-default);
153
153
  }
154
154
 
@@ -186,44 +186,44 @@
186
186
 
187
187
  /* Secondary button colors */
188
188
  .fds-btn--secondary:where(.fds-btn--accent) {
189
- color: var(--ds-color-accent-base-default);
190
- border-color: var(--ds-color-accent-base-default);
191
- background-color: var(--ds-color-accent-background-default);
189
+ color: var(--ds-color-accent-text-subtle);
190
+ border-color: var(--ds-color-accent-border-strong);
191
+ background-color: transparent;
192
192
  }
193
193
 
194
194
  .fds-btn--secondary:where(.fds-btn--neutral) {
195
- color: var(--ds-color-neutral-base-default);
196
- border-color: var(--ds-color-neutral-base-default);
197
- background-color: var(--ds-color-neutral-background-default);
195
+ color: var(--ds-color-neutral-text-subtle);
196
+ border-color: var(--ds-color-neutral-border-strong);
197
+ background-color: transparent;
198
198
  }
199
199
 
200
200
  .fds-btn--secondary:where(.fds-btn--success) {
201
- color: var(--ds-color-success-base-default);
202
- border-color: var(--ds-color-success-border-default);
203
- background-color: var(--ds-color-success-background-default);
201
+ color: var(--ds-color-success-text-subtle);
202
+ border-color: var(--ds-color-success-border-strong);
203
+ background-color: transparent;
204
204
  }
205
205
 
206
206
  .fds-btn--secondary:where(.fds-btn--danger) {
207
207
  color: var(--ds-color-danger-text-subtle);
208
- border-color: var(--ds-color-danger-border-default);
209
- background-color: var(--ds-color-danger-background-default);
208
+ border-color: var(--ds-color-danger-border-strong);
209
+ background-color: transparent;
210
210
  }
211
211
 
212
212
  .fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled='true'], :disabled):active {
213
- color: var(--ds-color-accent-base-active);
214
- border-color: var(--ds-color-accent-base-active);
213
+ color: var(--ds-color-accent-text-default);
214
+ border-color: var(--ds-color-accent-border-strong);
215
215
  background-color: var(--ds-color-accent-surface-hover);
216
216
  }
217
217
 
218
218
  .fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled='true'], :disabled):active {
219
- color: var(--ds-color-neutral-base-active);
220
- border-color: var(--ds-color-neutral-base-active);
219
+ color: var(--ds-color-neutral-text-default);
220
+ border-color: var(--ds-color-neutral-border-strong);
221
221
  background-color: var(--ds-color-neutral-surface-hover);
222
222
  }
223
223
 
224
224
  .fds-btn--secondary:where(.fds-btn--success):not([aria-disabled='true'], :disabled):active {
225
- color: var(--ds-color-success-base-default);
226
- border-color: var([delete]);
225
+ color: var(--ds-color-success-text-default);
226
+ border-color: var(--ds-color-success-border-strong);
227
227
  background-color: var(--ds-color-success-surface-hover);
228
228
  }
229
229
 
@@ -235,15 +235,15 @@
235
235
 
236
236
  /* Tertiary button colors */
237
237
  .fds-btn--tertiary:where(.fds-btn--accent) {
238
- color: var(--ds-color-accent-base-default);
238
+ color: var(--ds-color-accent-text-subtle);
239
239
  }
240
240
 
241
241
  .fds-btn--tertiary:where(.fds-btn--neutral) {
242
- color: var(--ds-color-neutral-base-default);
242
+ color: var(--ds-color-neutral-text-subtle);
243
243
  }
244
244
 
245
245
  .fds-btn--tertiary:where(.fds-btn--success) {
246
- color: var(--ds-color-success-base-default);
246
+ color: var(--ds-color-success-text-subtle);
247
247
  }
248
248
 
249
249
  .fds-btn--tertiary:where(.fds-btn--danger) {
@@ -256,12 +256,12 @@
256
256
  }
257
257
 
258
258
  .fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled='true'], :disabled):active {
259
- color: var(--ds-color-neutral-base-active);
259
+ color: var(--ds-color-neutral-text-active);
260
260
  background-color: var(--ds-color-neutral-surface-hover);
261
261
  }
262
262
 
263
263
  .fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled='true'], :disabled):active {
264
- color: var(--ds-color-success-base-default);
264
+ color: var(--ds-color-success-text-default);
265
265
  background-color: var(--ds-color-success-surface-hover);
266
266
  }
267
267
 
package/checkbox.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --dsc-checkbox-size: 1.75rem;
4
4
  --dsc-checkbox-focus-border-width: 3px;
5
5
  --dsc-checkbox-background: var(--ds-color-neutral-background-default);
6
- --dsc-checkbox-border-color: var(--ds-color-neutral-border-default);
6
+ --dsc-checkbox-border-color: var(--ds-color-neutral-border-strong);
7
7
  --dsc-checkbox-border__hover--size: calc(var(--ds-spacing-3) / 2);
8
8
  --dsc-checkbox-border__hover: 0 0 0 var(--dsc-checkbox-border__hover--size) var(--ds-color-accent-surface-hover);
9
9
  --dsc-checkbox-check_color: transparent;
@@ -145,7 +145,7 @@
145
145
  @media (hover: hover) and (pointer: fine) {
146
146
  .fds-checkbox:not(.fds-checkbox--readonly, .fds-checkbox--disabled) > .fds-checkbox__label:hover,
147
147
  .fds-checkbox:not(.fds-checkbox--readonly, .fds-checkbox--disabled) > .fds-checkbox__input:hover + .fds-checkbox__label {
148
- color: var(--ds-color-accent-base-hover);
148
+ color: var(--ds-color-accent-text-subtle);
149
149
  }
150
150
 
151
151
  .fds-checkbox:not(.fds-checkbox--readonly, .fds-checkbox--disabled) > .fds-checkbox__input:hover:not(:checked) {
package/dist/accordion.css CHANGED
@@ -1 +1 @@
1
- @layer fds.accordion{.fds-accordion{--dsc-accordion-border-radius:var(--ds-border-radius-md);--dsc-accordion-border-color:var(--ds-color-neutral-border-subtle);border-bottom:1px solid var(--ds-color-neutral-border-subtle);box-sizing:border-box}.fds-accordion--border{border:1px solid var(--dsc-accordion-border-color);border-radius:var(--dsc-accordion-border-radius)}.fds-accordion__expand-icon{border-radius:var(--ds-border-radius-md)}.fds-accordion__content{overflow:hidden;padding:var(--ds-spacing-5,1rem);text-overflow:ellipsis}.fds-accordion__header{margin:0}.fds-accordion__button{align-items:center;border:none;border-top:1px solid var(--ds-color-neutral-border-subtle);cursor:pointer;display:flex;gap:var(--ds-spacing-2);justify-content:flex-start;margin:0;padding:var(--ds-spacing-4);text-align:left;width:100%}.fds-accordion--border .fds-accordion__button{border-radius:var(--dsc-accordion-border-radius)}.fds-accordion__item:focus-within{position:relative}.fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__expand-icon{transform:rotate(180deg)}.fds-accordion--neutral,.fds-accordion--neutral .fds-accordion__button{background-color:var(--ds-color-neutral-background-default)}.fds-accordion--subtle,.fds-accordion--subtle .fds-accordion__button{background-color:var(--ds-color-neutral-background-subtle)}.fds-accordion--brand1,.fds-accordion--brand1 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand1-base-default);background:var(--ds-color-brand1-surface-default)}.fds-accordion--brand2,.fds-accordion--brand2 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand2-base-default);background:var(--ds-color-brand2-surface-default)}.fds-accordion--brand3,.fds-accordion--brand3 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand3-base-default);background:var(--ds-color-brand3-surface-default)}.fds-accordion--brand1 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--brand2 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--brand3 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:rgba(0,0,0,.03)}.fds-accordion--neutral .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--subtle .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:var(--ds-color-accent-surface-default)}.fds-accordion--border .fds-accordion__item:first-child .fds-accordion__button{border-top:0}.fds-accordion--brand1 .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--brand2 .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--brand3 .fds-accordion__item:not(:first-child) .fds-accordion__button{border-top:1px solid var(--ds-color-neutral-background-default)}@media (hover:hover) and (pointer:fine){.fds-accordion__button:hover .fds-accordion__expand-icon{background-color:rgba(0,0,0,.1)}.fds-accordion--neutral .fds-accordion__button:hover,.fds-accordion--subtle .fds-accordion__button:hover{background-color:var(--ds-color-neutral-surface-default)}.fds-accordion--brand1 .fds-accordion__button:hover{background-color:var(--ds-color-brand1-surface-hover)}.fds-accordion--brand2 .fds-accordion__button:hover{background-color:var(--ds-color-brand2-surface-hover)}.fds-accordion--brand3 .fds-accordion__button:hover{background-color:var(--ds-color-brand3-surface-hover)}}}
1
+ @layer fds.accordion{.fds-accordion{--dsc-accordion-border-radius:var(--ds-border-radius-md);--dsc-accordion-border-color:var(--ds-color-neutral-border-subtle);border-bottom:1px solid var(--ds-color-neutral-border-subtle);box-sizing:border-box}.fds-accordion--border{border:1px solid var(--dsc-accordion-border-color);border-radius:var(--dsc-accordion-border-radius)}.fds-accordion__expand-icon{border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default)}.fds-accordion__expand-icon,.fds-accordion__expand-icon path{fill:var(--ds-color-neutral-text-default)}.fds-accordion__content{overflow:hidden;padding:var(--ds-spacing-5,1rem);text-overflow:ellipsis}.fds-accordion__header{margin:0}.fds-accordion__button{align-items:center;border:none;border-top:1px solid var(--ds-color-neutral-border-subtle);cursor:pointer;display:flex;gap:var(--ds-spacing-2);justify-content:flex-start;margin:0;padding:var(--ds-spacing-4);text-align:left;width:100%}.fds-accordion--border .fds-accordion__button{border-radius:var(--dsc-accordion-border-radius)}.fds-accordion__item:focus-within{position:relative}.fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__expand-icon{transform:rotate(180deg)}.fds-accordion--neutral,.fds-accordion--neutral .fds-accordion__button{background-color:var(--ds-color-neutral-background-default)}.fds-accordion--subtle,.fds-accordion--subtle .fds-accordion__button{background-color:var(--ds-color-neutral-background-subtle)}.fds-accordion--brand1,.fds-accordion--brand1 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand1-base-default);background:var(--ds-color-brand1-surface-default)}.fds-accordion--brand2,.fds-accordion--brand2 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand2-base-default);background:var(--ds-color-brand2-surface-default)}.fds-accordion--brand3,.fds-accordion--brand3 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand3-base-default);background:var(--ds-color-brand3-surface-default)}.fds-accordion--brand1 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--brand2 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--brand3 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:rgba(0,0,0,.03)}.fds-accordion--neutral .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--subtle .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:var(--ds-color-accent-surface-default)}.fds-accordion--border .fds-accordion__item:first-child .fds-accordion__button{border-top:0}.fds-accordion--brand1 .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--brand2 .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--brand3 .fds-accordion__item:not(:first-child) .fds-accordion__button{border-top:1px solid var(--ds-color-neutral-background-default)}@media (hover:hover) and (pointer:fine){.fds-accordion__button:hover .fds-accordion__expand-icon{background-color:rgba(0,0,0,.1)}.fds-accordion--neutral .fds-accordion__button:hover,.fds-accordion--subtle .fds-accordion__button:hover{background-color:var(--ds-color-neutral-surface-default)}.fds-accordion--brand1 .fds-accordion__button:hover{background-color:var(--ds-color-brand1-surface-hover)}.fds-accordion--brand2 .fds-accordion__button:hover{background-color:var(--ds-color-brand2-surface-hover)}.fds-accordion--brand3 .fds-accordion__button:hover{background-color:var(--ds-color-brand3-surface-hover)}}}
package/dist/button.css CHANGED
@@ -1 +1 @@
1
- @layer fds.btn{.fds-btn{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);align-items:center;background-color:var(--ds-color-accent-base-default);border:var(--ds-border-width-default) solid transparent;border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-accent-contrast-default);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--ds-sizing-10);min-width:2.5em;padding:var(--dsc-btn-padding);position:relative;text-align:center;text-decoration:none}.fds-btn svg{overflow:visible}.fds-btn:disabled,.fds-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.fds-btn--sm{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-3);font:var(--ds-typography-paragraph-short-sm);font-family:inherit;gap:var(--ds-sizing-1);min-height:var(--ds-sizing-10)}.fds-btn--sm:before{content:"";left:0;min-height:auto;position:absolute;top:0;width:auto}.fds-btn--sm:after{content:"";height:44px;left:0;position:absolute;top:-5px;width:100%}.fds-btn--md{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);font:var(--ds-typography-paragraph-short-md);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-12)}.fds-btn--lg{--dsc-btn-padding:var(--ds-spacing-3) var(--ds-spacing-5);font:var(--ds-typography-paragraph-short-lg);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-14)}.fds-btn--full-width{width:100%}.fds-btn--secondary,.fds-btn--tertiary{background-color:initial}.fds-btn--icon-only{--dsc-btn-padding:0}.fds-btn--primary:where(.fds-btn--accent){background-color:var(--ds-color-accent-base-default)}.fds-btn--primary:where(.fds-btn--neutral){background-color:var(--ds-color-neutral-base-default)}.fds-btn--primary:where(.fds-btn--success){background-color:var(--ds-color-success-base-default)}.fds-btn--primary:where(.fds-btn--danger){background-color:var(--ds-color-danger-base-default)}@media (hover:hover) and (pointer:fine){.fds-btn--primary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-base-hover)}.fds-btn--primary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-base-hover)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-base-hover)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-base-hover)}.fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-surface-default);border-color:var(--ds-color-accent-base-hover);color:var(--ds-color-accent-base-hover)}.fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-surface-default);border-color:var(--ds-color-neutral-base-hover);color:var(--ds-color-neutral-base-hover)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-surface-default);border-color:var([delete]);color:var(--ds-color-success-base-default)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-surface-default);border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-default)}.fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-surface-default);color:var(--ds-color-accent-base-hover)}.fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-surface-default);color:var(--ds-color-neutral-base-hover)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-surface-default);color:var(--ds-color-success-base-default)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-surface-default);color:var(--ds-color-danger-text-default)}}.fds-btn--primary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-base-active)}.fds-btn--primary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-base-active)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-base-active)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-base-active)}.fds-btn--secondary:where(.fds-btn--accent){background-color:var(--ds-color-accent-background-default);border-color:var(--ds-color-accent-base-default);color:var(--ds-color-accent-base-default)}.fds-btn--secondary:where(.fds-btn--neutral){background-color:var(--ds-color-neutral-background-default);border-color:var(--ds-color-neutral-base-default);color:var(--ds-color-neutral-base-default)}.fds-btn--secondary:where(.fds-btn--success){background-color:var(--ds-color-success-background-default);border-color:var(--ds-color-success-border-default);color:var(--ds-color-success-base-default)}.fds-btn--secondary:where(.fds-btn--danger){background-color:var(--ds-color-danger-background-default);border-color:var(--ds-color-danger-border-default);color:var(--ds-color-danger-text-subtle)}.fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-surface-hover);border-color:var(--ds-color-accent-base-active);color:var(--ds-color-accent-base-active)}.fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-surface-hover);border-color:var(--ds-color-neutral-base-active);color:var(--ds-color-neutral-base-active)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-surface-hover);border-color:var([delete]);color:var(--ds-color-success-base-default)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-surface-hover);border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-default)}.fds-btn--tertiary:where(.fds-btn--accent){color:var(--ds-color-accent-base-default)}.fds-btn--tertiary:where(.fds-btn--neutral){color:var(--ds-color-neutral-base-default)}.fds-btn--tertiary:where(.fds-btn--success){color:var(--ds-color-success-base-default)}.fds-btn--tertiary:where(.fds-btn--danger){color:var(--ds-color-danger-text-subtle)}.fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-surface-hover);color:var(--ds-color-accent-base-active)}.fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-surface-hover);color:var(--ds-color-neutral-base-active)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-surface-hover);color:var(--ds-color-success-base-default)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-surface-hover);color:var(--ds-color-danger-text-default)}}
1
+ @layer fds.btn{.fds-btn{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);align-items:center;background-color:var(--ds-color-accent-base-default);border:var(--ds-border-width-default) solid transparent;border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-accent-contrast-default);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--ds-sizing-10);min-width:2.5em;padding:var(--dsc-btn-padding);position:relative;text-align:center;text-decoration:none}.fds-btn svg{overflow:visible}.fds-btn:disabled,.fds-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.fds-btn--sm{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-3);font:var(--ds-typography-paragraph-short-sm);font-family:inherit;gap:var(--ds-sizing-1);min-height:var(--ds-sizing-10)}.fds-btn--sm:before{content:"";left:0;min-height:auto;position:absolute;top:0;width:auto}.fds-btn--sm:after{content:"";height:44px;left:0;position:absolute;top:-5px;width:100%}.fds-btn--md{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);font:var(--ds-typography-paragraph-short-md);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-12)}.fds-btn--lg{--dsc-btn-padding:var(--ds-spacing-3) var(--ds-spacing-5);font:var(--ds-typography-paragraph-short-lg);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-14)}.fds-btn--full-width{width:100%}.fds-btn--secondary,.fds-btn--tertiary{background-color:initial}.fds-btn--icon-only{--dsc-btn-padding:0}.fds-btn--primary:where(.fds-btn--accent){background-color:var(--ds-color-accent-base-default)}.fds-btn--primary:where(.fds-btn--neutral){background-color:var(--ds-color-neutral-base-default)}.fds-btn--primary:where(.fds-btn--success){background-color:var(--ds-color-success-base-default)}.fds-btn--primary:where(.fds-btn--danger){background-color:var(--ds-color-danger-base-default)}@media (hover:hover) and (pointer:fine){.fds-btn--primary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-base-hover)}.fds-btn--primary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-base-hover)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-base-hover)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-base-hover)}.fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-surface-default);border-color:var(--ds-color-accent-border-strong);color:var(--ds-color-accent-text-hover)}.fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-surface-default);border-color:var(--ds-color-neutral-border-strong);color:var(--ds-color-neutral-text-hover)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-surface-default);border-color:var(--ds-color-success-border-strong);color:var(--ds-color-success-text-default)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-surface-default);border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-default)}.fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-surface-default);color:var(--ds-color-accent-text-default)}.fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-surface-default);color:var(--ds-color-neutral-base-hover)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-surface-default);color:var(--ds-color-success-base-default)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-surface-default);color:var(--ds-color-danger-text-default)}}.fds-btn--primary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-base-active)}.fds-btn--primary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-base-active)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-base-active)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-base-active)}.fds-btn--secondary:where(.fds-btn--accent){background-color:initial;border-color:var(--ds-color-accent-border-strong);color:var(--ds-color-accent-text-subtle)}.fds-btn--secondary:where(.fds-btn--neutral){background-color:initial;border-color:var(--ds-color-neutral-border-strong);color:var(--ds-color-neutral-text-subtle)}.fds-btn--secondary:where(.fds-btn--success){background-color:initial;border-color:var(--ds-color-success-border-strong);color:var(--ds-color-success-text-subtle)}.fds-btn--secondary:where(.fds-btn--danger){background-color:initial;border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-subtle)}.fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-surface-hover);border-color:var(--ds-color-accent-border-strong);color:var(--ds-color-accent-text-default)}.fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-surface-hover);border-color:var(--ds-color-neutral-border-strong);color:var(--ds-color-neutral-text-default)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-surface-hover);border-color:var(--ds-color-success-border-strong);color:var(--ds-color-success-text-default)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-surface-hover);border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-default)}.fds-btn--tertiary:where(.fds-btn--accent){color:var(--ds-color-accent-text-subtle)}.fds-btn--tertiary:where(.fds-btn--neutral){color:var(--ds-color-neutral-text-subtle)}.fds-btn--tertiary:where(.fds-btn--success){color:var(--ds-color-success-text-subtle)}.fds-btn--tertiary:where(.fds-btn--danger){color:var(--ds-color-danger-text-subtle)}.fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-surface-hover);color:var(--ds-color-accent-base-active)}.fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-surface-hover);color:var(--ds-color-neutral-text-active)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-surface-hover);color:var(--ds-color-success-text-default)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-surface-hover);color:var(--ds-color-danger-text-default)}}
package/dist/checkbox.css CHANGED
@@ -1 +1 @@
1
- @layer fds.checkbox{.fds-checkbox{--dsc-checkbox-size:1.75rem;--dsc-checkbox-focus-border-width:3px;--dsc-checkbox-background:var(--ds-color-neutral-background-default);--dsc-checkbox-border-color:var(--ds-color-neutral-border-default);--dsc-checkbox-border__hover--size:calc(var(--ds-spacing-3)/2);--dsc-checkbox-border__hover:0 0 0 var(--dsc-checkbox-border__hover--size) var(--ds-color-accent-surface-hover);--dsc-checkbox-check_color:transparent;--dsc-checkbox-focus-color:var(--ds-color-neutral-text-default);display:grid}.fds-checkbox:has(.fds-checkbox__label){gap:var(--ds-spacing-2);grid-template-columns:var(--dsc-checkbox-size) auto}.fds-checkbox__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-checkbox-background);box-shadow:inset 0 0 0 2px var(--dsc-checkbox-border-color);height:var(--dsc-checkbox-size);margin:0;outline:none;position:relative;width:var(--dsc-checkbox-size);z-index:1}.fds-checkbox__input,.fds-checkbox__input:before{border-radius:var(--ds-border-radius-md);cursor:pointer}.fds-checkbox__input:before{content:"";display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-checkbox__description{color:var(--ds-color-neutral-text-subtle);grid-column:2;margin-top:calc(var(--ds-spacing-3)*-1)}.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__input:before,.fds-checkbox--disabled>.fds-checkbox__label{cursor:not-allowed}.fds-checkbox--disabled>.fds-checkbox__description,.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__label{opacity:var(--ds-opacity-disabled)}.fds-checkbox--readonly>.fds-checkbox__input,.fds-checkbox--readonly>.fds-checkbox__input:before,.fds-checkbox--readonly>.fds-checkbox__label{cursor:default}.fds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--dsc-checkbox-focus-border-width) var(--ds-color-neutral-background-default),inset 0 0 0 2px var(--dsc-checkbox-border-color);outline:var(--dsc-checkbox-focus-border-width) solid var(--dsc-checkbox-focus-color);outline-offset:3px}.fds-checkbox__input:after{background-color:var(--dsc-checkbox-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.fds-checkbox__input:checked{--dsc-checkbox-border-color:var(--ds-color-accent-base-default);--dsc-checkbox-check_color:#fff;background:var(--dsc-checkbox-border-color)}.fds-checkbox__input:indeterminate{--dsc-checkbox-border-color:var(--ds-color-accent-border-strong);--dsc-checkbox-check_color:#fff;background-color:var(--dsc-checkbox-border-color);background-repeat:no-repeat}.fds-checkbox--readonly>.fds-checkbox__input{--dsc-checkbox-border-color:var(--ds-color-neutral-border-subtle);--dsc-checkbox-background:var(--ds-color-neutral-background-subtle)}.fds-checkbox__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--dsc-checkbox-border-color)}.fds-checkbox--readonly>.fds-checkbox__input:checked{--dsc-checkbox-check_color:var(--ds-color-neutral-text-subtle);background:var(--dsc-checkbox-background)}.fds-checkbox--readonly>.fds-checkbox__input:indeterminate{--dsc-checkbox-check_color:var(--ds-color-neutral-text-subtle);background:var(--dsc-checkbox-background)}.fds-checkbox--error>.fds-checkbox__input:not(:disabled,:focus-visible){--dsc-checkbox-border-color:var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover+.fds-checkbox__label,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__label:hover{color:var(--ds-color-accent-base-hover)}.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:checked,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:not(:checked){--dsc-checkbox-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-checkbox-border__hover),inset 0 0 0 2px var(--dsc-checkbox-border-color)}}.fds-checkbox--sm{--dsc-checkbox-size:var(--ds-sizing-5);min-height:var(--ds-sizing-10)}.fds-checkbox--md{--dsc-checkbox-size:var(--ds-sizing-6);min-height:var(--ds-sizing-11)}.fds-checkbox--lg{--dsc-checkbox-size:var(--ds-sizing-7);min-height:var(--ds-sizing-12)}}
1
+ @layer fds.checkbox{.fds-checkbox{--dsc-checkbox-size:1.75rem;--dsc-checkbox-focus-border-width:3px;--dsc-checkbox-background:var(--ds-color-neutral-background-default);--dsc-checkbox-border-color:var(--ds-color-neutral-border-strong);--dsc-checkbox-border__hover--size:calc(var(--ds-spacing-3)/2);--dsc-checkbox-border__hover:0 0 0 var(--dsc-checkbox-border__hover--size) var(--ds-color-accent-surface-hover);--dsc-checkbox-check_color:transparent;--dsc-checkbox-focus-color:var(--ds-color-neutral-text-default);display:grid}.fds-checkbox:has(.fds-checkbox__label){gap:var(--ds-spacing-2);grid-template-columns:var(--dsc-checkbox-size) auto}.fds-checkbox__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-checkbox-background);box-shadow:inset 0 0 0 2px var(--dsc-checkbox-border-color);height:var(--dsc-checkbox-size);margin:0;outline:none;position:relative;width:var(--dsc-checkbox-size);z-index:1}.fds-checkbox__input,.fds-checkbox__input:before{border-radius:var(--ds-border-radius-md);cursor:pointer}.fds-checkbox__input:before{content:"";display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-checkbox__description{color:var(--ds-color-neutral-text-subtle);grid-column:2;margin-top:calc(var(--ds-spacing-3)*-1)}.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__input:before,.fds-checkbox--disabled>.fds-checkbox__label{cursor:not-allowed}.fds-checkbox--disabled>.fds-checkbox__description,.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__label{opacity:var(--ds-opacity-disabled)}.fds-checkbox--readonly>.fds-checkbox__input,.fds-checkbox--readonly>.fds-checkbox__input:before,.fds-checkbox--readonly>.fds-checkbox__label{cursor:default}.fds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--dsc-checkbox-focus-border-width) var(--ds-color-neutral-background-default),inset 0 0 0 2px var(--dsc-checkbox-border-color);outline:var(--dsc-checkbox-focus-border-width) solid var(--dsc-checkbox-focus-color);outline-offset:3px}.fds-checkbox__input:after{background-color:var(--dsc-checkbox-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.fds-checkbox__input:checked{--dsc-checkbox-border-color:var(--ds-color-accent-base-default);--dsc-checkbox-check_color:#fff;background:var(--dsc-checkbox-border-color)}.fds-checkbox__input:indeterminate{--dsc-checkbox-border-color:var(--ds-color-accent-border-strong);--dsc-checkbox-check_color:#fff;background-color:var(--dsc-checkbox-border-color);background-repeat:no-repeat}.fds-checkbox--readonly>.fds-checkbox__input{--dsc-checkbox-border-color:var(--ds-color-neutral-border-subtle);--dsc-checkbox-background:var(--ds-color-neutral-background-subtle)}.fds-checkbox__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--dsc-checkbox-border-color)}.fds-checkbox--readonly>.fds-checkbox__input:checked{--dsc-checkbox-check_color:var(--ds-color-neutral-text-subtle);background:var(--dsc-checkbox-background)}.fds-checkbox--readonly>.fds-checkbox__input:indeterminate{--dsc-checkbox-check_color:var(--ds-color-neutral-text-subtle);background:var(--dsc-checkbox-background)}.fds-checkbox--error>.fds-checkbox__input:not(:disabled,:focus-visible){--dsc-checkbox-border-color:var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover+.fds-checkbox__label,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__label:hover{color:var(--ds-color-accent-text-subtle)}.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:checked,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:not(:checked){--dsc-checkbox-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-checkbox-border__hover),inset 0 0 0 2px var(--dsc-checkbox-border-color)}}.fds-checkbox--sm{--dsc-checkbox-size:var(--ds-sizing-5);min-height:var(--ds-sizing-10)}.fds-checkbox--md{--dsc-checkbox-size:var(--ds-sizing-6);min-height:var(--ds-sizing-11)}.fds-checkbox--lg{--dsc-checkbox-size:var(--ds-sizing-7);min-height:var(--ds-sizing-12)}}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @layer fds.typography, fds.utils, fds.box, fds.btn;@layer fds.btn{.fds-btn{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);align-items:center;background-color:var(--ds-color-accent-base-default);border:var(--ds-border-width-default) solid transparent;border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-accent-contrast-default);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--ds-sizing-10);min-width:2.5em;padding:var(--dsc-btn-padding);position:relative;text-align:center;text-decoration:none}.fds-btn svg{overflow:visible}.fds-btn:disabled,.fds-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.fds-btn--sm{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-3);font:var(--ds-typography-paragraph-short-sm);font-family:inherit;gap:var(--ds-sizing-1);min-height:var(--ds-sizing-10)}.fds-btn--sm:before{content:"";left:0;min-height:auto;position:absolute;top:0;width:auto}.fds-btn--sm:after{content:"";height:44px;left:0;position:absolute;top:-5px;width:100%}.fds-btn--md{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);font:var(--ds-typography-paragraph-short-md);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-12)}.fds-btn--lg{--dsc-btn-padding:var(--ds-spacing-3) var(--ds-spacing-5);font:var(--ds-typography-paragraph-short-lg);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-14)}.fds-btn--full-width{width:100%}.fds-btn--secondary,.fds-btn--tertiary{background-color:initial}.fds-btn--icon-only{--dsc-btn-padding:0}.fds-btn--primary:where(.fds-btn--accent){background-color:var(--ds-color-accent-base-default)}.fds-btn--primary:where(.fds-btn--neutral){background-color:var(--ds-color-neutral-base-default)}.fds-btn--primary:where(.fds-btn--success){background-color:var(--ds-color-success-base-default)}.fds-btn--primary:where(.fds-btn--danger){background-color:var(--ds-color-danger-base-default)}@media (hover:hover) and (pointer:fine){.fds-btn--primary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-base-hover)}.fds-btn--primary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-base-hover)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-base-hover)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-base-hover)}.fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-surface-default);border-color:var(--ds-color-accent-base-hover);color:var(--ds-color-accent-base-hover)}.fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-surface-default);border-color:var(--ds-color-neutral-base-hover);color:var(--ds-color-neutral-base-hover)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-surface-default);border-color:var([delete]);color:var(--ds-color-success-base-default)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-surface-default);border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-default)}.fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-surface-default);color:var(--ds-color-accent-base-hover)}.fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-surface-default);color:var(--ds-color-neutral-base-hover)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-surface-default);color:var(--ds-color-success-base-default)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-surface-default);color:var(--ds-color-danger-text-default)}}.fds-btn--primary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-base-active)}.fds-btn--primary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-base-active)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-base-active)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-base-active)}.fds-btn--secondary:where(.fds-btn--accent){background-color:var(--ds-color-accent-background-default);border-color:var(--ds-color-accent-base-default);color:var(--ds-color-accent-base-default)}.fds-btn--secondary:where(.fds-btn--neutral){background-color:var(--ds-color-neutral-background-default);border-color:var(--ds-color-neutral-base-default);color:var(--ds-color-neutral-base-default)}.fds-btn--secondary:where(.fds-btn--success){background-color:var(--ds-color-success-background-default);border-color:var(--ds-color-success-border-default);color:var(--ds-color-success-base-default)}.fds-btn--secondary:where(.fds-btn--danger){background-color:var(--ds-color-danger-background-default);border-color:var(--ds-color-danger-border-default);color:var(--ds-color-danger-text-subtle)}.fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-surface-hover);border-color:var(--ds-color-accent-base-active);color:var(--ds-color-accent-base-active)}.fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-surface-hover);border-color:var(--ds-color-neutral-base-active);color:var(--ds-color-neutral-base-active)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-surface-hover);border-color:var([delete]);color:var(--ds-color-success-base-default)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-surface-hover);border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-default)}.fds-btn--tertiary:where(.fds-btn--accent){color:var(--ds-color-accent-base-default)}.fds-btn--tertiary:where(.fds-btn--neutral){color:var(--ds-color-neutral-base-default)}.fds-btn--tertiary:where(.fds-btn--success){color:var(--ds-color-success-base-default)}.fds-btn--tertiary:where(.fds-btn--danger){color:var(--ds-color-danger-text-subtle)}.fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-surface-hover);color:var(--ds-color-accent-base-active)}.fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-surface-hover);color:var(--ds-color-neutral-base-active)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-surface-hover);color:var(--ds-color-success-base-default)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-surface-hover);color:var(--ds-color-danger-text-default)}}@layer fds.utils{.fds-sr-only{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fds-focus:focus-visible{--dsc-focus-border-width:3px;box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-color-neutral-background-default);outline:var(--dsc-focus-border-width) solid var(--ds-color-neutral-text-default);outline-offset:var(--dsc-focus-border-width)}@layer animate-height{.fds-animate-height--closed,.fds-animate-height--openingOrClosing{overflow:hidden}.fds-animate-height--open .fds-animate-height__content{height:auto}.fds-animate-height--closed .fds-animate-height__content{display:none;height:0}}}@layer fds.box{.fds-box--xs-shadow{box-shadow:var(--ds-shadow-xs)}.fds-box--sm-shadow{box-shadow:var(--ds-shadow-sm)}.fds-box--md-shadow{box-shadow:var(--ds-shadow-md)}.fds-box--lg-shadow{box-shadow:var(--ds-shadow-lg)}.fds-box--xl-shadow{box-shadow:var(--ds-shadow-xl)}.fds-box--default-border-color{border:1px solid var(--ds-color-neutral-border-strong)}.fds-box--subtle-border-color{border:1px solid var(--ds-color-neutral-border-subtle)}.fds-box--strong-border-color{border:1px solid var(--ds-color-neutral-base-default)}.fds-box--sm-border-radius{border-radius:var(--ds-border-radius-sm)}.fds-box--md-border-radius{border-radius:var(--ds-border-radius-md)}.fds-box--lg-border-radius{border-radius:var(--ds-border-radius-lg)}.fds-box--xl-border-radius{border-radius:var(--ds-border-radius-xl)}.fds-box--2xl-border-radius{border-radius:var(--ds-border-radius-2xl)}.fds-box--3xl-border-radius{border-radius:var(--ds-border-radius-3xl)}.fds-box--4xl-border-radius{border-radius:var(--ds-border-radius-4xl)}.fds-box--full-border-radius{border-radius:var(--ds-border-radius-full)}.fds-box--default-background{background-color:var(--ds-color-neutral-background-default)}.fds-box--subtle-background{background-color:var(--ds-color-neutral-background-subtle)}}@layer fds.alert{.fds-alert{--dsc-alert-border-color:var(--ds-color-info-border-strong);--dsc-alert-border-radius:var(--ds-border-radius-md);--dsc-alert-color:var(--ds-color-neutral-text-default);--dsc-alert-icon-color:var(--dsc-alert-border-color);--dsc-alert-icon-size:var(--ds-sizing-7);--dsc-alert-background:var(--ds-color-info-surface-default);--dsc-alert-padding:var(--ds-spacing-6);background:var(--dsc-alert-background);border:1px solid var(--dsc-alert-border-color);border-radius:var(--dsc-alert-border-radius);color:var(--dsc-alert-color);display:grid;font:var(--ds-typography-paragraph-md);gap:var(--ds-spacing-2);grid-auto-columns:-webkit-min-content auto;grid-auto-columns:min-content auto;grid-auto-flow:column;padding:var(--dsc-alert-padding)}.fds-alert__icon{color:var(--dsc-alert-icon-color);height:var(--dsc-alert-icon-size);width:var(--dsc-alert-icon-size)}.fds-alert__content{display:flex;flex-direction:column}.fds-alert--info{--dsc-alert-border-color:var(--ds-color-info-border-strong);--dsc-alert-icon-color:var(--ds-color-info-base-default);--dsc-alert-background:var(--ds-color-info-surface-default)}.fds-alert--warning{--dsc-alert-border-color:var(--ds-color-warning-border-default);--dsc-alert-icon-color:var(--ds-color-warning-base-default);--dsc-alert-background:var(--ds-color-warning-surface-default)}.fds-alert--success{--dsc-alert-border-color:var(--ds-color-success-border-default);--dsc-alert-icon-color:var(--ds-color-success-base-default);--dsc-alert-background:var(--ds-color-success-surface-default)}.fds-alert--danger{--dsc-alert-border-color:var(--ds-color-danger-border-default);--dsc-alert-icon-color:var(--ds-color-danger-base-default);--dsc-alert-background:var(--ds-color-danger-surface-default)}.fds-alert--sm{--dsc-alert-padding:var(--ds-spacing-5);--dsc-alert-icon-size:var(--ds-sizing-6)}.fds-alert--md{--dsc-alert-padding:var(--ds-spacing-6);--dsc-alert-icon-size:var(--ds-sizing-7)}.fds-alert--lg{--dsc-alert-padding:var(--ds-spacing-7);--dsc-alert-icon-size:var(--ds-sizing-8)}.fds-alert--elevated{box-shadow:var(--ds-shadow-sm)}}@layer fds.typography.ingress{.fds-ingress{--dsc-bottom-spacing:var(--ds-spacing-5);color:var(--ds-color-neutral-text-default);margin:0}.fds-ingress--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-ingress--md{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-ingress-md);font-family:inherit}.fds-ingress--lg{--dsc-bottom-spacing:var(--ds-spacing-6);font:var(--ds-typography-ingress-lg);font-family:inherit}.fds-ingress--sm{--dsc-bottom-spacing:var(--ds-spacing-7);font:var(--ds-typography-ingress-sm);font-family:inherit}.fds-ingress--xs{--dsc-bottom-spacing:var(--ds-spacing-8);font:var(--ds-typography-ingress-xs);font-family:inherit}}@layer fds.skiplink{.fds-skiplink:focus{display:block;height:auto;margin:inherit;outline:0;overflow:visible;position:static;width:auto;clip:auto;background:var(--ds-color-neutral-backround-default);-webkit-clip-path:none;clip-path:none;color:var(--ds-color-neutral-text-default);padding:var(--ds-spacing-3) var(--ds-spacing-4) var(--ds-spacing-3) var(--ds-spacing-6);text-decoration:none;white-space:inherit}.fds-skiplink__content{--dsc-skiplink-padding:var(--ds-spacing-2) var(--ds-spacing-4);--dsc-skiplink-border-width:3px;align-items:center;background-color:initial;border:var(--ds-border-width-default) solid transparent;border-color:var(--ds-color-accent-base-hover);border-radius:var(--ds-border-radius-md);box-shadow:0 0 0 var(--dsc-skiplink-border-width) var(--ds-color-neutral-background-default);box-sizing:border-box;color:var(--ds-color-accent-base-hover);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--ds-sizing-10);outline:var(--dsc-skiplink-border-width) solid var(--ds-color-neutral-text-default);outline-offset:var(--dsc-skiplink-border-width);padding:var(--dsc-skiplink-padding);position:relative;text-align:center;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@layer fds.accordion{.fds-accordion{--dsc-accordion-border-radius:var(--ds-border-radius-md);--dsc-accordion-border-color:var(--ds-color-neutral-border-subtle);border-bottom:1px solid var(--ds-color-neutral-border-subtle);box-sizing:border-box}.fds-accordion--border{border:1px solid var(--dsc-accordion-border-color);border-radius:var(--dsc-accordion-border-radius)}.fds-accordion__expand-icon{border-radius:var(--ds-border-radius-md)}.fds-accordion__content{overflow:hidden;padding:var(--ds-spacing-5,1rem);text-overflow:ellipsis}.fds-accordion__header{margin:0}.fds-accordion__button{align-items:center;border:none;border-top:1px solid var(--ds-color-neutral-border-subtle);cursor:pointer;display:flex;gap:var(--ds-spacing-2);justify-content:flex-start;margin:0;padding:var(--ds-spacing-4);text-align:left;width:100%}.fds-accordion--border .fds-accordion__button{border-radius:var(--dsc-accordion-border-radius)}.fds-accordion__item:focus-within{position:relative}.fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__expand-icon{transform:rotate(180deg)}.fds-accordion--neutral,.fds-accordion--neutral .fds-accordion__button{background-color:var(--ds-color-neutral-background-default)}.fds-accordion--subtle,.fds-accordion--subtle .fds-accordion__button{background-color:var(--ds-color-neutral-background-subtle)}.fds-accordion--brand1,.fds-accordion--brand1 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand1-base-default);background:var(--ds-color-brand1-surface-default)}.fds-accordion--brand2,.fds-accordion--brand2 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand2-base-default);background:var(--ds-color-brand2-surface-default)}.fds-accordion--brand3,.fds-accordion--brand3 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand3-base-default);background:var(--ds-color-brand3-surface-default)}.fds-accordion--brand1 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--brand2 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--brand3 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:rgba(0,0,0,.03)}.fds-accordion--neutral .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--subtle .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:var(--ds-color-accent-surface-default)}.fds-accordion--border .fds-accordion__item:first-child .fds-accordion__button{border-top:0}.fds-accordion--brand1 .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--brand2 .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--brand3 .fds-accordion__item:not(:first-child) .fds-accordion__button{border-top:1px solid var(--ds-color-neutral-background-default)}@media (hover:hover) and (pointer:fine){.fds-accordion__button:hover .fds-accordion__expand-icon{background-color:rgba(0,0,0,.1)}.fds-accordion--neutral .fds-accordion__button:hover,.fds-accordion--subtle .fds-accordion__button:hover{background-color:var(--ds-color-neutral-surface-default)}.fds-accordion--brand1 .fds-accordion__button:hover{background-color:var(--ds-color-brand1-surface-hover)}.fds-accordion--brand2 .fds-accordion__button:hover{background-color:var(--ds-color-brand2-surface-hover)}.fds-accordion--brand3 .fds-accordion__button:hover{background-color:var(--ds-color-brand3-surface-hover)}}}@layer fds.switch{.fds-switch{--dsc-switch--transition:200ms;--dsc-switch-height:1.75rem;--dsc-switch-focus-border-width:3px;--dsc-switch-check_color:transparent;position:relative}@media (prefers-reduced-motion){.switch{--dsc-switch--transition:0}}.fds-switch__label{align-items:center;cursor:pointer;display:grid;gap:var(--ds-spacing-1);grid-template-columns:auto 1fr;min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-switch__track{background-color:var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-full);display:inline-block;height:var(--dsc-switch-height);margin:auto;margin-right:var(--ds-spacing-1);overflow:visible;pointer-events:none;position:relative;transition:background-color var(--dsc-switch--transition) ease;width:var(--dsc-switch-width)}.fds-switch__description{color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-spacing-1);padding-left:calc(var(--dsc-switch-width) + var(--ds-spacing-2));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-switch__readonly__icon{height:1.2em;width:1.2em}.fds-switch__label--right{grid-auto-flow:dense;grid-template-columns:1fr auto}.fds-switch__label--right .fds-switch__track{margin-right:0;order:1}.fds-switch__label--right+.fds-switch__description{padding-left:0}.fds-switch__input{cursor:pointer;height:2.75rem;margin:0;opacity:0;position:absolute;width:2.75rem;z-index:1}.fds-switch--readonly>.fds-switch__label{grid-template-columns:auto -webkit-min-content 1fr;grid-template-columns:auto min-content 1fr}.fds-switch--readonly>.fds-switch__label:where(.fds-switch__label--right){grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto}.fds-switch--readonly>.fds-switch__input,.fds-switch--readonly>.fds-switch__label{cursor:default}.fds-switch--disabled>.fds-switch__input,.fds-switch--disabled>.fds-switch__label,.fds-switch--disabled>.fds-switch__track{cursor:not-allowed}.fds-switch--disabled>.fds-switch__description,.fds-switch--disabled>.fds-switch__label,.fds-switch--disabled>.fds-switch__track{opacity:var(--ds-opacity-disabled)}.fds-switch--readonly>.fds-switch__description{margin-left:var(--ds-spacing-1)}.fds-switch--sm,.fds-switch--sm .fds-switch__label{min-height:var(--ds-sizing-6)}.fds-switch--md,.fds-switch--md .fds-switch__label{min-height:var(--ds-sizing-7)}.fds-switch--lg,.fds-switch--lg .fds-switch__label{min-height:var(--ds-sizing-8)}.fds-switch--sm{--dsc-switch-height:var(--ds-sizing-6);--dsc-switch-width:var(--ds-sizing-11)}.fds-switch--sm .fds-switch__input{left:-.25rem;top:-.25rem}.fds-switch--md{--dsc-switch-height:var(--ds-sizing-7);--dsc-switch-width:var(--ds-sizing-13)}.fds-switch--md .fds-switch__input{left:0;top:0}.fds-switch--lg{--dsc-switch-height:var(--ds-sizing-8);--dsc-switch-width:var(--ds-sizing-15)}.fds-switch--lg .fds-switch__input{left:0;top:.25rem}.fds-switch__label:has(.fds-switch__track:only-child){grid-template-columns:auto}.fds-switch__label:has(.fds-switch__track:only-child) .fds-switch__track{margin-right:0}.fds-switch__input:focus-visible+.fds-switch__label .fds-switch__track{box-shadow:0 0 0 var(--dsc-switch-focus-border-width) var(--ds-color-neutral-background-default);outline:var(--dsc-switch-focus-border-width) solid var(--ds-color-neutral-text-default);outline-offset:3px}.fds-switch__input:not([readonly]):checked+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-default)}.fds-switch__thumb{background-color:var(--ds-color-neutral-background-default);border-radius:var(--ds-border-radius-full);height:var(--dsc-switch-height);position:absolute;scale:.8;transition:transform var(--dsc-switch--transition) ease;width:var(--dsc-switch-height)}.fds-switch__input:checked+.fds-switch__label .fds-switch__track .fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-default);transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*1.2))}.fds-switch__thumb:after{background-color:var(--dsc-switch-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color var(--dsc-switch--transition) ease;width:100%}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-neutral-background-subtle);box-shadow:inset 0 0 0 2px var(--ds-color-neutral-border-subtle)}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-neutral-background-subtle);background-color:var(--ds-color-neutral-border-strong)}@media (hover:hover) and (pointer:fine){.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*.2))}.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label{color:var(--ds-color-accent-border-strong)}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-hover);transform:translateX(calc(var(--dsc-switch-width) - var(--dsc-switch-height)))}.input:not(:checked,:disabled,[readonly]):hover+.label .track{background-color:var([delete])}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-hover)}}}@layer fds.checkbox{.fds-checkbox{--dsc-checkbox-size:1.75rem;--dsc-checkbox-focus-border-width:3px;--dsc-checkbox-background:var(--ds-color-neutral-background-default);--dsc-checkbox-border-color:var(--ds-color-neutral-border-default);--dsc-checkbox-border__hover--size:calc(var(--ds-spacing-3)/2);--dsc-checkbox-border__hover:0 0 0 var(--dsc-checkbox-border__hover--size) var(--ds-color-accent-surface-hover);--dsc-checkbox-check_color:transparent;--dsc-checkbox-focus-color:var(--ds-color-neutral-text-default);display:grid}.fds-checkbox:has(.fds-checkbox__label){gap:var(--ds-spacing-2);grid-template-columns:var(--dsc-checkbox-size) auto}.fds-checkbox__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-checkbox-background);box-shadow:inset 0 0 0 2px var(--dsc-checkbox-border-color);height:var(--dsc-checkbox-size);margin:0;outline:none;position:relative;width:var(--dsc-checkbox-size);z-index:1}.fds-checkbox__input,.fds-checkbox__input:before{border-radius:var(--ds-border-radius-md);cursor:pointer}.fds-checkbox__input:before{content:"";display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-checkbox__description{color:var(--ds-color-neutral-text-subtle);grid-column:2;margin-top:calc(var(--ds-spacing-3)*-1)}.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__input:before,.fds-checkbox--disabled>.fds-checkbox__label{cursor:not-allowed}.fds-checkbox--disabled>.fds-checkbox__description,.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__label{opacity:var(--ds-opacity-disabled)}.fds-checkbox--readonly>.fds-checkbox__input,.fds-checkbox--readonly>.fds-checkbox__input:before,.fds-checkbox--readonly>.fds-checkbox__label{cursor:default}.fds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--dsc-checkbox-focus-border-width) var(--ds-color-neutral-background-default),inset 0 0 0 2px var(--dsc-checkbox-border-color);outline:var(--dsc-checkbox-focus-border-width) solid var(--dsc-checkbox-focus-color);outline-offset:3px}.fds-checkbox__input:after{background-color:var(--dsc-checkbox-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.fds-checkbox__input:checked{--dsc-checkbox-border-color:var(--ds-color-accent-base-default);--dsc-checkbox-check_color:#fff;background:var(--dsc-checkbox-border-color)}.fds-checkbox__input:indeterminate{--dsc-checkbox-border-color:var(--ds-color-accent-border-strong);--dsc-checkbox-check_color:#fff;background-color:var(--dsc-checkbox-border-color);background-repeat:no-repeat}.fds-checkbox--readonly>.fds-checkbox__input{--dsc-checkbox-border-color:var(--ds-color-neutral-border-subtle);--dsc-checkbox-background:var(--ds-color-neutral-background-subtle)}.fds-checkbox__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--dsc-checkbox-border-color)}.fds-checkbox--readonly>.fds-checkbox__input:checked{--dsc-checkbox-check_color:var(--ds-color-neutral-text-subtle);background:var(--dsc-checkbox-background)}.fds-checkbox--readonly>.fds-checkbox__input:indeterminate{--dsc-checkbox-check_color:var(--ds-color-neutral-text-subtle);background:var(--dsc-checkbox-background)}.fds-checkbox--error>.fds-checkbox__input:not(:disabled,:focus-visible){--dsc-checkbox-border-color:var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover+.fds-checkbox__label,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__label:hover{color:var(--ds-color-accent-base-hover)}.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:checked,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:not(:checked){--dsc-checkbox-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-checkbox-border__hover),inset 0 0 0 2px var(--dsc-checkbox-border-color)}}.fds-checkbox--sm{--dsc-checkbox-size:var(--ds-sizing-5);min-height:var(--ds-sizing-10)}.fds-checkbox--md{--dsc-checkbox-size:var(--ds-sizing-6);min-height:var(--ds-sizing-11)}.fds-checkbox--lg{--dsc-checkbox-size:var(--ds-sizing-7);min-height:var(--ds-sizing-12)}}@layer fds.typography.error-message{.fds-error-message{--dsc-bottom-spacing:var(--ds-spacing-5);margin:0}.fds-error-message--error{color:var(--ds-color-danger-text-default)}.fds-error-message--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-error-message--lg{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-error_message-lg);font-family:inherit}.fds-error-message--md{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-error_message-md);font-family:inherit}.fds-error-message--sm{--dsc-bottom-spacing:var(--ds-spacing-4);font:var(--ds-typography-error_message-sm);font-family:inherit}.fds-error-message--xs{--dsc-bottom-spacing:var(--ds-spacing-3);font:var(--ds-typography-error_message-xs);font-family:inherit}}@layer fds.typography.label{.fds-label{--dsc-bottom-spacing:var(--ds-spacing-1);color:var(--ds-color-neutral-text-default);display:inline-block;margin:0;padding:0}.fds-label--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-label--lg{font:var(--ds-typography-label-lg);font-family:inherit}.fds-label--md{font:var(--ds-typography-label-md);font-family:inherit}.fds-label--sm{font:var(--ds-typography-label-sm);font-family:inherit}.fds-label--xs{font:var(--ds-typography-label-xs);font-family:inherit}.fds-label--regular-weight{font-weight:400}.fds-label--medium-weight{font-weight:500}.fds-label--semibold-weight{font-weight:600}}@layer fds.typography.heading{.fds-heading{--dsc-bottom-spacing:var(--ds-spacing-6);color:var(--ds-color-neutral-text-default);margin:0}.fds-heading--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-heading--2xl{--dsc-bottom-spacing:var(--ds-spacing-7);font:var(--ds-typography-heading-2xl);font-family:inherit}.fds-heading--xl{--dsc-bottom-spacing:var(--ds-spacing-6);font:var(--ds-typography-heading-xl);font-family:inherit}.fds-heading--lg{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-heading-lg);font-family:inherit}.fds-heading--md{--dsc-bottom-spacing:var(--ds-spacing-4);font:var(--ds-typography-heading-md);font-family:inherit}.fds-heading--sm{--dsc-bottom-spacing:var(--ds-spacing-3);font:var(--ds-typography-heading-sm);font-family:inherit}.fds-heading--xs{--dsc-bottom-spacing:var(--ds-spacing-2);font:var(--ds-typography-heading-xs);font-family:inherit}.fds-heading--2xs{--dsc-bottom-spacing:var(--ds-spacing-1);font:var(--ds-typography-heading-2xs);font-family:inherit}}@layer fds.typography.paragraph{.fds-paragraph{--dsc-bottom-spacing:var(--ds-spacing-5);color:var(--ds-color-neutral-text-default);margin:0}.fds-paragraph--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-paragraph--lg{--dsc-bottom-spacing:var(--ds-spacing-6);font:var(--ds-typography-paragraph-lg);font-family:inherit}.fds-paragraph--lg.fds-paragraph--short{font:var(--ds-typography-paragraph-short-lg);font-family:inherit}.fds-paragraph--lg.fds-paragraph--long{line-height:var(--ds-typography-paragraph-long-lg)}.fds-paragraph--md{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-paragraph-md);font-family:inherit}.fds-paragraph--md.fds-paragraph--short{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-paragraph-short-md);font-family:inherit}.fds-paragraph--md.fds-paragraph--long{line-height:var(--ds-typography-paragraph-long-md)}.fds-paragraph--sm{--dsc-bottom-spacing:var(--ds-spacing-4);font:var(--ds-typography-paragraph-sm);font-family:inherit}.fds-paragraph--sm.fds-paragraph--short{--dsc-bottom-spacing:var(--ds-spacing-4);font:var(--ds-typography-paragraph-short-sm);font-family:inherit}.fds-paragraph--sm.fds-paragraph--long{line-height:var(--ds-typography-paragraph-long-sm)}.fds-paragraph--xs{--dsc-bottom-spacing:var(--ds-spacing-3);font:var(--ds-typography-paragraph-xs);font-family:inherit}.fds-paragraph--xs.fds-paragraph--short{--dsc-bottom-spacing:var(--ds-spacing-3);font:var(--ds-typography-paragraph-short-xs);font-family:inherit}.fds-paragraph--xs.fds-paragraph--long{line-height:var(--ds-typography-paragraph-long-xs)}}@layer fds.radio{.fds-radio{--dsc-radio-size:var(--ds-spacing-5);--dsc-radio-focus-border-width:3px;--dsc-radio-background:var(--ds-color-neutral-background-default);--dsc-radio-border-color:var(--ds-color-neutral-border-default);--dsc-radio-border__hover--size:calc(var(--ds-spacing-3)/2);--dsc-radio-border__hover:0 0 0 var(--dsc-radio-border__hover--size) var(--ds-color-accent-border-subtle);--dsc-radio-focus-color:var(--ds-color-neutral-text-default);display:grid}.fds-radio:has(.fds-radio__label){gap:var(--ds-spacing-2);grid-template-columns:var(--dsc-radio-size) auto}.fds-radio__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-radio-background);border-radius:50%;box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color);cursor:pointer;height:var(--dsc-radio-size);margin:0;outline:none;position:relative;width:var(--dsc-radio-size);z-index:1}.fds-radio__input:before{border-radius:var(--ds-border-radius-md);content:"";cursor:pointer;display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-radio__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-radio__description{color:var(--ds-color-neutral-text-subtle);grid-column:2;margin-top:calc(var(--ds-spacing-3)*-1)}.fds-radio--disabled>.fds-radio__input,.fds-radio--disabled>.fds-radio__input:before,.fds-radio--disabled>.fds-radio__label{cursor:not-allowed}.fds-radio--disabled>.fds-radio__description,.fds-radio--disabled>.fds-radio__input,.fds-radio--disabled>.fds-radio__label{opacity:var(--ds-opacity-disabled)}.fds-radio--readonly>.fds-radio__input,.fds-radio--readonly>.fds-radio__input:before,.fds-radio--readonly>.fds-radio__label{cursor:default}.fds-radio__input:focus-visible{box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 var(--dsc-radio-focus-border-width) var(--ds-color-neutral-background-default),inset 0 0 0 6px var(--dsc-radio-background);outline:var(--dsc-radio-focus-border-width) solid var(--dsc-radio-focus-color);outline-offset:var(--ds-spacing-1)}.fds-radio__input:checked{--dsc-radio-border-color:var(--ds-color-accent-border-strong);background:var(--dsc-radio-border-color)}.fds-radio--readonly>.fds-radio__input{--dsc-radio-border-color:var(--ds-color-neutral-border-subtle);--dsc-radio-background:var(--ds-color-neutral-background-subtle)}.fds-radio__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 6px var(--dsc-radio-background)}.fds-radio--readonly>.fds-radio__input:checked{background:var(--ds-color-neutral-border-strong)}.fds-radio--error>.fds-radio__input:not(:disabled,:focus-visible){--dsc-radio-border-color:var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover+.fds-radio__label,.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__label:hover{color:var(--ds-color-accent-text-subtle)}.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover:not(:checked){--dsc-radio-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-radio-border__hover),inset 0 0 0 2px var(--dsc-radio-border-color)}.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover:checked{--dsc-radio-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-radio-border__hover),inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 6px var(--dsc-radio-background)}}.fds-radio--sm{--dsc-radio-size:var(--ds-sizing-5);min-height:var(--ds-sizing-10)}.fds-radio--md{--dsc-radio-size:var(--ds-sizing-6);--dsc-radio-border__hover--size:var(--ds-spacing-1);min-height:var(--ds-sizing-11)}.fds-radio--lg{--dsc-radio-size:var(--ds-sizing-7);min-height:var(--ds-sizing-12)}.fds-radio-group--horizontal{display:flex;flex-direction:row;gap:var(--ds-spacing-6)}}@layer fds.search{.fds-search{display:inline-grid;gap:var(--ds-spacing-2);width:100%}.fds-search--sm{--dsc-search-button-clear-size:var(--ds-sizing-5)}.fds-search--md{--dsc-search-button-clear-size:var(--ds-sizing-6)}.fds-search--lg{--dsc-search-button-clear-size:var(--ds-sizing-8)}.fds-search__error:empty{display:none}.fds-search__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-search__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex;position:relative;width:100%}.fds-search__icon{height:100%;left:var(--ds-spacing-4);pointer-events:none;position:absolute;transform:scale(1.5);z-index:2}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.fds-search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;height:var(--ds-sizing-10);padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-search__input.fds-search__input--with-search-button{border-bottom-right-radius:0;border-top-right-radius:0}.fds-search__input:disabled{cursor:not-allowed}.fds-search__input[type=search]:focus-visible{z-index:1}.fds-search--disabled{opacity:var(--ds-opacity-disabled)}.fds-search__search-button{border-bottom-left-radius:0;border-top-left-radius:0}.fds-search__search-button:not(:focus-visible){border-left:0}.fds-search__search-button:focus-visible{z-index:1}.fds-search__clear-button{align-items:center;background:none;border:none;border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default);cursor:pointer;display:inline-flex;font-size:1.25rem;height:var(--dsc-search-button-clear-size);justify-content:center;padding:0;position:absolute;right:.6em;top:50%;transform:translateY(-50%);width:var(--dsc-search-button-clear-size);z-index:2}.fds-search--sm .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-4);height:var(--ds-sizing-10);padding:0 var(--ds-spacing-3);padding-right:2.5em}.fds-search--sm .fds-search__icon{left:var(--ds-spacing-3)}.fds-search--md .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-6);height:var(--ds-sizing-12);padding:0 var(--ds-spacing-4);padding-right:2.2em}.fds-search--md .fds-search__icon{left:var(--ds-spacing-4)}.fds-search--lg .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-12);height:var(--ds-sizing-14);padding:0 var(--ds-spacing-5);padding-right:2em}.fds-search--lg .fds-search__icon{left:var(--ds-spacing-5)}.fds-search__input.fds-search__input--simple{padding-left:2.4em}.fds-search__error-message>.input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-search__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}.fds-search__clear-button:not(:focus-visible,:disabled,[aria-disabled]):hover{background:var(--ds-color-accent-surface-hover)}}}@layer fds.nativeselect{.fds-native-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ds-color-neutral-background-default);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");background-position:right var(--ds-spacing-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--ds-spacing-2);position:relative}@media (hover:hover) and (pointer:fine){.fds-native-select:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-native-select.fds-native-select--multiple{background-image:none}.fds-native-select--sm{height:var(--ds-sizing-10);padding:0 var(--ds-spacing-2);padding-right:var(--ds-spacing-8)}.fds-native-select--md{height:var(--ds-sizing-12);padding:0 var(--ds-spacing-3);padding-right:var(--ds-spacing-10)}.fds-native-select--lg{height:var(--ds-sizing-14);padding:0 var(--ds-spacing-4);padding-right:var(--ds-spacing-12)}.fds-native-select--container{display:grid;gap:var(--ds-spacing-2)}.fds-native-select--disabled{opacity:var(--ds-opacity-disabled)}.fds-native-select--disabled .fds-native-select{cursor:not-allowed}.fds-native-select--readonly .fds-native-select{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-native-select--error>.fds-native-select:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}.fds-native-select__readonly__icon{height:1.2em;width:1.2em}.fds-native-select__error-message:empty{display:none}.fds-native-select__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-native-select__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}}@layer fds.textfield{.fds-textfield{display:grid;gap:var(--ds-spacing-2)}.fds-textfield__adornment{background:var(--ds-color-neutral-background-subtle);border:1px solid var(--ds-color-neutral-border-strong);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-border-strong);display:inline-block;padding:9px var(--ds-spacing-4)}.fds-textfield__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-textfield--disabled .fds-textfield__input{cursor:not-allowed}.fds-textfield--readonly .fds-textfield__input{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textfield__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex}.fds-textfield__field>:first-child{border-bottom-left-radius:var(--ds-border-radius-md);border-top-left-radius:var(--ds-border-radius-md)}.fds-textfield__field>:last-child{border-bottom-right-radius:var(--ds-border-radius-md);border-top-right-radius:var(--ds-border-radius-md)}.fds-textfield--sm .fds-textfield__adornment{padding:var(--ds-sizing-2) var(--ds-spacing-3)}.fds-textfield--md .fds-textfield__adornment{padding:.65rem var(--ds-spacing-4)}.fds-textfield--lg .fds-textfield__adornment{padding:.85rem var(--ds-spacing-5)}.fds-textfield--sm .fds-textfield__field{height:var(--ds-sizing-10)}.fds-textfield--md .fds-textfield__field{height:var(--ds-sizing-12)}.fds-textfield--lg .fds-textfield__field{height:var(--ds-sizing-14)}.fds-textfield--sm .fds-textfield__input{padding:0 var(--ds-spacing-2)}.fds-textfield--md .fds-textfield__input{padding:0 var(--ds-spacing-3)}.fds-textfield--lg .fds-textfield__input{padding:0 var(--ds-spacing-4)}.fds-textfield__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-textfield--disabled{opacity:var(--ds-opacity-disabled)}.fds-textfield--error .fds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-textfield__input--with-prefix{border-bottom-left-radius:0;border-top-left-radius:0}.fds-textfield__input--with-suffix{border-bottom-right-radius:0;border-top-right-radius:0}.fds-textfield__prefix{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.fds-textfield__suffix{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.fds-textfield__readonly__icon{height:1.2em;width:1.2em}.fds-textfield__error-message:empty{display:none}}@layer fds.textarea{.fds-textarea{display:grid;gap:var(--ds-spacing-2)}.fds-textarea__readonly__icon{height:1.2em;width:1.2em}.fds-textarea__error-message:empty{display:none}.fds-textarea__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textarea__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-textarea__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;min-height:2.5em;padding:var(--ds-spacing-3);position:relative;resize:vertical;width:100%}.fds-textarea--sm .fds-textarea__input{padding:var(--ds-spacing-2)}.fds-textarea--md .fds-textarea__input{padding:var(--ds-spacing-3)}.fds-textarea--lg .fds-textarea__input{padding:var(--ds-spacing-4)}.fds-textarea--disabled{opacity:var(--ds-opacity-disabled)}.fds-textarea--disabled .fds-textarea__input{cursor:not-allowed}.fds-textarea--readonly .fds-textarea__input{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textarea--error>.fds-textarea__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-textarea__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}}@layer fds.helptext{.fds-helptext__button{background-color:initial;border:none;border-radius:50px;cursor:pointer;display:flex;min-height:0;min-width:0;padding:0!important}@media print{.fds-helptext__button{display:none}}.fds-helptext__icon--filled{display:none}.fds-helptext__icon{color:var(--ds-color-accent-base-default);height:var(--ds-sizing-7);width:var(--ds-sizing-7)}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon{display:none}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon--filled{display:inline-block}.fds-helptext__content{color:var(--ds-color-neutral-text-default);font:var(--ds-typography-paragraph-md);font-family:inherit;max-width:700px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-helptext--sm .fds-helptext__icon{height:var(--ds-sizing-6);width:var(--ds-sizing-6)}.fds-helptext--md .fds-helptext__icon{height:var(--ds-sizing-7);width:var(--ds-sizing-7)}.fds-helptext--lg .fds-helptext__icon{height:var(--ds-sizing-8);width:var(--ds-sizing-8)}}@layer fds.modal{.fds-modal{border:none;border-radius:var(--ds-border-radius-md);box-shadow:var(--ds-shadow-xl);max-width:650px;padding:0;width:100%}.fds-modal::backdrop{animation:fade-in .3s ease-in-out;background-color:rgba(0,0,0,.5)}.fds-modal[open]{animation:slide-in .3s ease-in-out,fade-in .3s ease-in-out}.fds-modal>hr{border-color:var(--ds-color-neutral-border-subtle);margin:var(--ds-spacing-3) 0!important}.fds-modal--lock-scroll{overflow:hidden}@media (max-width:650px){.fds-modal{border-radius:0;max-width:100%;min-width:100%}}@media (prefers-reduced-motion:reduce){.fds-modal[open]{animation:none}.fds-modal::backdrop{animation:none}}@keyframes slide-in{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fds-modal__header{color:var(--ds-color-neutral-text-default);display:flex;flex-direction:column;gap:var(--ds-spacing-1);justify-content:space-between;padding:var(--ds-spacing-6) var(--ds-spacing-18) var(--ds-spacing-2) var(--ds-spacing-6)}.fds-modal__header--no-button{padding-right:var(--ds-spacing-6)}.fds-modal__header__button{position:absolute;right:var(--ds-spacing-3);top:var(--ds-spacing-3)}.fds-modal__footer{align-items:center;display:flex;gap:var(--ds-spacing-4);padding:var(--ds-spacing-3) var(--ds-spacing-6) var(--ds-spacing-6)}.fds-modal__content{max-height:80vh;overflow-y:auto;padding:var(--ds-spacing-2) var(--ds-spacing-6)}}@layer fds.list{.fds-list--sm{padding-left:var(--ds-spacing-4)}.fds-list--lg,.fds-list--md{padding-left:var(--ds-spacing-6)}.fds-list__item{margin-bottom:var(--ds-spacing-2)}.fds-list__item>.fds-list{margin-top:var(--ds-spacing-2)}}@layer fds.card{.fds-card__media{width:auto}.fds-card__media>*{border:0;display:flex;flex-direction:column;width:100%}.fds-card__content,.fds-card__footer{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-4);justify-content:flex-start;word-wrap:break-word;font:var(--ds-typography-paragraph-md);font-family:inherit;padding:var(--ds-spacing-2) 0}.fds-card__content{flex-direction:column}.fds-card__header{flex-wrap:wrap;word-wrap:break-word;font:var(--ds-typography-heading-md);font-family:inherit;padding:var(--ds-spacing-2) 0}.fds-card,.fds-card__header{display:flex;flex-direction:column}.fds-card{border-radius:var(--ds-border-radius-md);box-sizing:border-box;overflow:hidden;position:relative;width:100%}.fds-card,.fds-card a,.fds-card a:visited{color:var(--ds-color-neutral-text-default)}.fds-card>hr{margin:var(--ds-spacing-3) 0;width:100%}.fds-card>:not(.fds-card__media,hr){padding-left:var(--ds-spacing-6);padding-right:var(--ds-spacing-6)}.fds-card>:not(.fds-card__media):first-child{padding-top:var(--ds-spacing-6)}.fds-card>:not(.fds-card__media):last-child{padding-bottom:var(--ds-spacing-6)}.fds-card__media:first-child{padding-bottom:var(--ds-spacing-4)}.fds-card__media:last-child{padding-top:var(--ds-spacing-6)}.fds-card--link{text-decoration:none}.fds-card--link h1,.fds-card--link h2,.fds-card--link h3,.fds-card--link h4,.fds-card--link h5,.fds-card--link h6{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(4px,.25rem,.22em)}.fds-card--neutral{background-color:var(--ds-color-neutral-background-default)}.fds-card--neutral,.fds-card--subtle{border:1px solid var(--ds-color-neutral-border-subtle)}.fds-card--subtle{background-color:var(--ds-color-neutral-background-subtle)}.fds-card--neutral.fds-card--link:hover,.fds-card--subtle.fds-card--link:hover{background-color:var(--ds-color-neutral-surface-default)}.fds-card--brand1{background-color:var(--ds-color-brand1-surface-default);border:1px solid var(--ds-color-neutral-border-subtle)}.fds-card--brand1.fds-card--link:hover{background-color:var(--ds-color-brand1-surface-hover)}.fds-card--brand1.fds-card--link:active{background-color:var(--ds-color-brand1-surface-active)}.fds-card--brand2{background-color:var(--ds-color-brand2-surface-default);border:1px solid var(--ds-color-neutral-border-subtle)}.fds-card--brand2.fds-card--link:hover{background-color:var(--ds-color-brand2-surface-hover)}.fds-card--brand2.fds-card--link:active{background-color:var(--ds-color-brand2-surface-active)}.fds-card--brand3{background-color:var(--ds-color-brand3-surface-default);border:1px solid var(--ds-color-neutral-border-subtle)}.fds-card--brand3.fds-card--link:hover{background-color:var(--ds-color-brand3-surface-hover)}.fds-card--brand3.fds-card--link:active{background-color:var(--ds-color-brand3-surface-active)}}@layer fds.link{.fds-link{align-items:center;color:var(--ds-color-accent-text-subtle);cursor:pointer;display:inline-flex;gap:var(--ds-spacing-1);position:relative;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:max(5px,.25rem)}.fds-link:visited{color:var(--ds-global-purple-12);text-decoration:none}.fds-link:hover{color:var(--ds-color-accent-text-default);text-decoration-thickness:max(2px,.125rem,.12em)}.fds-link:focus-visible{background:var(--ds-color-neutral-text-default);color:var(--ds-color-accent-background-default);outline:none}.fds-link:active{background:var(--ds-color-accent-surface-default);border-radius:var(--ds-border-radius-md);color:var(--ds-color-accent-text-default);outline:none}}@layer fds.fieldset{.fds-fieldset{border:0;margin:0;min-width:0;padding:0}.fds-fieldset--spacing{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}.fds-fieldset__description{color:var(--ds-color-neutral-text-subtle);font-weight:400}.fds-fieldset__legend{display:contents}.fds-fieldset--readonly .fds-fieldset__legend__content{display:inline-flex}.fds-fieldset--readonly .fds-fieldset__readonly__icon{height:1.2em;width:1.2em}.fds-fieldset--disabled .fds-fieldset__description,.fds-fieldset--disabled .fds-fieldset__legend{color:var(--ds-color-neutral-border-subtle)}.fds-fieldset__error-message{display:contents}}@layer fds.dropdownmenu{.fds-dropdownmenu{background-color:var(--ds-color-neutral-background-default);border-radius:var(--ds-border-radius-md);box-shadow:var(--ds-shadow-md);list-style:none;margin:0;padding:var(--ds-spacing-2);position:relative;z-index:1500}.fds-dropdownmenu--sm{min-width:240px;padding:var(--ds-spacing-2)}.fds-dropdownmenu--md{min-width:260px;padding:var(--ds-spacing-3) var(--ds-spacing-2)}.fds-dropdownmenu--lg{min-width:280px;padding:var(--ds-spacing-4) var(--ds-spacing-2)}.fds-dropdownmenu>hr{border-color:var(--ds-color-neutral-border-subtle)!important}.fds-dropdownmenu__item{justify-content:start;padding:0 var(--ds-spacing-4)}.fds-dropdownmenu__section{list-style:none;margin:0;padding:0}.fds-dropdownmenu__heading{padding:var(--ds-spacing-2) var(--ds-spacing-4)}}@layer fds.chip{.fds-chip--button{--dsc-chip-height:var(--ds-sizing-7);--dsc-chip-padding:var(--ds-spacing-3);--dsc-chip-background:var(--ds-color-accent-surface-default);--dsc-chip-text-color:var(--ds-color-neutral-text-default);--dsc-chip-border:var(--ds-color-accent-border-subtle);--dsc-chip-border-radius:var(--ds-border-radius-full);align-items:center;background:var(--dsc-chip-background);border:1px solid var(--dsc-chip-border);border-radius:var(--dsc-chip-border-radius);color:var(--dsc-chip-text-color);display:inline-flex;font-family:inherit;min-height:var(--dsc-chip-height);padding:0 var(--dsc-chip-padding);text-decoration:none}.fds-chip--button:disabled,.fds-chip--button[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.fds-chip--button .fds-chip__label{align-items:center;color:inherit;display:flex;flex-direction:row;gap:var(--ds-spacing-2);line-height:normal}.fds-chip--removable{--dsc-removable-background:var(--ds-color-accent-base-default);--dsc-removable-text-color:var(--ds-color-neutral-contrast-default);--dsc-removable-chip-size:var(--ds-sizing-7);--dsc-removable-chip-xmark-color:var(--ds-color-neutral-contrast-default);--dsc-removable-chip-xmark-padding_right:var(--ds-spacing-1);--dsc-removable-chip-xmark-size:var(--ds-sizing-6);--dsc-removable-chip-xmark-wrapper-width:calc(var(--dsc-removable-chip-xmark-size) + var(--dsc-removable-chip-xmark-padding_right));background:var(--dsc-removable-background);border:0;color:var(--dsc-removable-text-color);min-height:var(--dsc-chip-height);padding-right:var(--ds-spacing-2)}.fds-chip--removable.fds-chip--sm{padding-right:var(--ds-spacing-1)}.fds-chip--removable.fds-chip--lg{padding-right:var(--ds-spacing-2)}.fds-chip__x-mark{color:var(--dsc-removable-chip-xmark-color)}.fds-chip__x-mark,.fds-chip__x-mark .fds-chip__icon{height:var(--dsc-removable-chip-xmark-size);width:var(--dsc-removable-chip-xmark-size)}.fds-chip--spacing{padding-left:var(--ds-spacing-2)!important}.fds-chip--sm .fds-chip__checkmark-icon{height:var(--ds-sizing-5);width:auto}.fds-chip--md .fds-chip__checkmark-icon{height:24px;width:auto}.fds-chip--lg .fds-chip__checkmark-icon{height:26px;width:auto}.fds-chip--group-container{display:flex;gap:var(--dsc-chip-group-gap);list-style-type:none;margin:0;padding:0}.fds-chip--group-container,.fds-chip--group-container.fds-chip--lg,.fds-chip--group-container.fds-chip--md,.fds-chip--group-container.fds-chip--sm{--dsc-chip-group-gap:var(--ds-spacing-2)}@media (hover:hover) and (pointer:fine){.fds-chip--button:not(:disabled,[aria-disabled=true]):hover{--dsc-chip-background:var(--ds-color-accent-surface-hover);--dsc-chip-text-color:var(--ds-color-neutral-text-default);--dsc-chip-border:var(--ds-color-accent-border-default);cursor:pointer}.fds-chip--button:not(:disabled,[aria-disabled=true]):is([aria-pressed=true]):hover{--dsc-chip-background:var(--ds-color-accent-surface-hover);--dsc-chip-text-color:var(--ds-color-neutral-text-default)}.fds-chip--removable:not(:disabled,[aria-disabled=true]):focus,.fds-chip--removable:not(:disabled,[aria-disabled=true]):hover{--dsc-removable-background:var(--ds-color-accent-base-hover);--dsc-removable-chip-xmark-color:var(--ds-color-neutral-contrast-default)}}.fds-chip--button:is([aria-pressed=true]),.fds-chip--button:not(:disabled,[aria-disabled=true]):active,.fds-chip--removable:is([aria-pressed=true]),.fds-chip--removable:not(:disabled,[aria-disabled=true]):active{--dsc-chip-background:var(--ds-color-accent-base-active);--dsc-chip-text-color:var(--ds-color-neutral-contrast-default);--dsc-chip-border:var(--ds-color-accent-base-active);--dsc-removable-background:var(--ds-color-accent-base-active);--dsc-removable-text-color:var(--ds-color-neutral-contrast-default)}.fds-chip--sm{--dsc-chip-height:var(--ds-sizing-7);--dsc-chip-padding:var(--ds-spacing-3);--dsc-removable-chip-xmark-size:var(--ds-sizing-5);--dsc-removable-chip-xmark-padding_right:var(--ds-spacing-1)}.fds-chip--md{--dsc-chip-height:var(--ds-sizing-8);--dsc-chip-padding:var(--ds-spacing-3);--dsc-removable-chip-xmark-size:var(--ds-sizing-6);--dsc-removable-chip-xmark-padding_right:var(--ds-spacing-2)}.fds-chip--lg{--dsc-chip-height:var(--ds-sizing-9);--dsc-chip-padding:var(--ds-spacing-4);--dsc-removable-chip-xmark-size:var(--ds-sizing-7);--dsc-removable-chip-xmark-padding_right:var(--ds-spacing-3)}}@layer fds.divider{.fds-divider{border:none;border-top:1px solid}.fds-divider--default{border-color:var(--ds-color-neutral-border-subtle)}.fds-divider--strong{border-color:var(--ds-color-neutral-border-default)}.fds-divider--subtle{border-color:var(--ds-color-neutral-border-subtle)}}@layer fds.tabs{.fds-tabs__tab{--dsc-tabs__tab-bottom-border-color:transparent;align-items:center;background-color:initial;border:none;border-radius:0;box-sizing:border-box;color:var(--ds-color-neutral-text-subtle);cursor:pointer;display:flex;flex-direction:row;gap:var(--ds-spacing-1);justify-content:center;padding:var(--ds-spacing-2) var(--ds-spacing-3);position:relative;text-align:center}.fds-tabs__content{padding:var(--ds-spacing-5)}.fds-tabs--sm .fds-tabs__content,.fds-tabs--sm .fds-tabs__tab{font:var(--ds-typography-paragraph-short-sm)}.fds-tabs--md .fds-tabs__content,.fds-tabs--md .fds-tabs__tab{font:var(--ds-typography-paragraph-short-md)}.fds-tabs--lg .fds-tabs__content,.fds-tabs--lg .fds-tabs__tab{font:var(--ds-typography-paragraph-short-lg)}.fds-tabs--sm .fds-tabs__tab{padding:var(--ds-spacing-2) var(--ds-spacing-4)}.fds-tabs--md .fds-tabs__tab{padding:var(--ds-spacing-3) var(--ds-spacing-5)}.fds-tabs--lg .fds-tabs__tab{padding:var(--ds-spacing-4) var(--ds-spacing-6)}.fds-tabs--sm .fds-tabs__content{padding:var(--ds-spacing-4)}.fds-tabs--md .fds-tabs__content{padding:var(--ds-spacing-5)}.fds-tabs--lg .fds-tabs__content{padding:var(--ds-spacing-6)}@media (hover:hover) and (pointer:fine){.fds-tabs__tab:hover:not([aria-selected=true]){--dsc-tabs__tab-bottom-border-color:var(--ds-color-neutral-border-subtle);color:var(--ds-color-neutral-text-default)}}.fds-tabs__tab[aria-selected=true]{--dsc-tabs__tab-bottom-border-color:var(--ds-color-accent-base-default);color:var(--ds-color-accent-base-default)}.fds-tabs__tab:after{background-color:var(--dsc-tabs__tab-bottom-border-color);border-radius:var(--ds-border-radius-full);bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.fds-tabs__tablist{border-bottom:var(--ds-border-width-default) solid var(--ds-color-neutral-border-subtle);display:flex;flex-direction:row}}@layer fds.pagination{.fds-pagination{--dsc-pagination-listitem-margin:var(--ds-spacing-4);--dsc-pagination-ellipsis-width:var(--ds-sizing-12);--dsc-pagination-chevron-margin:var(--ds-spacing-2);display:flex;list-style-type:none;margin:0;padding:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-pagination--hidden{visibility:hidden}.fds-pagination--lg,.fds-pagination--md,.fds-pagination--sm{--dsc-pagination-chevron-margin:var(--ds-spacing-2)}.fds-pagination li:first-child{margin-right:var(--dsc-pagination-chevron-margin)}.fds-pagination li:last-child{margin-left:var(--dsc-pagination-chevron-margin)}.fds-pagination__item{flex:1;margin-right:var(--dsc-pagination-listitem-margin)}.fds-pagination--sm .fds-pagination__item{--dsc-pagination-listitem-margin:var(--ds-spacing-2);--dsc-pagination-ellipsis-width:var(--ds-sizing-10)}.fds-pagination--md .fds-pagination__item{--dsc-pagination-listitem-margin:var(--ds-spacing-4);--dsc-pagination-ellipsis-width:var(--ds-sizing-12)}.fds-pagination--lg .fds-pagination__item{--dsc-pagination-listitem-margin:var(--ds-spacing-6);--dsc-pagination-ellipsis-width:var(--ds-sizing-14)}.fds-pagination__item.fds-pagination--compact{--dsc-pagination-listitem-margin:var(--ds-spacing-0);--dsc-pagination-chevron-margin:var(--ds-spacing-1)}.fds-pagination__ellipsis{margin-top:.5em;text-align:center;width:var(--dsc-pagination-ellipsis-width)}}@layer fds.fds-popover{.fds-popover{--dsc-popover-border:1px solid;--dsc-popover-background:var(--ds-color-neutral-background-default);background:var(--dsc-popover-background);border:var(--dsc-popover-border);border-radius:var(--ds-border-radius-md);max-width:300px;padding:var(--ds-spacing-3);z-index:1500}.fds-popover--sm{padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-popover--md{padding:var(--ds-spacing-3) var(--ds-spacing-4)}.fds-popover--lg{padding:var(--ds-spacing-3) var(--ds-spacing-5)}.fds-popover--default{--dsc-popover-background:var(--ds-color-neutral-background-default);border-color:var(--ds-color-neutral-border-default)}.fds-popover--info{--dsc-popover-background:var(--ds-color-info-surface-default);border-color:var(--ds-color-info-border-default)}.fds-popover--warning{--dsc-popover-background:var(--ds-color-warning-surface-default);border-color:var(--ds-color-warning-border-default)}.fds-popover--danger{--dsc-popover-background:var(--ds-color-danger-surface-default);border-color:var(--ds-color-danger-border-default)}.fds-popover__arrow{background:var(--dsc-popover-background);position:absolute;transform:rotate(45deg)}.fds-popover__arrow.fds-popover__arrow--top{border-left:var(--dsc-popover-border);border-top:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--bottom{border-bottom:var(--dsc-popover-border);border-right:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--right{border-right:var(--dsc-popover-border);border-top:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--left{border-bottom:var(--dsc-popover-border);border-left:var(--dsc-popover-border);border-color:inherit}}@layer fds.skeleton{.fds-skeleton{--dsc-skeleton-animation-duration:0.8s;animation:fds-skeleton-opacity-fade var(--dsc-skeleton-animation-duration) linear infinite alternate;background-color:var(--ds-color-neutral-surface-default);height:1.3em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fds-skeleton--circle{border-radius:50%;width:1.3em}.fds-skeleton--rectangle{border-radius:.2em;width:100%}.fds-skeleton--text{border-radius:.55em;height:auto;transform:scaleY(.6);transform-origin:0 55%;width:100%}.fds-skeleton--text:empty:before{content:"\00a0"}.fds-skeleton--has-children{color:transparent!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-skeleton--has-children>*{visibility:hidden}@media (prefers-reduced-motion:reduce){.fds-skeleton{--dsc-skeleton-animation-duration:1.6s}}@keyframes fds-skeleton-opacity-fade{0%{opacity:1}to{opacity:.4}}}@layer fds.tag{.fds-tag{--dsc-tag-background:var(--ds-color-neutral-background-subtle);--dsc-tag-color:var(--ds-color-neutral-text-default);align-items:center;background-color:var(--dsc-tag-background);border-radius:var(--ds-border-radius-sm);box-sizing:border-box;color:var(--dsc-tag-color);display:flex;min-height:var(--ds-sizing-8);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.fds-tag,.fds-tag--sm{padding:0 var(--ds-spacing-2)}.fds-tag--sm{min-height:var(--ds-sizing-7)}.fds-tag--md{min-height:var(--ds-sizing-8);padding:0 var(--ds-spacing-2)}.fds-tag--lg{min-height:var(--ds-sizing-9);padding:0 var(--ds-spacing-3)}.fds-tag--neutral{--dsc-tag-background:var(--ds-color-neutral-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--info{--dsc-tag-background:var(--ds-color-info-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--success{--dsc-tag-background:var(--ds-color-success-surface-default);--dsc-tag-color:var(--ds-color-success-text-default)}.fds-tag--warning{--dsc-tag-background:var(--ds-color-warning-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--danger{--dsc-tag-background:var(--ds-color-danger-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--brand1{--dsc-tag-background:var(--ds-color-brand1-surface-default);--dsc-tag-color:var(--ds-color-brand1-text-default)}.fds-tag--brand2{--dsc-tag-background:var(--ds-color-brand2-surface-default);--dsc-tag-color:var(--ds-color-brand2-text-default)}.fds-tag--brand3{--dsc-tag-background:var(--ds-color-brand3-surface-default);--dsc-tag-color:var(--ds-color-brand3-text-default)}}@layer fds.errorsummary{.fds-error-summary{background-color:var(--ds-color-danger-surface-default);border-radius:var(--ds-border-radius-lg);padding:var(--ds-spacing-6) var(--ds-spacing-8)}.fds-error-summary a{color:var(--ds-color-neutral-text-default)}.fds-error-summary li:last-of-type{margin-bottom:0}.fds-error-summary__heading{color:var(--ds-color-danger-text-default)}}@layer fds.togglegroup{.fds-togglegroup{background-color:var(--ds-color-neutral-background-default);border:var(--ds-color-neutral-border-strong) solid var(--ds-border-width-default);border-radius:var(--ds-border-radius-lg);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-togglegroup__content{display:inline-grid;gap:var(--ds-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--ds-spacing-1)}.fds-togglegroup__input{display:none}.fds-togglegroup__item:focus-visible{z-index:1}}@layer fds.tooltip{.fds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-background-default);background:var(--dsc-tooltip-background);border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default);font:var(--ds-typography-paragraph-xs);font-family:inherit;padding:var(--ds-spacing-1) var(--ds-spacing-2)}.fds-tooltip__arrow{fill:var(--dsc-tooltip-background)}}@layer fds.spinner{.fds-spinner{animation:fds-spinner-rotate-animation linear infinite;animation-duration:2s}.fds-spinner__circle{stroke-dasharray:1px,200px;animation:fds-spinner-stroke-animation ease-in-out infinite;animation-duration:2s;transform-origin:center}@media (prefers-reduced-motion:reduce){.fds-spinner,.fds-spinner__circle{animation-duration:6s}}.fds-spinner--default .fds-spinner__circle{stroke:var(--ds-color-neutral-border-default)}.fds-spinner--interaction .fds-spinner__circle{stroke:var(--ds-color-accent-base-default)}.fds-spinner__background{stroke:var(--ds-color-neutral-surface-default)}@keyframes fds-spinner-rotate-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fds-spinner-stroke-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px;transform:rotate(0deg)}to{stroke-dasharray:1px,200px;stroke-dashoffset:-120px;transform:rotate(15deg)}}}@layer fds.table{.fds-table{--dsc-table-padding:0;--dsc-table-border-radius:var(--ds-border-radius-md);border-collapse:initial;border-spacing:0;color:var(--ds-color-neutral-text-default);position:relative;text-align:left}.fds-table--sticky-header{overflow:auto}.fds-table--border .fds-table__row:last-of-type td{border-bottom:0}.fds-table--sm{--dsc-table-padding:var(--ds-spacing-1) var(--ds-spacing-3)}.fds-table--md{--dsc-table-padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-table--lg{--dsc-table-padding:var(--ds-spacing-3) var(--ds-spacing-3)}.fds-table__head{box-sizing:border-box;font:inherit;font-family:inherit;font-weight:500;z-index:0}.fds-table__head,.fds-table__header__cell{border-bottom:2px solid var(--ds-color-neutral-border-subtle);border-spacing:0}.fds-table__header__cell{background-color:var(--ds-color-neutral-background-default);font:inherit;font-family:inherit;padding:var(--dsc-table-padding)}.fds-table--sticky-header .fds-table__head .fds-table__header__cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.fds-table__header__cell--sortable{padding:0}.fds-table__header__cell--sortable button{align-items:center;background-color:initial;border:none;color:var(--ds-color-neutral-text-default);cursor:pointer;display:flex;font:inherit;font-family:inherit;gap:var(--ds-spacing-1);padding:var(--dsc-table-padding);position:relative;width:100%;z-index:2}.fds-table__header__cell--sorted button{background-color:var(--ds-color-neutral-background-subtle)}.fds-table__header__cell--sortable button:focus-visible{box-shadow:unset;outline-offset:-3px;z-index:3}.fds-table__header__cell--sortable button svg{font-size:1.2em}.fds-table__cell{background-color:var(--ds-color-neutral-background-default);border-bottom:1px solid var(--ds-color-neutral-border-subtle);padding:var(--dsc-table-padding)}.fds-table--zebra .fds-table__row{border-bottom:0}.fds-table--zebra tr:nth-child(2n):not(:hover) .fds-table__cell{background-color:var(--ds-color-neutral-background-subtle)}.fds-table--border{border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--dsc-table-border-radius)}.fds-table--border .fds-table__head .fds-table__header__cell:first-of-type{border-top-left-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__head .fds-table__header__cell:last-of-type{border-top-right-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__row:last-of-type .fds-table__cell:first-of-type{border-bottom-left-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__row:last-of-type .fds-table__cell:last-of-type{border-bottom-right-radius:var(--dsc-table-border-radius);overflow:hidden}@media (hover:hover) and (pointer:fine){.fds-table__header__cell--sortable button:hover,.fds-table__row:hover .fds-table__cell{background-color:var(--ds-color-neutral-surface-default)}}}@layer fds.combobox{.fds-combobox{background-color:initial;display:grid;gap:var(--ds-spacing-2)}.fds-combobox__options-wrapper{background:var(--ds-color-neutral-background-default);overflow-y:auto;padding:var(--ds-spacing-2);z-index:1600}.fds-combobox--readonly .fds-combobox__input{pointer-events:none}.fds-combobox__input__wrapper{align-items:center;cursor:text;display:flex;font:var(--ds-typography-paragraph-md);font-family:inherit;gap:var(--ds-spacing-1);height:auto;justify-content:space-between;padding:var(--ds-spacing-2);position:relative;width:100%}.fds-combobox__input__wrapper .fds-combobox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;flex-grow:1;height:100%;min-width:50px}.fds-combobox--sm .fds-combobox__input__wrapper{min-height:var(--ds-sizing-10);padding:5px var(--ds-spacing-2)}.fds-combobox--sm .fds-combobox__input__wrapper,.fds-combobox--sm .fds-combobox__input__wrapper .fds-combobox__input{font:var(--ds-typography-paragraph-sm);font-family:inherit}.fds-combobox--md .fds-combobox__input__wrapper{min-height:var(--ds-sizing-12);padding:7px var(--ds-spacing-3)}.fds-combobox--md .fds-combobox__input__wrapper,.fds-combobox--md .fds-combobox__input__wrapper .fds-combobox__input{font:var(--ds-typography-paragraph-md);font-family:inherit}.fds-combobox--lg .fds-combobox__input__wrapper{min-height:var(--ds-sizing-14);padding:7px var(--ds-spacing-4)}.fds-combobox--lg .fds-combobox__input__wrapper,.fds-combobox--lg .fds-combobox__input__wrapper .fds-combobox__input{font:var(--ds-typography-paragraph-lg);font-family:inherit}.fds-combobox__input__wrapper .fds-combobox__input:focus{outline:none}.fds-combobox__input__wrapper.fds-combobox--error{border-color:var(--ds-color-danger-border-default);border-width:2px}.fds-combobox__chip-and-input{align-items:center;background-color:initial;display:flex;flex-wrap:wrap;gap:var(--ds-spacing-2);width:100%}.fds-combobox__arrow{cursor:pointer;display:grid;place-items:center}.fds-combobox__input__wrapper.fds-combobox--readonly{background:var(--ds-color-accent-base-default);border-color:var(--ds-color-accent-base-default)}.fds-combobox__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-combobox__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-combobox__clear-button{aspect-ratio:1;background-color:initial;border:none;border-radius:var(--ds-spacing-1);color:var(--ds-color-neutral-text-default);cursor:pointer;display:grid;height:29px;padding:0;place-items:center;width:29px}.fds-combobox--sm .fds-combobox__clear-button{height:25px;width:25px}.fds-combobox--md .fds-combobox__clear-button{height:29px;width:29px}.fds-combobox--lg .fds-combobox__clear-button{height:31px;width:31px}.fds-combobox__clear-button:not(:disabled):hover{background-color:var([delete])}.fds-combobox__disabled{opacity:var(--ds-opacity-disabled)}.fds-combobox__disabled *{cursor:not-allowed}.fds-combobox__readonly__icon{height:1.2em;width:1.2em}.fds-combobox__error-message{margin-top:var(--ds-spacing-2)}.fds-combobox__error-message:empty{display:none}.fds-combobox__loading{align-content:center;display:flex;gap:var(--ds-spacing-2)}.fds-combobox__input__wrapper:has(input:focus){--dsc-focus-border-width:3px;box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-color-neutral-background-default)!important;outline:var(--dsc-focus-border-width) solid var(--ds-color-neutral-text-default);outline-offset:var(--dsc-focus-border-width)}.fds-combobox__empty{padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-combobox--lg .fds-combobox__empty{font:var(--ds-typography-label-lg);font-family:inherit;font-weight:400}.fds-combobox--md .fds-combobox__empty{font:var(--ds-typography-label-md);font-family:inherit;font-weight:400}.fds-combobox--sm .fds-combobox__empty{font:var(--ds-typography-label-sm);font-family:inherit;font-weight:400}.fds-combobox__custom{padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-combobox--lg .fds-combobox__custom{font:var(--ds-typography-label-lg);font-family:inherit;font-weight:400}.fds-combobox--md .fds-combobox__custom{font:var(--ds-typography-label-md);font-family:inherit;font-weight:400}.fds-combobox--sm .fds-combobox__custom{font:var(--ds-typography-label-sm);font-family:inherit;font-weight:400}.fds-combobox__option{background:none;border:none;border-left:5px solid transparent;border-radius:var(--ds-border-radius-md);cursor:pointer;display:grid;font:var(--ds-typography-label-md);font-family:inherit;grid-template-columns:1.2em 1fr;height:auto;justify-content:start;padding:var(--ds-spacing-2) var(--ds-spacing-3);padding-left:var(--ds-spacing-1);text-align:left;width:100%}.fds-combobox__option.fds-combobox__option--active{background:var(--ds-color-accent-background-subtle);border-left:5px solid var(--ds-color-accent-base-default)}.fds-combobox__option>div{align-self:flex-start}.fds-combobox__option.fds-combobox__option--multiple{gap:var(--ds-spacing-2);grid-template-columns:auto 1fr}.fds-combobox__option__label{color:var(--ds-color-neutral-text-default);cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--ds-spacing-1);margin:auto 0}.fds-combobox__option--active .fds-combobox__option__label{color:var(--ds-color-accent-text-default)}.fds-combobox__option__icon-wrapper{aspect-ratio:1/1;background-color:#fff;border:2px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);display:grid;place-items:center;width:var(--ds-spacing-6)}.fds-combobox__option--active .fds-combobox__option__icon-wrapper{border-color:var(--ds-color-accent-base-default)}.fds-combobox--sm .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--ds-spacing-5)}.fds-combobox--md .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--ds-spacing-6)}.fds-combobox--lg .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--ds-spacing-7)}.fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected{background-color:var(--ds-color-accent-base-default);border-color:var(--ds-color-accent-base-default)}.fds-combobox__option__icon-wrapper__icon{box-sizing:border-box;padding-top:.2em;transform:scale(1.4);stroke:var(--ds-color-neutral-text-default);color:var(--ds-color-neutral-text-default)}.fds-combobox__option__icon-wrapper .fds-combobox__option__icon-wrapper__icon{padding-top:0}.fds-combobox__option--active .fds-combobox__option__icon-wrapper__icon{stroke:var(--ds-color-accent-base-hover);color:var(--ds-color-accent-base-hover)}.fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected .fds-combobox__option__icon-wrapper__icon{color:#fff;stroke:#fff}.fds-combobox__option__description{color:var(--ds-color-neutral-text-subtle);display:flex;flex-direction:column;flex-wrap:wrap;font:inherit;font-family:inherit;gap:var(--ds-spacing-1)}}
1
+ @layer fds.typography, fds.utils, fds.box, fds.btn;@layer fds.btn{.fds-btn{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);align-items:center;background-color:var(--ds-color-accent-base-default);border:var(--ds-border-width-default) solid transparent;border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-accent-contrast-default);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--ds-sizing-10);min-width:2.5em;padding:var(--dsc-btn-padding);position:relative;text-align:center;text-decoration:none}.fds-btn svg{overflow:visible}.fds-btn:disabled,.fds-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.fds-btn--sm{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-3);font:var(--ds-typography-paragraph-short-sm);font-family:inherit;gap:var(--ds-sizing-1);min-height:var(--ds-sizing-10)}.fds-btn--sm:before{content:"";left:0;min-height:auto;position:absolute;top:0;width:auto}.fds-btn--sm:after{content:"";height:44px;left:0;position:absolute;top:-5px;width:100%}.fds-btn--md{--dsc-btn-padding:var(--ds-spacing-2) var(--ds-spacing-4);font:var(--ds-typography-paragraph-short-md);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-12)}.fds-btn--lg{--dsc-btn-padding:var(--ds-spacing-3) var(--ds-spacing-5);font:var(--ds-typography-paragraph-short-lg);font-family:inherit;gap:var(--ds-sizing-2);min-height:var(--ds-sizing-14)}.fds-btn--full-width{width:100%}.fds-btn--secondary,.fds-btn--tertiary{background-color:initial}.fds-btn--icon-only{--dsc-btn-padding:0}.fds-btn--primary:where(.fds-btn--accent){background-color:var(--ds-color-accent-base-default)}.fds-btn--primary:where(.fds-btn--neutral){background-color:var(--ds-color-neutral-base-default)}.fds-btn--primary:where(.fds-btn--success){background-color:var(--ds-color-success-base-default)}.fds-btn--primary:where(.fds-btn--danger){background-color:var(--ds-color-danger-base-default)}@media (hover:hover) and (pointer:fine){.fds-btn--primary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-base-hover)}.fds-btn--primary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-base-hover)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-base-hover)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-base-hover)}.fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-surface-default);border-color:var(--ds-color-accent-border-strong);color:var(--ds-color-accent-text-hover)}.fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-surface-default);border-color:var(--ds-color-neutral-border-strong);color:var(--ds-color-neutral-text-hover)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-surface-default);border-color:var(--ds-color-success-border-strong);color:var(--ds-color-success-text-default)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-surface-default);border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-default)}.fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-accent-surface-default);color:var(--ds-color-accent-text-default)}.fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-neutral-surface-default);color:var(--ds-color-neutral-base-hover)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-success-surface-default);color:var(--ds-color-success-base-default)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):hover{background-color:var(--ds-color-danger-surface-default);color:var(--ds-color-danger-text-default)}}.fds-btn--primary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-base-active)}.fds-btn--primary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-base-active)}.fds-btn--primary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-base-active)}.fds-btn--primary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-base-active)}.fds-btn--secondary:where(.fds-btn--accent){background-color:initial;border-color:var(--ds-color-accent-border-strong);color:var(--ds-color-accent-text-subtle)}.fds-btn--secondary:where(.fds-btn--neutral){background-color:initial;border-color:var(--ds-color-neutral-border-strong);color:var(--ds-color-neutral-text-subtle)}.fds-btn--secondary:where(.fds-btn--success){background-color:initial;border-color:var(--ds-color-success-border-strong);color:var(--ds-color-success-text-subtle)}.fds-btn--secondary:where(.fds-btn--danger){background-color:initial;border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-subtle)}.fds-btn--secondary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-surface-hover);border-color:var(--ds-color-accent-border-strong);color:var(--ds-color-accent-text-default)}.fds-btn--secondary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-surface-hover);border-color:var(--ds-color-neutral-border-strong);color:var(--ds-color-neutral-text-default)}.fds-btn--secondary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-surface-hover);border-color:var(--ds-color-success-border-strong);color:var(--ds-color-success-text-default)}.fds-btn--secondary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-surface-hover);border-color:var(--ds-color-danger-border-strong);color:var(--ds-color-danger-text-default)}.fds-btn--tertiary:where(.fds-btn--accent){color:var(--ds-color-accent-text-subtle)}.fds-btn--tertiary:where(.fds-btn--neutral){color:var(--ds-color-neutral-text-subtle)}.fds-btn--tertiary:where(.fds-btn--success){color:var(--ds-color-success-text-subtle)}.fds-btn--tertiary:where(.fds-btn--danger){color:var(--ds-color-danger-text-subtle)}.fds-btn--tertiary:where(.fds-btn--accent):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-accent-surface-hover);color:var(--ds-color-accent-base-active)}.fds-btn--tertiary:where(.fds-btn--neutral):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-neutral-surface-hover);color:var(--ds-color-neutral-text-active)}.fds-btn--tertiary:where(.fds-btn--success):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-success-surface-hover);color:var(--ds-color-success-text-default)}.fds-btn--tertiary:where(.fds-btn--danger):not([aria-disabled=true],:disabled):active{background-color:var(--ds-color-danger-surface-hover);color:var(--ds-color-danger-text-default)}}@layer fds.utils{.fds-sr-only{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fds-focus:focus-visible{--dsc-focus-border-width:3px;box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-color-neutral-background-default);outline:var(--dsc-focus-border-width) solid var(--ds-color-neutral-text-default);outline-offset:var(--dsc-focus-border-width)}@layer animate-height{.fds-animate-height--closed,.fds-animate-height--openingOrClosing{overflow:hidden}.fds-animate-height--open .fds-animate-height__content{height:auto}.fds-animate-height--closed .fds-animate-height__content{display:none;height:0}}}@layer fds.box{.fds-box--xs-shadow{box-shadow:var(--ds-shadow-xs)}.fds-box--sm-shadow{box-shadow:var(--ds-shadow-sm)}.fds-box--md-shadow{box-shadow:var(--ds-shadow-md)}.fds-box--lg-shadow{box-shadow:var(--ds-shadow-lg)}.fds-box--xl-shadow{box-shadow:var(--ds-shadow-xl)}.fds-box--default-border-color{border:1px solid var(--ds-color-neutral-border-strong)}.fds-box--subtle-border-color{border:1px solid var(--ds-color-neutral-border-subtle)}.fds-box--strong-border-color{border:1px solid var(--ds-color-neutral-base-default)}.fds-box--sm-border-radius{border-radius:var(--ds-border-radius-sm)}.fds-box--md-border-radius{border-radius:var(--ds-border-radius-md)}.fds-box--lg-border-radius{border-radius:var(--ds-border-radius-lg)}.fds-box--xl-border-radius{border-radius:var(--ds-border-radius-xl)}.fds-box--2xl-border-radius{border-radius:var(--ds-border-radius-2xl)}.fds-box--3xl-border-radius{border-radius:var(--ds-border-radius-3xl)}.fds-box--4xl-border-radius{border-radius:var(--ds-border-radius-4xl)}.fds-box--full-border-radius{border-radius:var(--ds-border-radius-full)}.fds-box--default-background{background-color:var(--ds-color-neutral-background-default)}.fds-box--subtle-background{background-color:var(--ds-color-neutral-background-subtle)}}@layer fds.alert{.fds-alert{--dsc-alert-border-color:var(--ds-color-info-border-strong);--dsc-alert-border-radius:var(--ds-border-radius-md);--dsc-alert-color:var(--ds-color-neutral-text-default);--dsc-alert-icon-color:var(--dsc-alert-border-color);--dsc-alert-icon-size:var(--ds-sizing-7);--dsc-alert-background:var(--ds-color-info-surface-default);--dsc-alert-padding:var(--ds-spacing-6);background:var(--dsc-alert-background);border:1px solid var(--dsc-alert-border-color);border-radius:var(--dsc-alert-border-radius);color:var(--dsc-alert-color);display:grid;font:var(--ds-typography-paragraph-md);gap:var(--ds-spacing-2);grid-auto-columns:-webkit-min-content auto;grid-auto-columns:min-content auto;grid-auto-flow:column;padding:var(--dsc-alert-padding)}.fds-alert__icon{color:var(--dsc-alert-icon-color);height:var(--dsc-alert-icon-size);width:var(--dsc-alert-icon-size)}.fds-alert__content{display:flex;flex-direction:column}.fds-alert--info{--dsc-alert-border-color:var(--ds-color-info-border-strong);--dsc-alert-icon-color:var(--ds-color-info-base-default);--dsc-alert-background:var(--ds-color-info-surface-default)}.fds-alert--warning{--dsc-alert-border-color:var(--ds-color-warning-border-default);--dsc-alert-icon-color:var(--ds-color-warning-base-default);--dsc-alert-background:var(--ds-color-warning-surface-default)}.fds-alert--success{--dsc-alert-border-color:var(--ds-color-success-border-default);--dsc-alert-icon-color:var(--ds-color-success-base-default);--dsc-alert-background:var(--ds-color-success-surface-default)}.fds-alert--danger{--dsc-alert-border-color:var(--ds-color-danger-border-default);--dsc-alert-icon-color:var(--ds-color-danger-base-default);--dsc-alert-background:var(--ds-color-danger-surface-default)}.fds-alert--sm{--dsc-alert-padding:var(--ds-spacing-5);--dsc-alert-icon-size:var(--ds-sizing-6)}.fds-alert--md{--dsc-alert-padding:var(--ds-spacing-6);--dsc-alert-icon-size:var(--ds-sizing-7)}.fds-alert--lg{--dsc-alert-padding:var(--ds-spacing-7);--dsc-alert-icon-size:var(--ds-sizing-8)}.fds-alert--elevated{box-shadow:var(--ds-shadow-sm)}}@layer fds.typography.ingress{.fds-ingress{--dsc-bottom-spacing:var(--ds-spacing-5);color:var(--ds-color-neutral-text-default);margin:0}.fds-ingress--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-ingress--md{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-ingress-md);font-family:inherit}.fds-ingress--lg{--dsc-bottom-spacing:var(--ds-spacing-6);font:var(--ds-typography-ingress-lg);font-family:inherit}.fds-ingress--sm{--dsc-bottom-spacing:var(--ds-spacing-7);font:var(--ds-typography-ingress-sm);font-family:inherit}.fds-ingress--xs{--dsc-bottom-spacing:var(--ds-spacing-8);font:var(--ds-typography-ingress-xs);font-family:inherit}}@layer fds.skiplink{.fds-skiplink:focus{display:block;height:auto;margin:inherit;outline:0;overflow:visible;position:static;width:auto;clip:auto;background:var(--ds-color-neutral-backround-default);-webkit-clip-path:none;clip-path:none;color:var(--ds-color-neutral-text-default);padding:var(--ds-spacing-3) var(--ds-spacing-4) var(--ds-spacing-3) var(--ds-spacing-6);text-decoration:none;white-space:inherit}.fds-skiplink__content{--dsc-skiplink-padding:var(--ds-spacing-2) var(--ds-spacing-4);--dsc-skiplink-border-width:3px;align-items:center;background-color:initial;border:var(--ds-border-width-default) solid transparent;border-color:var(--ds-color-accent-base-hover);border-radius:var(--ds-border-radius-md);box-shadow:0 0 0 var(--dsc-skiplink-border-width) var(--ds-color-neutral-background-default);box-sizing:border-box;color:var(--ds-color-accent-base-hover);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:var(--ds-sizing-10);outline:var(--dsc-skiplink-border-width) solid var(--ds-color-neutral-text-default);outline-offset:var(--dsc-skiplink-border-width);padding:var(--dsc-skiplink-padding);position:relative;text-align:center;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@layer fds.accordion{.fds-accordion{--dsc-accordion-border-radius:var(--ds-border-radius-md);--dsc-accordion-border-color:var(--ds-color-neutral-border-subtle);border-bottom:1px solid var(--ds-color-neutral-border-subtle);box-sizing:border-box}.fds-accordion--border{border:1px solid var(--dsc-accordion-border-color);border-radius:var(--dsc-accordion-border-radius)}.fds-accordion__expand-icon{border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default)}.fds-accordion__expand-icon,.fds-accordion__expand-icon path{fill:var(--ds-color-neutral-text-default)}.fds-accordion__content{overflow:hidden;padding:var(--ds-spacing-5,1rem);text-overflow:ellipsis}.fds-accordion__header{margin:0}.fds-accordion__button{align-items:center;border:none;border-top:1px solid var(--ds-color-neutral-border-subtle);cursor:pointer;display:flex;gap:var(--ds-spacing-2);justify-content:flex-start;margin:0;padding:var(--ds-spacing-4);text-align:left;width:100%}.fds-accordion--border .fds-accordion__button{border-radius:var(--dsc-accordion-border-radius)}.fds-accordion__item:focus-within{position:relative}.fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__expand-icon{transform:rotate(180deg)}.fds-accordion--neutral,.fds-accordion--neutral .fds-accordion__button{background-color:var(--ds-color-neutral-background-default)}.fds-accordion--subtle,.fds-accordion--subtle .fds-accordion__button{background-color:var(--ds-color-neutral-background-subtle)}.fds-accordion--brand1,.fds-accordion--brand1 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand1-base-default);background:var(--ds-color-brand1-surface-default)}.fds-accordion--brand2,.fds-accordion--brand2 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand2-base-default);background:var(--ds-color-brand2-surface-default)}.fds-accordion--brand3,.fds-accordion--brand3 .fds-accordion__button{--dsc-accordion-border-color:var(--ds-color-brand3-base-default);background:var(--ds-color-brand3-surface-default)}.fds-accordion--brand1 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--brand2 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--brand3 .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:rgba(0,0,0,.03)}.fds-accordion--neutral .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button,.fds-accordion--subtle .fds-accordion__item:where(.fds-accordion__item--open) .fds-accordion__button{background-color:var(--ds-color-accent-surface-default)}.fds-accordion--border .fds-accordion__item:first-child .fds-accordion__button{border-top:0}.fds-accordion--brand1 .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--brand2 .fds-accordion__item:not(:first-child) .fds-accordion__button,.fds-accordion--brand3 .fds-accordion__item:not(:first-child) .fds-accordion__button{border-top:1px solid var(--ds-color-neutral-background-default)}@media (hover:hover) and (pointer:fine){.fds-accordion__button:hover .fds-accordion__expand-icon{background-color:rgba(0,0,0,.1)}.fds-accordion--neutral .fds-accordion__button:hover,.fds-accordion--subtle .fds-accordion__button:hover{background-color:var(--ds-color-neutral-surface-default)}.fds-accordion--brand1 .fds-accordion__button:hover{background-color:var(--ds-color-brand1-surface-hover)}.fds-accordion--brand2 .fds-accordion__button:hover{background-color:var(--ds-color-brand2-surface-hover)}.fds-accordion--brand3 .fds-accordion__button:hover{background-color:var(--ds-color-brand3-surface-hover)}}}@layer fds.switch{.fds-switch{--dsc-switch--transition:200ms;--dsc-switch-height:1.75rem;--dsc-switch-focus-border-width:3px;--dsc-switch-check_color:transparent;position:relative}@media (prefers-reduced-motion){.switch{--dsc-switch--transition:0}}.fds-switch__label{align-items:center;cursor:pointer;display:grid;gap:var(--ds-spacing-1);grid-template-columns:auto 1fr;min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-switch__track{background-color:var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-full);display:inline-block;height:var(--dsc-switch-height);margin:auto;margin-right:var(--ds-spacing-1);overflow:visible;pointer-events:none;position:relative;transition:background-color var(--dsc-switch--transition) ease;width:var(--dsc-switch-width)}.fds-switch__description{color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-spacing-1);padding-left:calc(var(--dsc-switch-width) + var(--ds-spacing-2));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-switch__readonly__icon{height:1.2em;width:1.2em}.fds-switch__label--right{grid-auto-flow:dense;grid-template-columns:1fr auto}.fds-switch__label--right .fds-switch__track{margin-right:0;order:1}.fds-switch__label--right+.fds-switch__description{padding-left:0}.fds-switch__input{cursor:pointer;height:2.75rem;margin:0;opacity:0;position:absolute;width:2.75rem;z-index:1}.fds-switch--readonly>.fds-switch__label{grid-template-columns:auto -webkit-min-content 1fr;grid-template-columns:auto min-content 1fr}.fds-switch--readonly>.fds-switch__label:where(.fds-switch__label--right){grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto}.fds-switch--readonly>.fds-switch__input,.fds-switch--readonly>.fds-switch__label{cursor:default}.fds-switch--disabled>.fds-switch__input,.fds-switch--disabled>.fds-switch__label,.fds-switch--disabled>.fds-switch__track{cursor:not-allowed}.fds-switch--disabled>.fds-switch__description,.fds-switch--disabled>.fds-switch__label,.fds-switch--disabled>.fds-switch__track{opacity:var(--ds-opacity-disabled)}.fds-switch--readonly>.fds-switch__description{margin-left:var(--ds-spacing-1)}.fds-switch--sm,.fds-switch--sm .fds-switch__label{min-height:var(--ds-sizing-6)}.fds-switch--md,.fds-switch--md .fds-switch__label{min-height:var(--ds-sizing-7)}.fds-switch--lg,.fds-switch--lg .fds-switch__label{min-height:var(--ds-sizing-8)}.fds-switch--sm{--dsc-switch-height:var(--ds-sizing-6);--dsc-switch-width:var(--ds-sizing-11)}.fds-switch--sm .fds-switch__input{left:-.25rem;top:-.25rem}.fds-switch--md{--dsc-switch-height:var(--ds-sizing-7);--dsc-switch-width:var(--ds-sizing-13)}.fds-switch--md .fds-switch__input{left:0;top:0}.fds-switch--lg{--dsc-switch-height:var(--ds-sizing-8);--dsc-switch-width:var(--ds-sizing-15)}.fds-switch--lg .fds-switch__input{left:0;top:.25rem}.fds-switch__label:has(.fds-switch__track:only-child){grid-template-columns:auto}.fds-switch__label:has(.fds-switch__track:only-child) .fds-switch__track{margin-right:0}.fds-switch__input:focus-visible+.fds-switch__label .fds-switch__track{box-shadow:0 0 0 var(--dsc-switch-focus-border-width) var(--ds-color-neutral-background-default);outline:var(--dsc-switch-focus-border-width) solid var(--ds-color-neutral-text-default);outline-offset:3px}.fds-switch__input:not([readonly]):checked+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-default)}.fds-switch__thumb{background-color:var(--ds-color-neutral-background-default);border-radius:var(--ds-border-radius-full);height:var(--dsc-switch-height);position:absolute;scale:.8;transition:transform var(--dsc-switch--transition) ease;width:var(--dsc-switch-height)}.fds-switch__input:checked+.fds-switch__label .fds-switch__track .fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-default);transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*1.2))}.fds-switch__thumb:after{background-color:var(--dsc-switch-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color var(--dsc-switch--transition) ease;width:100%}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-neutral-background-subtle);box-shadow:inset 0 0 0 2px var(--ds-color-neutral-border-subtle)}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-neutral-background-subtle);background-color:var(--ds-color-neutral-border-strong)}@media (hover:hover) and (pointer:fine){.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*.2))}.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label{color:var(--ds-color-accent-text-subtle)}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-hover);transform:translateX(calc(var(--dsc-switch-width) - var(--dsc-switch-height)))}.input:not(:checked,:disabled,[readonly]):hover+.label .track{background-color:var([delete])}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-hover)}}}@layer fds.checkbox{.fds-checkbox{--dsc-checkbox-size:1.75rem;--dsc-checkbox-focus-border-width:3px;--dsc-checkbox-background:var(--ds-color-neutral-background-default);--dsc-checkbox-border-color:var(--ds-color-neutral-border-strong);--dsc-checkbox-border__hover--size:calc(var(--ds-spacing-3)/2);--dsc-checkbox-border__hover:0 0 0 var(--dsc-checkbox-border__hover--size) var(--ds-color-accent-surface-hover);--dsc-checkbox-check_color:transparent;--dsc-checkbox-focus-color:var(--ds-color-neutral-text-default);display:grid}.fds-checkbox:has(.fds-checkbox__label){gap:var(--ds-spacing-2);grid-template-columns:var(--dsc-checkbox-size) auto}.fds-checkbox__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-checkbox-background);box-shadow:inset 0 0 0 2px var(--dsc-checkbox-border-color);height:var(--dsc-checkbox-size);margin:0;outline:none;position:relative;width:var(--dsc-checkbox-size);z-index:1}.fds-checkbox__input,.fds-checkbox__input:before{border-radius:var(--ds-border-radius-md);cursor:pointer}.fds-checkbox__input:before{content:"";display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-checkbox__description{color:var(--ds-color-neutral-text-subtle);grid-column:2;margin-top:calc(var(--ds-spacing-3)*-1)}.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__input:before,.fds-checkbox--disabled>.fds-checkbox__label{cursor:not-allowed}.fds-checkbox--disabled>.fds-checkbox__description,.fds-checkbox--disabled>.fds-checkbox__input,.fds-checkbox--disabled>.fds-checkbox__label{opacity:var(--ds-opacity-disabled)}.fds-checkbox--readonly>.fds-checkbox__input,.fds-checkbox--readonly>.fds-checkbox__input:before,.fds-checkbox--readonly>.fds-checkbox__label{cursor:default}.fds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--dsc-checkbox-focus-border-width) var(--ds-color-neutral-background-default),inset 0 0 0 2px var(--dsc-checkbox-border-color);outline:var(--dsc-checkbox-focus-border-width) solid var(--dsc-checkbox-focus-color);outline-offset:3px}.fds-checkbox__input:after{background-color:var(--dsc-checkbox-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.55 6.324a1 1 0 0 1 0 1.414l-7.968 7.97a1 1 0 0 1-1.414 0l-4.219-4.22a1 1 0 0 1 1.414-1.414l3.512 3.512 7.262-7.262a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.fds-checkbox__input:checked{--dsc-checkbox-border-color:var(--ds-color-accent-base-default);--dsc-checkbox-check_color:#fff;background:var(--dsc-checkbox-border-color)}.fds-checkbox__input:indeterminate{--dsc-checkbox-border-color:var(--ds-color-accent-border-strong);--dsc-checkbox-check_color:#fff;background-color:var(--dsc-checkbox-border-color);background-repeat:no-repeat}.fds-checkbox--readonly>.fds-checkbox__input{--dsc-checkbox-border-color:var(--ds-color-neutral-border-subtle);--dsc-checkbox-background:var(--ds-color-neutral-background-subtle)}.fds-checkbox__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--dsc-checkbox-border-color)}.fds-checkbox--readonly>.fds-checkbox__input:checked{--dsc-checkbox-check_color:var(--ds-color-neutral-text-subtle);background:var(--dsc-checkbox-background)}.fds-checkbox--readonly>.fds-checkbox__input:indeterminate{--dsc-checkbox-check_color:var(--ds-color-neutral-text-subtle);background:var(--dsc-checkbox-background)}.fds-checkbox--error>.fds-checkbox__input:not(:disabled,:focus-visible){--dsc-checkbox-border-color:var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover+.fds-checkbox__label,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__label:hover{color:var(--ds-color-accent-text-subtle)}.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:checked,.fds-checkbox:not(.fds-checkbox--readonly,.fds-checkbox--disabled)>.fds-checkbox__input:hover:not(:checked){--dsc-checkbox-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-checkbox-border__hover),inset 0 0 0 2px var(--dsc-checkbox-border-color)}}.fds-checkbox--sm{--dsc-checkbox-size:var(--ds-sizing-5);min-height:var(--ds-sizing-10)}.fds-checkbox--md{--dsc-checkbox-size:var(--ds-sizing-6);min-height:var(--ds-sizing-11)}.fds-checkbox--lg{--dsc-checkbox-size:var(--ds-sizing-7);min-height:var(--ds-sizing-12)}}@layer fds.typography.error-message{.fds-error-message{--dsc-bottom-spacing:var(--ds-spacing-5);margin:0}.fds-error-message--error{color:var(--ds-color-danger-text-default)}.fds-error-message--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-error-message--lg{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-error_message-lg);font-family:inherit}.fds-error-message--md{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-error_message-md);font-family:inherit}.fds-error-message--sm{--dsc-bottom-spacing:var(--ds-spacing-4);font:var(--ds-typography-error_message-sm);font-family:inherit}.fds-error-message--xs{--dsc-bottom-spacing:var(--ds-spacing-3);font:var(--ds-typography-error_message-xs);font-family:inherit}}@layer fds.typography.label{.fds-label{--dsc-bottom-spacing:var(--ds-spacing-1);color:var(--ds-color-neutral-text-default);display:inline-block;margin:0;padding:0}.fds-label--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-label--lg{font:var(--ds-typography-label-lg);font-family:inherit}.fds-label--md{font:var(--ds-typography-label-md);font-family:inherit}.fds-label--sm{font:var(--ds-typography-label-sm);font-family:inherit}.fds-label--xs{font:var(--ds-typography-label-xs);font-family:inherit}.fds-label--regular-weight{font-weight:400}.fds-label--medium-weight{font-weight:500}.fds-label--semibold-weight{font-weight:600}}@layer fds.typography.heading{.fds-heading{--dsc-bottom-spacing:var(--ds-spacing-6);color:var(--ds-color-neutral-text-default);margin:0}.fds-heading--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-heading--2xl{--dsc-bottom-spacing:var(--ds-spacing-7);font:var(--ds-typography-heading-2xl);font-family:inherit}.fds-heading--xl{--dsc-bottom-spacing:var(--ds-spacing-6);font:var(--ds-typography-heading-xl);font-family:inherit}.fds-heading--lg{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-heading-lg);font-family:inherit}.fds-heading--md{--dsc-bottom-spacing:var(--ds-spacing-4);font:var(--ds-typography-heading-md);font-family:inherit}.fds-heading--sm{--dsc-bottom-spacing:var(--ds-spacing-3);font:var(--ds-typography-heading-sm);font-family:inherit}.fds-heading--xs{--dsc-bottom-spacing:var(--ds-spacing-2);font:var(--ds-typography-heading-xs);font-family:inherit}.fds-heading--2xs{--dsc-bottom-spacing:var(--ds-spacing-1);font:var(--ds-typography-heading-2xs);font-family:inherit}}@layer fds.typography.paragraph{.fds-paragraph{--dsc-bottom-spacing:var(--ds-spacing-5);color:var(--ds-color-neutral-text-default);margin:0}.fds-paragraph--spacing{margin-bottom:var(--dsc-bottom-spacing)}.fds-paragraph--lg{--dsc-bottom-spacing:var(--ds-spacing-6);font:var(--ds-typography-paragraph-lg);font-family:inherit}.fds-paragraph--lg.fds-paragraph--short{font:var(--ds-typography-paragraph-short-lg);font-family:inherit}.fds-paragraph--lg.fds-paragraph--long{line-height:var(--ds-typography-paragraph-long-lg)}.fds-paragraph--md{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-paragraph-md);font-family:inherit}.fds-paragraph--md.fds-paragraph--short{--dsc-bottom-spacing:var(--ds-spacing-5);font:var(--ds-typography-paragraph-short-md);font-family:inherit}.fds-paragraph--md.fds-paragraph--long{line-height:var(--ds-typography-paragraph-long-md)}.fds-paragraph--sm{--dsc-bottom-spacing:var(--ds-spacing-4);font:var(--ds-typography-paragraph-sm);font-family:inherit}.fds-paragraph--sm.fds-paragraph--short{--dsc-bottom-spacing:var(--ds-spacing-4);font:var(--ds-typography-paragraph-short-sm);font-family:inherit}.fds-paragraph--sm.fds-paragraph--long{line-height:var(--ds-typography-paragraph-long-sm)}.fds-paragraph--xs{--dsc-bottom-spacing:var(--ds-spacing-3);font:var(--ds-typography-paragraph-xs);font-family:inherit}.fds-paragraph--xs.fds-paragraph--short{--dsc-bottom-spacing:var(--ds-spacing-3);font:var(--ds-typography-paragraph-short-xs);font-family:inherit}.fds-paragraph--xs.fds-paragraph--long{line-height:var(--ds-typography-paragraph-long-xs)}}@layer fds.radio{.fds-radio{--dsc-radio-size:var(--ds-spacing-5);--dsc-radio-focus-border-width:3px;--dsc-radio-background:var(--ds-color-neutral-background-default);--dsc-radio-border-color:var(--ds-color-neutral-border-strong);--dsc-radio-border__hover--size:calc(var(--ds-spacing-3)/2);--dsc-radio-border__hover:0 0 0 var(--dsc-radio-border__hover--size) var(--ds-color-accent-border-subtle);--dsc-radio-focus-color:var(--ds-color-neutral-text-default);display:grid}.fds-radio:has(.fds-radio__label){gap:var(--ds-spacing-2);grid-template-columns:var(--dsc-radio-size) auto}.fds-radio__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-radio-background);border-radius:50%;box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color);cursor:pointer;height:var(--dsc-radio-size);margin:0;outline:none;position:relative;width:var(--dsc-radio-size);z-index:1}.fds-radio__input:before{border-radius:var(--ds-border-radius-md);content:"";cursor:pointer;display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-radio__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-radio__description{color:var(--ds-color-neutral-text-subtle);grid-column:2;margin-top:calc(var(--ds-spacing-3)*-1)}.fds-radio--disabled>.fds-radio__input,.fds-radio--disabled>.fds-radio__input:before,.fds-radio--disabled>.fds-radio__label{cursor:not-allowed}.fds-radio--disabled>.fds-radio__description,.fds-radio--disabled>.fds-radio__input,.fds-radio--disabled>.fds-radio__label{opacity:var(--ds-opacity-disabled)}.fds-radio--readonly>.fds-radio__input,.fds-radio--readonly>.fds-radio__input:before,.fds-radio--readonly>.fds-radio__label{cursor:default}.fds-radio__input:focus-visible{box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 var(--dsc-radio-focus-border-width) var(--ds-color-neutral-background-default),inset 0 0 0 6px var(--dsc-radio-background);outline:var(--dsc-radio-focus-border-width) solid var(--dsc-radio-focus-color);outline-offset:var(--ds-spacing-1)}.fds-radio__input:checked{--dsc-radio-border-color:var(--ds-color-accent-border-strong);background:var(--dsc-radio-border-color)}.fds-radio--readonly>.fds-radio__input{--dsc-radio-border-color:var(--ds-color-neutral-border-subtle);--dsc-radio-background:var(--ds-color-neutral-background-subtle)}.fds-radio__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 6px var(--dsc-radio-background)}.fds-radio--readonly>.fds-radio__input:checked{background:var(--ds-color-neutral-border-strong)}.fds-radio--error>.fds-radio__input:not(:disabled,:focus-visible){--dsc-radio-border-color:var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover+.fds-radio__label,.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__label:hover{color:var(--ds-color-accent-text-subtle)}.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover:not(:checked){--dsc-radio-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-radio-border__hover),inset 0 0 0 2px var(--dsc-radio-border-color)}.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover:checked{--dsc-radio-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-radio-border__hover),inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 6px var(--dsc-radio-background)}}.fds-radio--sm{--dsc-radio-size:var(--ds-sizing-5);min-height:var(--ds-sizing-10)}.fds-radio--md{--dsc-radio-size:var(--ds-sizing-6);--dsc-radio-border__hover--size:var(--ds-spacing-1);min-height:var(--ds-sizing-11)}.fds-radio--lg{--dsc-radio-size:var(--ds-sizing-7);min-height:var(--ds-sizing-12)}.fds-radio-group--horizontal{display:flex;flex-direction:row;gap:var(--ds-spacing-6)}}@layer fds.search{.fds-search{display:inline-grid;gap:var(--ds-spacing-2);width:100%}.fds-search--sm{--dsc-search-button-clear-size:var(--ds-sizing-5)}.fds-search--md{--dsc-search-button-clear-size:var(--ds-sizing-6)}.fds-search--lg{--dsc-search-button-clear-size:var(--ds-sizing-8)}.fds-search__error:empty{display:none}.fds-search__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-search__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex;position:relative;width:100%}.fds-search__icon{height:100%;left:var(--ds-spacing-4);pointer-events:none;position:absolute;transform:scale(1.5);z-index:2}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.fds-search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);flex:0 1 auto;font:inherit;font-family:inherit;height:var(--ds-sizing-10);padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-search__input.fds-search__input--with-search-button{border-bottom-right-radius:0;border-top-right-radius:0}.fds-search__input:disabled{cursor:not-allowed}.fds-search__input[type=search]:focus-visible{z-index:1}.fds-search--disabled{opacity:var(--ds-opacity-disabled)}.fds-search__search-button{border-bottom-left-radius:0;border-top-left-radius:0}.fds-search__search-button:not(:focus-visible){border-left:0}.fds-search__search-button:focus-visible{z-index:1}.fds-search__clear-button{align-items:center;background:none;border:none;border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default);cursor:pointer;display:inline-flex;font-size:1.25rem;height:var(--dsc-search-button-clear-size);justify-content:center;padding:0;position:absolute;right:.6em;top:50%;transform:translateY(-50%);width:var(--dsc-search-button-clear-size);z-index:2}.fds-search--sm .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-4);height:var(--ds-sizing-10);padding:0 var(--ds-spacing-3);padding-right:2.5em}.fds-search--sm .fds-search__icon{left:var(--ds-spacing-3)}.fds-search--md .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-6);height:var(--ds-sizing-12);padding:0 var(--ds-spacing-4);padding-right:2.2em}.fds-search--md .fds-search__icon{left:var(--ds-spacing-4)}.fds-search--lg .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-12);height:var(--ds-sizing-14);padding:0 var(--ds-spacing-5);padding-right:2em}.fds-search--lg .fds-search__icon{left:var(--ds-spacing-5)}.fds-search__input.fds-search__input--simple{padding-left:2.4em}.fds-search__error-message>.input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-search__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}.fds-search__clear-button:not(:focus-visible,:disabled,[aria-disabled]):hover{background:var(--ds-color-accent-surface-hover)}}}@layer fds.nativeselect{.fds-native-select__wrapper{display:grid;flex:0 1 auto;position:relative}.fds-native-select__wrapper:after{background-color:var(--ds-color-neutral-text-default);content:"";height:1.5em;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");-webkit-mask-size:contain;mask-size:contain;pointer-events:none;position:absolute;right:var(--ds-spacing-2);top:50%;transform:translateY(-50%);width:1.5em}.fds-native-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);font:inherit;font-family:inherit;padding:0 var(--ds-spacing-2);position:relative}@media (hover:hover) and (pointer:fine){.fds-native-select:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-native-select.fds-native-select--multiple{background-image:none}.fds-native-select--sm{height:var(--ds-sizing-10);padding:0 var(--ds-spacing-2);padding-right:var(--ds-spacing-8)}.fds-native-select--md{height:var(--ds-sizing-12);padding:0 var(--ds-spacing-3);padding-right:var(--ds-spacing-10)}.fds-native-select--lg{height:var(--ds-sizing-14);padding:0 var(--ds-spacing-4);padding-right:var(--ds-spacing-12)}.fds-native-select--container{display:grid;gap:var(--ds-spacing-2)}.fds-native-select--disabled{opacity:var(--ds-opacity-disabled)}.fds-native-select--disabled .fds-native-select{cursor:not-allowed}.fds-native-select--readonly .fds-native-select{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-native-select--error>.fds-native-select:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}.fds-native-select__readonly__icon{height:1.2em;width:1.2em}.fds-native-select__error-message:empty{display:none}.fds-native-select__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-native-select__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}}@layer fds.textfield{.fds-textfield{display:grid;gap:var(--ds-spacing-2)}.fds-textfield__adornment{background:var(--ds-color-neutral-background-subtle);border:1px solid var(--ds-color-neutral-border-strong);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-border-strong);display:inline-block;padding:9px var(--ds-spacing-4)}.fds-textfield__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-textfield--disabled .fds-textfield__input{cursor:not-allowed}.fds-textfield--readonly .fds-textfield__input{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textfield__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex}.fds-textfield__field>:first-child{border-bottom-left-radius:var(--ds-border-radius-md);border-top-left-radius:var(--ds-border-radius-md)}.fds-textfield__field>:last-child{border-bottom-right-radius:var(--ds-border-radius-md);border-top-right-radius:var(--ds-border-radius-md)}.fds-textfield--sm .fds-textfield__adornment{padding:var(--ds-sizing-2) var(--ds-spacing-3)}.fds-textfield--md .fds-textfield__adornment{padding:.65rem var(--ds-spacing-4)}.fds-textfield--lg .fds-textfield__adornment{padding:.85rem var(--ds-spacing-5)}.fds-textfield--sm .fds-textfield__field{height:var(--ds-sizing-10)}.fds-textfield--md .fds-textfield__field{height:var(--ds-sizing-12)}.fds-textfield--lg .fds-textfield__field{height:var(--ds-sizing-14)}.fds-textfield--sm .fds-textfield__input{padding:0 var(--ds-spacing-2)}.fds-textfield--md .fds-textfield__input{padding:0 var(--ds-spacing-3)}.fds-textfield--lg .fds-textfield__input{padding:0 var(--ds-spacing-4)}.fds-textfield__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-textfield--disabled{opacity:var(--ds-opacity-disabled)}.fds-textfield--error .fds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-textfield__input--with-prefix{border-bottom-left-radius:0;border-top-left-radius:0}.fds-textfield__input--with-suffix{border-bottom-right-radius:0;border-top-right-radius:0}.fds-textfield__prefix{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.fds-textfield__suffix{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.fds-textfield__readonly__icon{height:1.2em;width:1.2em}.fds-textfield__error-message:empty{display:none}}@layer fds.textarea{.fds-textarea{display:grid;gap:var(--ds-spacing-2)}.fds-textarea__readonly__icon{height:1.2em;width:1.2em}.fds-textarea__error-message:empty{display:none}.fds-textarea__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textarea__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-textarea__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;min-height:2.5em;padding:var(--ds-spacing-3);position:relative;resize:vertical;width:100%}.fds-textarea--sm .fds-textarea__input{padding:var(--ds-spacing-2)}.fds-textarea--md .fds-textarea__input{padding:var(--ds-spacing-3)}.fds-textarea--lg .fds-textarea__input{padding:var(--ds-spacing-4)}.fds-textarea--disabled{opacity:var(--ds-opacity-disabled)}.fds-textarea--disabled .fds-textarea__input{cursor:not-allowed}.fds-textarea--readonly .fds-textarea__input{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textarea--error>.fds-textarea__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-textarea__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}}@layer fds.helptext{.fds-helptext__button{background-color:initial;border:none;border-radius:50px;cursor:pointer;display:flex;min-height:0;min-width:0;padding:0!important}@media print{.fds-helptext__button{display:none}}.fds-helptext__icon--filled{display:none}.fds-helptext__icon{color:var(--ds-color-accent-base-default);height:var(--ds-sizing-7);width:var(--ds-sizing-7)}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon{display:none}.fds-helptext__button:where(:hover,:focus,[data-state^=open])>.fds-helptext__icon--filled{display:inline-block}.fds-helptext__content{color:var(--ds-color-neutral-text-default);font:var(--ds-typography-paragraph-md);font-family:inherit;max-width:700px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-helptext--sm .fds-helptext__icon{height:var(--ds-sizing-6);width:var(--ds-sizing-6)}.fds-helptext--md .fds-helptext__icon{height:var(--ds-sizing-7);width:var(--ds-sizing-7)}.fds-helptext--lg .fds-helptext__icon{height:var(--ds-sizing-8);width:var(--ds-sizing-8)}}@layer fds.modal{.fds-modal{border:none;border-radius:var(--ds-border-radius-md);box-shadow:var(--ds-shadow-xl);max-width:650px;padding:0;width:100%}.fds-modal::backdrop{animation:fade-in .3s ease-in-out;background-color:rgba(0,0,0,.5)}.fds-modal[open]{animation:slide-in .3s ease-in-out,fade-in .3s ease-in-out}.fds-modal>hr{border-color:var(--ds-color-neutral-border-subtle);margin:var(--ds-spacing-3) 0!important}.fds-modal--lock-scroll{overflow:hidden}@media (max-width:650px){.fds-modal{border-radius:0;max-width:100%;min-width:100%}}@media (prefers-reduced-motion:reduce){.fds-modal[open]{animation:none}.fds-modal::backdrop{animation:none}}@keyframes slide-in{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fds-modal__header{color:var(--ds-color-neutral-text-default);display:flex;flex-direction:column;gap:var(--ds-spacing-1);justify-content:space-between;padding:var(--ds-spacing-6) var(--ds-spacing-18) var(--ds-spacing-2) var(--ds-spacing-6)}.fds-modal__header--no-button{padding-right:var(--ds-spacing-6)}.fds-modal__header__button{position:absolute;right:var(--ds-spacing-3);top:var(--ds-spacing-3)}.fds-modal__footer{align-items:center;display:flex;gap:var(--ds-spacing-4);padding:var(--ds-spacing-3) var(--ds-spacing-6) var(--ds-spacing-6)}.fds-modal__content{max-height:80vh;overflow-y:auto;padding:var(--ds-spacing-2) var(--ds-spacing-6)}}@layer fds.list{.fds-list--sm{padding-left:var(--ds-spacing-4)}.fds-list--lg,.fds-list--md{padding-left:var(--ds-spacing-6)}.fds-list__item{margin-bottom:var(--ds-spacing-2)}.fds-list__item>.fds-list{margin-top:var(--ds-spacing-2)}}@layer fds.card{.fds-card__media{width:auto}.fds-card__media>*{border:0;display:flex;flex-direction:column;width:100%}.fds-card__content,.fds-card__footer{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-4);justify-content:flex-start;word-wrap:break-word;font:var(--ds-typography-paragraph-md);font-family:inherit;padding:var(--ds-spacing-2) 0}.fds-card__content{flex-direction:column}.fds-card__header{flex-wrap:wrap;word-wrap:break-word;font:var(--ds-typography-heading-md);font-family:inherit;padding:var(--ds-spacing-2) 0}.fds-card,.fds-card__header{display:flex;flex-direction:column}.fds-card{border-radius:var(--ds-border-radius-md);box-sizing:border-box;overflow:hidden;position:relative;width:100%}.fds-card,.fds-card a,.fds-card a:visited{color:var(--ds-color-neutral-text-default)}.fds-card>hr{margin:var(--ds-spacing-3) 0;width:100%}.fds-card>:not(.fds-card__media,hr){padding-left:var(--ds-spacing-6);padding-right:var(--ds-spacing-6)}.fds-card>:not(.fds-card__media):first-child{padding-top:var(--ds-spacing-6)}.fds-card>:not(.fds-card__media):last-child{padding-bottom:var(--ds-spacing-6)}.fds-card__media:first-child{padding-bottom:var(--ds-spacing-4)}.fds-card__media:last-child{padding-top:var(--ds-spacing-6)}.fds-card--link{text-decoration:none}.fds-card--link h1,.fds-card--link h2,.fds-card--link h3,.fds-card--link h4,.fds-card--link h5,.fds-card--link h6{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(4px,.25rem,.22em)}.fds-card--neutral{background-color:var(--ds-color-neutral-background-default)}.fds-card--neutral,.fds-card--subtle{border:1px solid var(--ds-color-neutral-border-subtle)}.fds-card--subtle{background-color:var(--ds-color-neutral-background-subtle)}.fds-card--neutral.fds-card--link:hover,.fds-card--subtle.fds-card--link:hover{background-color:var(--ds-color-neutral-surface-default)}.fds-card--brand1{background-color:var(--ds-color-brand1-surface-default);border:1px solid var(--ds-color-neutral-border-subtle)}.fds-card--brand1.fds-card--link:hover{background-color:var(--ds-color-brand1-surface-hover)}.fds-card--brand1.fds-card--link:active{background-color:var(--ds-color-brand1-surface-active)}.fds-card--brand2{background-color:var(--ds-color-brand2-surface-default);border:1px solid var(--ds-color-neutral-border-subtle)}.fds-card--brand2.fds-card--link:hover{background-color:var(--ds-color-brand2-surface-hover)}.fds-card--brand2.fds-card--link:active{background-color:var(--ds-color-brand2-surface-active)}.fds-card--brand3{background-color:var(--ds-color-brand3-surface-default);border:1px solid var(--ds-color-neutral-border-subtle)}.fds-card--brand3.fds-card--link:hover{background-color:var(--ds-color-brand3-surface-hover)}.fds-card--brand3.fds-card--link:active{background-color:var(--ds-color-brand3-surface-active)}}@layer fds.link{.fds-link{align-items:center;color:var(--ds-color-accent-text-subtle);cursor:pointer;display:inline-flex;gap:var(--ds-spacing-1);position:relative;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:max(5px,.25rem)}.fds-link:visited{color:var(--ds-global-purple-12);text-decoration:none}.fds-link:hover{color:var(--ds-color-accent-text-default);text-decoration-thickness:max(2px,.125rem,.12em)}.fds-link:focus-visible{background:var(--ds-color-neutral-text-default);color:var(--ds-color-accent-background-default);outline:none}.fds-link:active{background:var(--ds-color-accent-surface-default);border-radius:var(--ds-border-radius-md);color:var(--ds-color-accent-text-default);outline:none}}@layer fds.fieldset{.fds-fieldset{border:0;margin:0;min-width:0;padding:0}.fds-fieldset--spacing{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}.fds-fieldset__description{color:var(--ds-color-neutral-text-subtle);font-weight:400}.fds-fieldset__legend{display:contents}.fds-fieldset--readonly .fds-fieldset__legend__content{display:inline-flex}.fds-fieldset--readonly .fds-fieldset__readonly__icon{height:1.2em;width:1.2em}.fds-fieldset--disabled .fds-fieldset__description,.fds-fieldset--disabled .fds-fieldset__legend{color:var(--ds-color-neutral-border-subtle)}.fds-fieldset__error-message{display:contents}}@layer fds.dropdownmenu{.fds-dropdownmenu{background-color:var(--ds-color-neutral-background-default);border-radius:var(--ds-border-radius-md);box-shadow:var(--ds-shadow-md);list-style:none;margin:0;padding:var(--ds-spacing-2);position:relative;z-index:1500}.fds-dropdownmenu--sm{min-width:240px;padding:var(--ds-spacing-2)}.fds-dropdownmenu--md{min-width:260px;padding:var(--ds-spacing-3) var(--ds-spacing-2)}.fds-dropdownmenu--lg{min-width:280px;padding:var(--ds-spacing-4) var(--ds-spacing-2)}.fds-dropdownmenu>hr{border-color:var(--ds-color-neutral-border-subtle)!important}.fds-dropdownmenu__item{justify-content:start;padding:0 var(--ds-spacing-4)}.fds-dropdownmenu__section{list-style:none;margin:0;padding:0}.fds-dropdownmenu__heading{padding:var(--ds-spacing-2) var(--ds-spacing-4)}}@layer fds.chip{.fds-chip--button{--dsc-chip-height:var(--ds-sizing-7);--dsc-chip-padding:var(--ds-spacing-3);--dsc-chip-background:var(--ds-color-accent-surface-default);--dsc-chip-text-color:var(--ds-color-neutral-text-default);--dsc-chip-border:var(--ds-color-accent-border-subtle);--dsc-chip-border-radius:var(--ds-border-radius-full);align-items:center;background:var(--dsc-chip-background);border:1px solid var(--dsc-chip-border);border-radius:var(--dsc-chip-border-radius);color:var(--dsc-chip-text-color);display:inline-flex;font-family:inherit;min-height:var(--dsc-chip-height);padding:0 var(--dsc-chip-padding);text-decoration:none}.fds-chip--button:disabled,.fds-chip--button[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.fds-chip--button .fds-chip__label{align-items:center;color:inherit;display:flex;flex-direction:row;gap:var(--ds-spacing-2);line-height:normal}.fds-chip--removable{--dsc-removable-background:var(--ds-color-accent-base-default);--dsc-removable-text-color:var(--ds-color-neutral-contrast-default);--dsc-removable-chip-size:var(--ds-sizing-7);--dsc-removable-chip-xmark-color:var(--ds-color-neutral-contrast-default);--dsc-removable-chip-xmark-padding_right:var(--ds-spacing-1);--dsc-removable-chip-xmark-size:var(--ds-sizing-6);--dsc-removable-chip-xmark-wrapper-width:calc(var(--dsc-removable-chip-xmark-size) + var(--dsc-removable-chip-xmark-padding_right));background:var(--dsc-removable-background);border:0;color:var(--dsc-removable-text-color);min-height:var(--dsc-chip-height);padding-right:var(--ds-spacing-2)}.fds-chip--removable.fds-chip--sm{padding-right:var(--ds-spacing-1)}.fds-chip--removable.fds-chip--lg{padding-right:var(--ds-spacing-2)}.fds-chip__x-mark{color:var(--dsc-removable-chip-xmark-color)}.fds-chip__x-mark,.fds-chip__x-mark .fds-chip__icon{height:var(--dsc-removable-chip-xmark-size);width:var(--dsc-removable-chip-xmark-size)}.fds-chip--spacing{padding-left:var(--ds-spacing-2)!important}.fds-chip--sm .fds-chip__checkmark-icon{height:var(--ds-sizing-5);width:auto}.fds-chip--md .fds-chip__checkmark-icon{height:24px;width:auto}.fds-chip--lg .fds-chip__checkmark-icon{height:26px;width:auto}.fds-chip--group-container{display:flex;gap:var(--dsc-chip-group-gap);list-style-type:none;margin:0;padding:0}.fds-chip--group-container,.fds-chip--group-container.fds-chip--lg,.fds-chip--group-container.fds-chip--md,.fds-chip--group-container.fds-chip--sm{--dsc-chip-group-gap:var(--ds-spacing-2)}@media (hover:hover) and (pointer:fine){.fds-chip--button:not(:disabled,[aria-disabled=true]):hover{--dsc-chip-background:var(--ds-color-accent-surface-hover);--dsc-chip-text-color:var(--ds-color-neutral-text-default);--dsc-chip-border:var(--ds-color-accent-border-default);cursor:pointer}.fds-chip--button:not(:disabled,[aria-disabled=true]):is([aria-pressed=true]):hover{--dsc-chip-background:var(--ds-color-accent-surface-hover);--dsc-chip-text-color:var(--ds-color-neutral-text-default)}.fds-chip--removable:not(:disabled,[aria-disabled=true]):focus,.fds-chip--removable:not(:disabled,[aria-disabled=true]):hover{--dsc-removable-background:var(--ds-color-accent-base-hover);--dsc-removable-chip-xmark-color:var(--ds-color-neutral-contrast-default)}}.fds-chip--button:is([aria-pressed=true]),.fds-chip--button:not(:disabled,[aria-disabled=true]):active,.fds-chip--removable:is([aria-pressed=true]),.fds-chip--removable:not(:disabled,[aria-disabled=true]):active{--dsc-chip-background:var(--ds-color-accent-base-active);--dsc-chip-text-color:var(--ds-color-neutral-contrast-default);--dsc-chip-border:var(--ds-color-accent-base-active);--dsc-removable-background:var(--ds-color-accent-base-active);--dsc-removable-text-color:var(--ds-color-neutral-contrast-default)}.fds-chip--sm{--dsc-chip-height:var(--ds-sizing-7);--dsc-chip-padding:var(--ds-spacing-3);--dsc-removable-chip-xmark-size:var(--ds-sizing-5);--dsc-removable-chip-xmark-padding_right:var(--ds-spacing-1)}.fds-chip--md{--dsc-chip-height:var(--ds-sizing-8);--dsc-chip-padding:var(--ds-spacing-3);--dsc-removable-chip-xmark-size:var(--ds-sizing-6);--dsc-removable-chip-xmark-padding_right:var(--ds-spacing-2)}.fds-chip--lg{--dsc-chip-height:var(--ds-sizing-9);--dsc-chip-padding:var(--ds-spacing-4);--dsc-removable-chip-xmark-size:var(--ds-sizing-7);--dsc-removable-chip-xmark-padding_right:var(--ds-spacing-3)}}@layer fds.divider{.fds-divider{border:none;border-top:1px solid}.fds-divider--default{border-color:var(--ds-color-neutral-border-subtle)}.fds-divider--strong{border-color:var(--ds-color-neutral-border-default)}.fds-divider--subtle{border-color:var(--ds-color-neutral-border-subtle)}}@layer fds.tabs{.fds-tabs__tab{--dsc-tabs__tab-bottom-border-color:transparent;align-items:center;background-color:initial;border:none;border-radius:0;box-sizing:border-box;color:var(--ds-color-neutral-text-subtle);cursor:pointer;display:flex;flex-direction:row;gap:var(--ds-spacing-1);justify-content:center;padding:var(--ds-spacing-2) var(--ds-spacing-3);position:relative;text-align:center}.fds-tabs__content{padding:var(--ds-spacing-5)}.fds-tabs--sm .fds-tabs__content,.fds-tabs--sm .fds-tabs__tab{font:var(--ds-typography-paragraph-short-sm)}.fds-tabs--md .fds-tabs__content,.fds-tabs--md .fds-tabs__tab{font:var(--ds-typography-paragraph-short-md)}.fds-tabs--lg .fds-tabs__content,.fds-tabs--lg .fds-tabs__tab{font:var(--ds-typography-paragraph-short-lg)}.fds-tabs--sm .fds-tabs__tab{padding:var(--ds-spacing-2) var(--ds-spacing-4)}.fds-tabs--md .fds-tabs__tab{padding:var(--ds-spacing-3) var(--ds-spacing-5)}.fds-tabs--lg .fds-tabs__tab{padding:var(--ds-spacing-4) var(--ds-spacing-6)}.fds-tabs--sm .fds-tabs__content{padding:var(--ds-spacing-4)}.fds-tabs--md .fds-tabs__content{padding:var(--ds-spacing-5)}.fds-tabs--lg .fds-tabs__content{padding:var(--ds-spacing-6)}@media (hover:hover) and (pointer:fine){.fds-tabs__tab:hover:not([aria-selected=true]){--dsc-tabs__tab-bottom-border-color:var(--ds-color-neutral-border-subtle);color:var(--ds-color-neutral-text-default)}}.fds-tabs__tab[aria-selected=true]{--dsc-tabs__tab-bottom-border-color:var(--ds-color-accent-base-default);color:var(--ds-color-accent-base-default)}.fds-tabs__tab:after{background-color:var(--dsc-tabs__tab-bottom-border-color);border-radius:var(--ds-border-radius-full);bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.fds-tabs__tablist{border-bottom:var(--ds-border-width-default) solid var(--ds-color-neutral-border-subtle);display:flex;flex-direction:row}}@layer fds.pagination{.fds-pagination{--dsc-pagination-listitem-margin:var(--ds-spacing-4);--dsc-pagination-ellipsis-width:var(--ds-sizing-12);--dsc-pagination-chevron-margin:var(--ds-spacing-2);display:flex;list-style-type:none;margin:0;padding:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-pagination--hidden{visibility:hidden}.fds-pagination--lg,.fds-pagination--md,.fds-pagination--sm{--dsc-pagination-chevron-margin:var(--ds-spacing-2)}.fds-pagination li:first-child{margin-right:var(--dsc-pagination-chevron-margin)}.fds-pagination li:last-child{margin-left:var(--dsc-pagination-chevron-margin)}.fds-pagination__item{flex:1;margin-right:var(--dsc-pagination-listitem-margin)}.fds-pagination--sm .fds-pagination__item{--dsc-pagination-listitem-margin:var(--ds-spacing-2);--dsc-pagination-ellipsis-width:var(--ds-sizing-10)}.fds-pagination--md .fds-pagination__item{--dsc-pagination-listitem-margin:var(--ds-spacing-4);--dsc-pagination-ellipsis-width:var(--ds-sizing-12)}.fds-pagination--lg .fds-pagination__item{--dsc-pagination-listitem-margin:var(--ds-spacing-6);--dsc-pagination-ellipsis-width:var(--ds-sizing-14)}.fds-pagination__item.fds-pagination--compact{--dsc-pagination-listitem-margin:var(--ds-spacing-0);--dsc-pagination-chevron-margin:var(--ds-spacing-1)}.fds-pagination__ellipsis{margin-top:.5em;text-align:center;width:var(--dsc-pagination-ellipsis-width)}}@layer fds.fds-popover{.fds-popover{--dsc-popover-border:1px solid;--dsc-popover-background:var(--ds-color-neutral-background-default);background:var(--dsc-popover-background);border:var(--dsc-popover-border);border-radius:var(--ds-border-radius-md);max-width:300px;padding:var(--ds-spacing-3);z-index:1500}.fds-popover--sm{padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-popover--md{padding:var(--ds-spacing-3) var(--ds-spacing-4)}.fds-popover--lg{padding:var(--ds-spacing-3) var(--ds-spacing-5)}.fds-popover--default{--dsc-popover-background:var(--ds-color-neutral-background-default);border-color:var(--ds-color-neutral-border-default)}.fds-popover--info{--dsc-popover-background:var(--ds-color-info-surface-default);border-color:var(--ds-color-info-border-default);color:var(--ds-color-info-text-default)}.fds-popover--warning{--dsc-popover-background:var(--ds-color-warning-surface-default);border-color:var(--ds-color-warning-border-default);color:var(--ds-color-warning-text-default)}.fds-popover--danger{--dsc-popover-background:var(--ds-color-danger-surface-default);border-color:var(--ds-color-danger-border-default);color:var(--ds-color-danger-text-default)}.fds-popover__arrow{background:var(--dsc-popover-background);position:absolute;transform:rotate(45deg)}.fds-popover__arrow.fds-popover__arrow--top{border-left:var(--dsc-popover-border);border-top:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--bottom{border-bottom:var(--dsc-popover-border);border-right:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--right{border-right:var(--dsc-popover-border);border-top:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--left{border-bottom:var(--dsc-popover-border);border-left:var(--dsc-popover-border);border-color:inherit}}@layer fds.skeleton{.fds-skeleton{--dsc-skeleton-animation-duration:0.8s;animation:fds-skeleton-opacity-fade var(--dsc-skeleton-animation-duration) linear infinite alternate;background-color:var(--ds-color-neutral-surface-default);height:1.3em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fds-skeleton--circle{border-radius:50%;width:1.3em}.fds-skeleton--rectangle{border-radius:.2em;width:100%}.fds-skeleton--text{border-radius:.55em;height:auto;transform:scaleY(.6);transform-origin:0 55%;width:100%}.fds-skeleton--text:empty:before{content:"\00a0"}.fds-skeleton--has-children{color:transparent!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-skeleton--has-children>*{visibility:hidden}@media (prefers-reduced-motion:reduce){.fds-skeleton{--dsc-skeleton-animation-duration:1.6s}}@keyframes fds-skeleton-opacity-fade{0%{opacity:1}to{opacity:.4}}}@layer fds.tag{.fds-tag{--dsc-tag-background:var(--ds-color-neutral-background-subtle);--dsc-tag-color:var(--ds-color-neutral-text-default);align-items:center;background-color:var(--dsc-tag-background);border-radius:var(--ds-border-radius-sm);box-sizing:border-box;color:var(--dsc-tag-color);display:flex;min-height:var(--ds-sizing-8);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.fds-tag,.fds-tag--sm{padding:0 var(--ds-spacing-2)}.fds-tag--sm{min-height:var(--ds-sizing-7)}.fds-tag--md{min-height:var(--ds-sizing-8);padding:0 var(--ds-spacing-2)}.fds-tag--lg{min-height:var(--ds-sizing-9);padding:0 var(--ds-spacing-3)}.fds-tag--neutral{--dsc-tag-background:var(--ds-color-neutral-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--info{--dsc-tag-background:var(--ds-color-info-surface-default);--dsc-tag-color:var(--ds-color-info-text-default)}.fds-tag--success{--dsc-tag-background:var(--ds-color-success-surface-default);--dsc-tag-color:var(--ds-color-success-text-default)}.fds-tag--warning{--dsc-tag-background:var(--ds-color-warning-surface-default);--dsc-tag-color:var(--ds-color-warning-text-default)}.fds-tag--danger{--dsc-tag-background:var(--ds-color-danger-surface-default);--dsc-tag-color:var(--ds-color-danger-text-default)}.fds-tag--brand1{--dsc-tag-background:var(--ds-color-brand1-surface-default);--dsc-tag-color:var(--ds-color-brand1-text-default)}.fds-tag--brand2{--dsc-tag-background:var(--ds-color-brand2-surface-default);--dsc-tag-color:var(--ds-color-brand2-text-default)}.fds-tag--brand3{--dsc-tag-background:var(--ds-color-brand3-surface-default);--dsc-tag-color:var(--ds-color-brand3-text-default)}}@layer fds.errorsummary{.fds-error-summary{background-color:var(--ds-color-danger-surface-default);border-radius:var(--ds-border-radius-lg);padding:var(--ds-spacing-6) var(--ds-spacing-8)}.fds-error-summary a{color:var(--ds-color-neutral-text-default)}.fds-error-summary li:last-of-type{margin-bottom:0}.fds-error-summary__heading{color:var(--ds-color-danger-text-default)}}@layer fds.togglegroup{.fds-togglegroup{background-color:var(--ds-color-neutral-background-default);border:var(--ds-color-neutral-border-strong) solid var(--ds-border-width-default);border-radius:var(--ds-border-radius-lg);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-togglegroup__content{display:inline-grid;gap:var(--ds-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--ds-spacing-1)}.fds-togglegroup__input{display:none}.fds-togglegroup__item:focus-visible{z-index:1}}@layer fds.tooltip{.fds-tooltip{--dsc-tooltip-background:var(--ds-color-neutral-background-default);background:var(--dsc-tooltip-background);border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default);font:var(--ds-typography-paragraph-xs);font-family:inherit;padding:var(--ds-spacing-1) var(--ds-spacing-2)}.fds-tooltip__arrow{fill:var(--dsc-tooltip-background)}}@layer fds.spinner{.fds-spinner{animation:fds-spinner-rotate-animation linear infinite;animation-duration:2s}.fds-spinner__circle{stroke-dasharray:1px,200px;animation:fds-spinner-stroke-animation ease-in-out infinite;animation-duration:2s;transform-origin:center}@media (prefers-reduced-motion:reduce){.fds-spinner,.fds-spinner__circle{animation-duration:6s}}.fds-spinner--default .fds-spinner__circle{stroke:var(--ds-color-neutral-border-default)}.fds-spinner--interaction .fds-spinner__circle{stroke:var(--ds-color-accent-base-default)}.fds-spinner__background{stroke:var(--ds-color-neutral-surface-default)}@keyframes fds-spinner-rotate-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fds-spinner-stroke-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px;transform:rotate(0deg)}to{stroke-dasharray:1px,200px;stroke-dashoffset:-120px;transform:rotate(15deg)}}}@layer fds.table{.fds-table{--dsc-table-padding:0;--dsc-table-border-radius:var(--ds-border-radius-md);border-collapse:initial;border-spacing:0;color:var(--ds-color-neutral-text-default);position:relative;text-align:left}.fds-table--sticky-header{overflow:auto}.fds-table--border .fds-table__row:last-of-type td{border-bottom:0}.fds-table--sm{--dsc-table-padding:var(--ds-spacing-1) var(--ds-spacing-3)}.fds-table--md{--dsc-table-padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-table--lg{--dsc-table-padding:var(--ds-spacing-3) var(--ds-spacing-3)}.fds-table__head{box-sizing:border-box;font:inherit;font-family:inherit;font-weight:500;z-index:0}.fds-table__head,.fds-table__header__cell{border-bottom:2px solid var(--ds-color-neutral-border-subtle);border-spacing:0}.fds-table__header__cell{background-color:var(--ds-color-neutral-background-default);font:inherit;font-family:inherit;padding:var(--dsc-table-padding)}.fds-table--sticky-header .fds-table__head .fds-table__header__cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.fds-table__header__cell--sortable{padding:0}.fds-table__header__cell--sortable button{align-items:center;background-color:initial;border:none;color:var(--ds-color-neutral-text-default);cursor:pointer;display:flex;font:inherit;font-family:inherit;gap:var(--ds-spacing-1);padding:var(--dsc-table-padding);position:relative;width:100%;z-index:2}.fds-table__header__cell--sorted button{background-color:var(--ds-color-neutral-background-subtle)}.fds-table__header__cell--sortable button:focus-visible{box-shadow:unset;outline-offset:-3px;z-index:3}.fds-table__header__cell--sortable button svg{font-size:1.2em}.fds-table__cell{background-color:var(--ds-color-neutral-background-default);border-bottom:1px solid var(--ds-color-neutral-border-subtle);padding:var(--dsc-table-padding)}.fds-table--zebra .fds-table__row{border-bottom:0}.fds-table--zebra tr:nth-child(2n):not(:hover) .fds-table__cell{background-color:var(--ds-color-neutral-background-subtle)}.fds-table--border{border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--dsc-table-border-radius)}.fds-table--border .fds-table__head .fds-table__header__cell:first-of-type{border-top-left-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__head .fds-table__header__cell:last-of-type{border-top-right-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__row:last-of-type .fds-table__cell:first-of-type{border-bottom-left-radius:var(--dsc-table-border-radius);overflow:hidden}.fds-table--border .fds-table__row:last-of-type .fds-table__cell:last-of-type{border-bottom-right-radius:var(--dsc-table-border-radius);overflow:hidden}@media (hover:hover) and (pointer:fine){.fds-table__header__cell--sortable button:hover,.fds-table__row:hover .fds-table__cell{background-color:var(--ds-color-neutral-surface-default)}}}@layer fds.combobox{.fds-combobox{background-color:initial;display:grid;gap:var(--ds-spacing-2)}.fds-combobox__options-wrapper{background:var(--ds-color-neutral-background-default);overflow-y:auto;padding:var(--ds-spacing-2);z-index:1600}.fds-combobox--readonly .fds-combobox__input{pointer-events:none}.fds-combobox__input__wrapper{align-items:center;cursor:text;display:flex;font:var(--ds-typography-paragraph-md);font-family:inherit;gap:var(--ds-spacing-1);height:auto;justify-content:space-between;padding:var(--ds-spacing-2);position:relative;width:100%}.fds-combobox__input__wrapper .fds-combobox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;flex-grow:1;height:100%;min-width:50px}.fds-combobox--sm .fds-combobox__input__wrapper{min-height:var(--ds-sizing-10);padding:5px var(--ds-spacing-2)}.fds-combobox--sm .fds-combobox__input__wrapper,.fds-combobox--sm .fds-combobox__input__wrapper .fds-combobox__input{font:var(--ds-typography-paragraph-sm);font-family:inherit}.fds-combobox--md .fds-combobox__input__wrapper{min-height:var(--ds-sizing-12);padding:7px var(--ds-spacing-3)}.fds-combobox--md .fds-combobox__input__wrapper,.fds-combobox--md .fds-combobox__input__wrapper .fds-combobox__input{font:var(--ds-typography-paragraph-md);font-family:inherit}.fds-combobox--lg .fds-combobox__input__wrapper{min-height:var(--ds-sizing-14);padding:7px var(--ds-spacing-4)}.fds-combobox--lg .fds-combobox__input__wrapper,.fds-combobox--lg .fds-combobox__input__wrapper .fds-combobox__input{font:var(--ds-typography-paragraph-lg);font-family:inherit}.fds-combobox__input__wrapper .fds-combobox__input:focus{outline:none}.fds-combobox__input__wrapper.fds-combobox--error{border-color:var(--ds-color-danger-border-default);border-width:2px}.fds-combobox__chip-and-input{align-items:center;background-color:initial;display:flex;flex-wrap:wrap;gap:var(--ds-spacing-2);width:100%}.fds-combobox__arrow{cursor:pointer;display:grid;place-items:center}.fds-combobox__input__wrapper.fds-combobox--readonly{background:var(--ds-color-accent-base-default);border-color:var(--ds-color-accent-base-default)}.fds-combobox__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-combobox__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-combobox__clear-button{aspect-ratio:1;background-color:initial;border:none;border-radius:var(--ds-spacing-1);color:var(--ds-color-neutral-text-default);cursor:pointer;display:grid;height:29px;padding:0;place-items:center;width:29px}.fds-combobox--sm .fds-combobox__clear-button{height:25px;width:25px}.fds-combobox--md .fds-combobox__clear-button{height:29px;width:29px}.fds-combobox--lg .fds-combobox__clear-button{height:31px;width:31px}.fds-combobox__clear-button:not(:disabled):hover{background-color:var([delete])}.fds-combobox__disabled{opacity:var(--ds-opacity-disabled)}.fds-combobox__disabled *{cursor:not-allowed}.fds-combobox__readonly__icon{height:1.2em;width:1.2em}.fds-combobox__error-message{margin-top:var(--ds-spacing-2)}.fds-combobox__error-message:empty{display:none}.fds-combobox__loading{align-content:center;display:flex;gap:var(--ds-spacing-2)}.fds-combobox__input__wrapper:has(input:focus){--dsc-focus-border-width:3px;box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-color-neutral-background-default)!important;outline:var(--dsc-focus-border-width) solid var(--ds-color-neutral-text-default);outline-offset:var(--dsc-focus-border-width)}.fds-combobox__empty{padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-combobox--lg .fds-combobox__empty{font:var(--ds-typography-label-lg);font-family:inherit;font-weight:400}.fds-combobox--md .fds-combobox__empty{font:var(--ds-typography-label-md);font-family:inherit;font-weight:400}.fds-combobox--sm .fds-combobox__empty{font:var(--ds-typography-label-sm);font-family:inherit;font-weight:400}.fds-combobox__custom{padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-combobox--lg .fds-combobox__custom{font:var(--ds-typography-label-lg);font-family:inherit;font-weight:400}.fds-combobox--md .fds-combobox__custom{font:var(--ds-typography-label-md);font-family:inherit;font-weight:400}.fds-combobox--sm .fds-combobox__custom{font:var(--ds-typography-label-sm);font-family:inherit;font-weight:400}.fds-combobox__option{background:none;border:none;border-left:5px solid transparent;border-radius:var(--ds-border-radius-md);cursor:pointer;display:grid;font:var(--ds-typography-label-md);font-family:inherit;grid-template-columns:1.2em 1fr;height:auto;justify-content:start;padding:var(--ds-spacing-2) var(--ds-spacing-3);padding-left:var(--ds-spacing-1);text-align:left;width:100%}.fds-combobox__option.fds-combobox__option--active{background:var(--ds-color-accent-background-subtle);border-left:5px solid var(--ds-color-accent-base-default)}.fds-combobox__option>div{align-self:flex-start}.fds-combobox__option.fds-combobox__option--multiple{gap:var(--ds-spacing-2);grid-template-columns:auto 1fr}.fds-combobox__option__label{color:var(--ds-color-neutral-text-default);cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--ds-spacing-1);margin:auto 0}.fds-combobox__option--active .fds-combobox__option__label{color:var(--ds-color-accent-text-default)}.fds-combobox__option__icon-wrapper{aspect-ratio:1/1;background-color:#fff;border:2px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);display:grid;place-items:center;width:var(--ds-spacing-6)}.fds-combobox__option--active .fds-combobox__option__icon-wrapper{border-color:var(--ds-color-accent-base-default)}.fds-combobox--sm .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--ds-spacing-5)}.fds-combobox--md .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--ds-spacing-6)}.fds-combobox--lg .fds-combobox__option .fds-combobox__option__icon-wrapper{width:var(--ds-spacing-7)}.fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected{background-color:var(--ds-color-accent-base-default);border-color:var(--ds-color-accent-base-default)}.fds-combobox__option__icon-wrapper__icon{box-sizing:border-box;padding-top:.2em;transform:scale(1.4);stroke:var(--ds-color-neutral-text-default);color:var(--ds-color-neutral-text-default)}.fds-combobox__option__icon-wrapper .fds-combobox__option__icon-wrapper__icon{padding-top:0}.fds-combobox__option--active .fds-combobox__option__icon-wrapper__icon{stroke:var(--ds-color-accent-base-hover);color:var(--ds-color-accent-base-hover)}.fds-combobox__option__icon-wrapper.fds-combobox__option__icon-wrapper--selected .fds-combobox__option__icon-wrapper__icon{color:#fff;stroke:#fff}.fds-combobox__option__description{color:var(--ds-color-neutral-text-subtle);display:flex;flex-direction:column;flex-wrap:wrap;font:inherit;font-family:inherit;gap:var(--ds-spacing-1)}}
package/dist/native-select.css CHANGED
@@ -1 +1 @@
1
- @layer fds.nativeselect{.fds-native-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ds-color-neutral-background-default);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");background-position:right var(--ds-spacing-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--ds-spacing-2);position:relative}@media (hover:hover) and (pointer:fine){.fds-native-select:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-native-select.fds-native-select--multiple{background-image:none}.fds-native-select--sm{height:var(--ds-sizing-10);padding:0 var(--ds-spacing-2);padding-right:var(--ds-spacing-8)}.fds-native-select--md{height:var(--ds-sizing-12);padding:0 var(--ds-spacing-3);padding-right:var(--ds-spacing-10)}.fds-native-select--lg{height:var(--ds-sizing-14);padding:0 var(--ds-spacing-4);padding-right:var(--ds-spacing-12)}.fds-native-select--container{display:grid;gap:var(--ds-spacing-2)}.fds-native-select--disabled{opacity:var(--ds-opacity-disabled)}.fds-native-select--disabled .fds-native-select{cursor:not-allowed}.fds-native-select--readonly .fds-native-select{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-native-select--error>.fds-native-select:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}.fds-native-select__readonly__icon{height:1.2em;width:1.2em}.fds-native-select__error-message:empty{display:none}.fds-native-select__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-native-select__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}}
1
+ @layer fds.nativeselect{.fds-native-select__wrapper{display:grid;flex:0 1 auto;position:relative}.fds-native-select__wrapper:after{background-color:var(--ds-color-neutral-text-default);content:"";height:1.5em;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");-webkit-mask-size:contain;mask-size:contain;pointer-events:none;position:absolute;right:var(--ds-spacing-2);top:50%;transform:translateY(-50%);width:1.5em}.fds-native-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);font:inherit;font-family:inherit;padding:0 var(--ds-spacing-2);position:relative}@media (hover:hover) and (pointer:fine){.fds-native-select:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-native-select.fds-native-select--multiple{background-image:none}.fds-native-select--sm{height:var(--ds-sizing-10);padding:0 var(--ds-spacing-2);padding-right:var(--ds-spacing-8)}.fds-native-select--md{height:var(--ds-sizing-12);padding:0 var(--ds-spacing-3);padding-right:var(--ds-spacing-10)}.fds-native-select--lg{height:var(--ds-sizing-14);padding:0 var(--ds-spacing-4);padding-right:var(--ds-spacing-12)}.fds-native-select--container{display:grid;gap:var(--ds-spacing-2)}.fds-native-select--disabled{opacity:var(--ds-opacity-disabled)}.fds-native-select--disabled .fds-native-select{cursor:not-allowed}.fds-native-select--readonly .fds-native-select{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-native-select--error>.fds-native-select:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}.fds-native-select__readonly__icon{height:1.2em;width:1.2em}.fds-native-select__error-message:empty{display:none}.fds-native-select__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-native-select__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}}
package/dist/popover.css CHANGED
@@ -1 +1 @@
1
- @layer fds.fds-popover{.fds-popover{--dsc-popover-border:1px solid;--dsc-popover-background:var(--ds-color-neutral-background-default);background:var(--dsc-popover-background);border:var(--dsc-popover-border);border-radius:var(--ds-border-radius-md);max-width:300px;padding:var(--ds-spacing-3);z-index:1500}.fds-popover--sm{padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-popover--md{padding:var(--ds-spacing-3) var(--ds-spacing-4)}.fds-popover--lg{padding:var(--ds-spacing-3) var(--ds-spacing-5)}.fds-popover--default{--dsc-popover-background:var(--ds-color-neutral-background-default);border-color:var(--ds-color-neutral-border-default)}.fds-popover--info{--dsc-popover-background:var(--ds-color-info-surface-default);border-color:var(--ds-color-info-border-default)}.fds-popover--warning{--dsc-popover-background:var(--ds-color-warning-surface-default);border-color:var(--ds-color-warning-border-default)}.fds-popover--danger{--dsc-popover-background:var(--ds-color-danger-surface-default);border-color:var(--ds-color-danger-border-default)}.fds-popover__arrow{background:var(--dsc-popover-background);position:absolute;transform:rotate(45deg)}.fds-popover__arrow.fds-popover__arrow--top{border-left:var(--dsc-popover-border);border-top:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--bottom{border-bottom:var(--dsc-popover-border);border-right:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--right{border-right:var(--dsc-popover-border);border-top:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--left{border-bottom:var(--dsc-popover-border);border-left:var(--dsc-popover-border);border-color:inherit}}
1
+ @layer fds.fds-popover{.fds-popover{--dsc-popover-border:1px solid;--dsc-popover-background:var(--ds-color-neutral-background-default);background:var(--dsc-popover-background);border:var(--dsc-popover-border);border-radius:var(--ds-border-radius-md);max-width:300px;padding:var(--ds-spacing-3);z-index:1500}.fds-popover--sm{padding:var(--ds-spacing-2) var(--ds-spacing-3)}.fds-popover--md{padding:var(--ds-spacing-3) var(--ds-spacing-4)}.fds-popover--lg{padding:var(--ds-spacing-3) var(--ds-spacing-5)}.fds-popover--default{--dsc-popover-background:var(--ds-color-neutral-background-default);border-color:var(--ds-color-neutral-border-default)}.fds-popover--info{--dsc-popover-background:var(--ds-color-info-surface-default);border-color:var(--ds-color-info-border-default);color:var(--ds-color-info-text-default)}.fds-popover--warning{--dsc-popover-background:var(--ds-color-warning-surface-default);border-color:var(--ds-color-warning-border-default);color:var(--ds-color-warning-text-default)}.fds-popover--danger{--dsc-popover-background:var(--ds-color-danger-surface-default);border-color:var(--ds-color-danger-border-default);color:var(--ds-color-danger-text-default)}.fds-popover__arrow{background:var(--dsc-popover-background);position:absolute;transform:rotate(45deg)}.fds-popover__arrow.fds-popover__arrow--top{border-left:var(--dsc-popover-border);border-top:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--bottom{border-bottom:var(--dsc-popover-border);border-right:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--right{border-right:var(--dsc-popover-border);border-top:var(--dsc-popover-border);border-color:inherit}.fds-popover__arrow.fds-popover__arrow--left{border-bottom:var(--dsc-popover-border);border-left:var(--dsc-popover-border);border-color:inherit}}
package/dist/radio.css CHANGED
@@ -1 +1 @@
1
- @layer fds.radio{.fds-radio{--dsc-radio-size:var(--ds-spacing-5);--dsc-radio-focus-border-width:3px;--dsc-radio-background:var(--ds-color-neutral-background-default);--dsc-radio-border-color:var(--ds-color-neutral-border-default);--dsc-radio-border__hover--size:calc(var(--ds-spacing-3)/2);--dsc-radio-border__hover:0 0 0 var(--dsc-radio-border__hover--size) var(--ds-color-accent-border-subtle);--dsc-radio-focus-color:var(--ds-color-neutral-text-default);display:grid}.fds-radio:has(.fds-radio__label){gap:var(--ds-spacing-2);grid-template-columns:var(--dsc-radio-size) auto}.fds-radio__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-radio-background);border-radius:50%;box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color);cursor:pointer;height:var(--dsc-radio-size);margin:0;outline:none;position:relative;width:var(--dsc-radio-size);z-index:1}.fds-radio__input:before{border-radius:var(--ds-border-radius-md);content:"";cursor:pointer;display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-radio__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-radio__description{color:var(--ds-color-neutral-text-subtle);grid-column:2;margin-top:calc(var(--ds-spacing-3)*-1)}.fds-radio--disabled>.fds-radio__input,.fds-radio--disabled>.fds-radio__input:before,.fds-radio--disabled>.fds-radio__label{cursor:not-allowed}.fds-radio--disabled>.fds-radio__description,.fds-radio--disabled>.fds-radio__input,.fds-radio--disabled>.fds-radio__label{opacity:var(--ds-opacity-disabled)}.fds-radio--readonly>.fds-radio__input,.fds-radio--readonly>.fds-radio__input:before,.fds-radio--readonly>.fds-radio__label{cursor:default}.fds-radio__input:focus-visible{box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 var(--dsc-radio-focus-border-width) var(--ds-color-neutral-background-default),inset 0 0 0 6px var(--dsc-radio-background);outline:var(--dsc-radio-focus-border-width) solid var(--dsc-radio-focus-color);outline-offset:var(--ds-spacing-1)}.fds-radio__input:checked{--dsc-radio-border-color:var(--ds-color-accent-border-strong);background:var(--dsc-radio-border-color)}.fds-radio--readonly>.fds-radio__input{--dsc-radio-border-color:var(--ds-color-neutral-border-subtle);--dsc-radio-background:var(--ds-color-neutral-background-subtle)}.fds-radio__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 6px var(--dsc-radio-background)}.fds-radio--readonly>.fds-radio__input:checked{background:var(--ds-color-neutral-border-strong)}.fds-radio--error>.fds-radio__input:not(:disabled,:focus-visible){--dsc-radio-border-color:var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover+.fds-radio__label,.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__label:hover{color:var(--ds-color-accent-text-subtle)}.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover:not(:checked){--dsc-radio-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-radio-border__hover),inset 0 0 0 2px var(--dsc-radio-border-color)}.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover:checked{--dsc-radio-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-radio-border__hover),inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 6px var(--dsc-radio-background)}}.fds-radio--sm{--dsc-radio-size:var(--ds-sizing-5);min-height:var(--ds-sizing-10)}.fds-radio--md{--dsc-radio-size:var(--ds-sizing-6);--dsc-radio-border__hover--size:var(--ds-spacing-1);min-height:var(--ds-sizing-11)}.fds-radio--lg{--dsc-radio-size:var(--ds-sizing-7);min-height:var(--ds-sizing-12)}.fds-radio-group--horizontal{display:flex;flex-direction:row;gap:var(--ds-spacing-6)}}
1
+ @layer fds.radio{.fds-radio{--dsc-radio-size:var(--ds-spacing-5);--dsc-radio-focus-border-width:3px;--dsc-radio-background:var(--ds-color-neutral-background-default);--dsc-radio-border-color:var(--ds-color-neutral-border-strong);--dsc-radio-border__hover--size:calc(var(--ds-spacing-3)/2);--dsc-radio-border__hover:0 0 0 var(--dsc-radio-border__hover--size) var(--ds-color-accent-border-subtle);--dsc-radio-focus-color:var(--ds-color-neutral-text-default);display:grid}.fds-radio:has(.fds-radio__label){gap:var(--ds-spacing-2);grid-template-columns:var(--dsc-radio-size) auto}.fds-radio__input{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-radio-background);border-radius:50%;box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color);cursor:pointer;height:var(--dsc-radio-size);margin:0;outline:none;position:relative;width:var(--dsc-radio-size);z-index:1}.fds-radio__input:before{border-radius:var(--ds-border-radius-md);content:"";cursor:pointer;display:block;height:2.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.75rem}.fds-radio__label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-radio__description{color:var(--ds-color-neutral-text-subtle);grid-column:2;margin-top:calc(var(--ds-spacing-3)*-1)}.fds-radio--disabled>.fds-radio__input,.fds-radio--disabled>.fds-radio__input:before,.fds-radio--disabled>.fds-radio__label{cursor:not-allowed}.fds-radio--disabled>.fds-radio__description,.fds-radio--disabled>.fds-radio__input,.fds-radio--disabled>.fds-radio__label{opacity:var(--ds-opacity-disabled)}.fds-radio--readonly>.fds-radio__input,.fds-radio--readonly>.fds-radio__input:before,.fds-radio--readonly>.fds-radio__label{cursor:default}.fds-radio__input:focus-visible{box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 var(--dsc-radio-focus-border-width) var(--ds-color-neutral-background-default),inset 0 0 0 6px var(--dsc-radio-background);outline:var(--dsc-radio-focus-border-width) solid var(--dsc-radio-focus-color);outline-offset:var(--ds-spacing-1)}.fds-radio__input:checked{--dsc-radio-border-color:var(--ds-color-accent-border-strong);background:var(--dsc-radio-border-color)}.fds-radio--readonly>.fds-radio__input{--dsc-radio-border-color:var(--ds-color-neutral-border-subtle);--dsc-radio-background:var(--ds-color-neutral-background-subtle)}.fds-radio__input:checked:not(:focus-visible){box-shadow:inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 6px var(--dsc-radio-background)}.fds-radio--readonly>.fds-radio__input:checked{background:var(--ds-color-neutral-border-strong)}.fds-radio--error>.fds-radio__input:not(:disabled,:focus-visible){--dsc-radio-border-color:var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover+.fds-radio__label,.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__label:hover{color:var(--ds-color-accent-text-subtle)}.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover:not(:checked){--dsc-radio-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-radio-border__hover),inset 0 0 0 2px var(--dsc-radio-border-color)}.fds-radio:not(.fds-radio--readonly,.fds-radio--disabled)>.fds-radio__input:hover:checked{--dsc-radio-border-color:var(--ds-color-accent-border-strong);box-shadow:var(--dsc-radio-border__hover),inset 0 0 0 2px var(--dsc-radio-border-color),inset 0 0 0 6px var(--dsc-radio-background)}}.fds-radio--sm{--dsc-radio-size:var(--ds-sizing-5);min-height:var(--ds-sizing-10)}.fds-radio--md{--dsc-radio-size:var(--ds-sizing-6);--dsc-radio-border__hover--size:var(--ds-spacing-1);min-height:var(--ds-sizing-11)}.fds-radio--lg{--dsc-radio-size:var(--ds-sizing-7);min-height:var(--ds-sizing-12)}.fds-radio-group--horizontal{display:flex;flex-direction:row;gap:var(--ds-spacing-6)}}
package/dist/search.css CHANGED
@@ -1 +1 @@
1
- @layer fds.search{.fds-search{display:inline-grid;gap:var(--ds-spacing-2);width:100%}.fds-search--sm{--dsc-search-button-clear-size:var(--ds-sizing-5)}.fds-search--md{--dsc-search-button-clear-size:var(--ds-sizing-6)}.fds-search--lg{--dsc-search-button-clear-size:var(--ds-sizing-8)}.fds-search__error:empty{display:none}.fds-search__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-search__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex;position:relative;width:100%}.fds-search__icon{height:100%;left:var(--ds-spacing-4);pointer-events:none;position:absolute;transform:scale(1.5);z-index:2}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.fds-search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;height:var(--ds-sizing-10);padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-search__input.fds-search__input--with-search-button{border-bottom-right-radius:0;border-top-right-radius:0}.fds-search__input:disabled{cursor:not-allowed}.fds-search__input[type=search]:focus-visible{z-index:1}.fds-search--disabled{opacity:var(--ds-opacity-disabled)}.fds-search__search-button{border-bottom-left-radius:0;border-top-left-radius:0}.fds-search__search-button:not(:focus-visible){border-left:0}.fds-search__search-button:focus-visible{z-index:1}.fds-search__clear-button{align-items:center;background:none;border:none;border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default);cursor:pointer;display:inline-flex;font-size:1.25rem;height:var(--dsc-search-button-clear-size);justify-content:center;padding:0;position:absolute;right:.6em;top:50%;transform:translateY(-50%);width:var(--dsc-search-button-clear-size);z-index:2}.fds-search--sm .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-4);height:var(--ds-sizing-10);padding:0 var(--ds-spacing-3);padding-right:2.5em}.fds-search--sm .fds-search__icon{left:var(--ds-spacing-3)}.fds-search--md .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-6);height:var(--ds-sizing-12);padding:0 var(--ds-spacing-4);padding-right:2.2em}.fds-search--md .fds-search__icon{left:var(--ds-spacing-4)}.fds-search--lg .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-12);height:var(--ds-sizing-14);padding:0 var(--ds-spacing-5);padding-right:2em}.fds-search--lg .fds-search__icon{left:var(--ds-spacing-5)}.fds-search__input.fds-search__input--simple{padding-left:2.4em}.fds-search__error-message>.input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-search__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}.fds-search__clear-button:not(:focus-visible,:disabled,[aria-disabled]):hover{background:var(--ds-color-accent-surface-hover)}}}
1
+ @layer fds.search{.fds-search{display:inline-grid;gap:var(--ds-spacing-2);width:100%}.fds-search--sm{--dsc-search-button-clear-size:var(--ds-sizing-5)}.fds-search--md{--dsc-search-button-clear-size:var(--ds-sizing-6)}.fds-search--lg{--dsc-search-button-clear-size:var(--ds-sizing-8)}.fds-search__error:empty{display:none}.fds-search__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-search__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex;position:relative;width:100%}.fds-search__icon{height:100%;left:var(--ds-spacing-4);pointer-events:none;position:absolute;transform:scale(1.5);z-index:2}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.fds-search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);flex:0 1 auto;font:inherit;font-family:inherit;height:var(--ds-sizing-10);padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-search__input.fds-search__input--with-search-button{border-bottom-right-radius:0;border-top-right-radius:0}.fds-search__input:disabled{cursor:not-allowed}.fds-search__input[type=search]:focus-visible{z-index:1}.fds-search--disabled{opacity:var(--ds-opacity-disabled)}.fds-search__search-button{border-bottom-left-radius:0;border-top-left-radius:0}.fds-search__search-button:not(:focus-visible){border-left:0}.fds-search__search-button:focus-visible{z-index:1}.fds-search__clear-button{align-items:center;background:none;border:none;border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default);cursor:pointer;display:inline-flex;font-size:1.25rem;height:var(--dsc-search-button-clear-size);justify-content:center;padding:0;position:absolute;right:.6em;top:50%;transform:translateY(-50%);width:var(--dsc-search-button-clear-size);z-index:2}.fds-search--sm .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-4);height:var(--ds-sizing-10);padding:0 var(--ds-spacing-3);padding-right:2.5em}.fds-search--sm .fds-search__icon{left:var(--ds-spacing-3)}.fds-search--md .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-6);height:var(--ds-sizing-12);padding:0 var(--ds-spacing-4);padding-right:2.2em}.fds-search--md .fds-search__icon{left:var(--ds-spacing-4)}.fds-search--lg .fds-search__input{--dsc-search-button-clear-size:var(--ds-sizing-12);height:var(--ds-sizing-14);padding:0 var(--ds-spacing-5);padding-right:2em}.fds-search--lg .fds-search__icon{left:var(--ds-spacing-5)}.fds-search__input.fds-search__input--simple{padding-left:2.4em}.fds-search__error-message>.input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-search__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}.fds-search__clear-button:not(:focus-visible,:disabled,[aria-disabled]):hover{background:var(--ds-color-accent-surface-hover)}}}
package/dist/switch.css CHANGED
@@ -1 +1 @@
1
- @layer fds.switch{.fds-switch{--dsc-switch--transition:200ms;--dsc-switch-height:1.75rem;--dsc-switch-focus-border-width:3px;--dsc-switch-check_color:transparent;position:relative}@media (prefers-reduced-motion){.switch{--dsc-switch--transition:0}}.fds-switch__label{align-items:center;cursor:pointer;display:grid;gap:var(--ds-spacing-1);grid-template-columns:auto 1fr;min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-switch__track{background-color:var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-full);display:inline-block;height:var(--dsc-switch-height);margin:auto;margin-right:var(--ds-spacing-1);overflow:visible;pointer-events:none;position:relative;transition:background-color var(--dsc-switch--transition) ease;width:var(--dsc-switch-width)}.fds-switch__description{color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-spacing-1);padding-left:calc(var(--dsc-switch-width) + var(--ds-spacing-2));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-switch__readonly__icon{height:1.2em;width:1.2em}.fds-switch__label--right{grid-auto-flow:dense;grid-template-columns:1fr auto}.fds-switch__label--right .fds-switch__track{margin-right:0;order:1}.fds-switch__label--right+.fds-switch__description{padding-left:0}.fds-switch__input{cursor:pointer;height:2.75rem;margin:0;opacity:0;position:absolute;width:2.75rem;z-index:1}.fds-switch--readonly>.fds-switch__label{grid-template-columns:auto -webkit-min-content 1fr;grid-template-columns:auto min-content 1fr}.fds-switch--readonly>.fds-switch__label:where(.fds-switch__label--right){grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto}.fds-switch--readonly>.fds-switch__input,.fds-switch--readonly>.fds-switch__label{cursor:default}.fds-switch--disabled>.fds-switch__input,.fds-switch--disabled>.fds-switch__label,.fds-switch--disabled>.fds-switch__track{cursor:not-allowed}.fds-switch--disabled>.fds-switch__description,.fds-switch--disabled>.fds-switch__label,.fds-switch--disabled>.fds-switch__track{opacity:var(--ds-opacity-disabled)}.fds-switch--readonly>.fds-switch__description{margin-left:var(--ds-spacing-1)}.fds-switch--sm,.fds-switch--sm .fds-switch__label{min-height:var(--ds-sizing-6)}.fds-switch--md,.fds-switch--md .fds-switch__label{min-height:var(--ds-sizing-7)}.fds-switch--lg,.fds-switch--lg .fds-switch__label{min-height:var(--ds-sizing-8)}.fds-switch--sm{--dsc-switch-height:var(--ds-sizing-6);--dsc-switch-width:var(--ds-sizing-11)}.fds-switch--sm .fds-switch__input{left:-.25rem;top:-.25rem}.fds-switch--md{--dsc-switch-height:var(--ds-sizing-7);--dsc-switch-width:var(--ds-sizing-13)}.fds-switch--md .fds-switch__input{left:0;top:0}.fds-switch--lg{--dsc-switch-height:var(--ds-sizing-8);--dsc-switch-width:var(--ds-sizing-15)}.fds-switch--lg .fds-switch__input{left:0;top:.25rem}.fds-switch__label:has(.fds-switch__track:only-child){grid-template-columns:auto}.fds-switch__label:has(.fds-switch__track:only-child) .fds-switch__track{margin-right:0}.fds-switch__input:focus-visible+.fds-switch__label .fds-switch__track{box-shadow:0 0 0 var(--dsc-switch-focus-border-width) var(--ds-color-neutral-background-default);outline:var(--dsc-switch-focus-border-width) solid var(--ds-color-neutral-text-default);outline-offset:3px}.fds-switch__input:not([readonly]):checked+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-default)}.fds-switch__thumb{background-color:var(--ds-color-neutral-background-default);border-radius:var(--ds-border-radius-full);height:var(--dsc-switch-height);position:absolute;scale:.8;transition:transform var(--dsc-switch--transition) ease;width:var(--dsc-switch-height)}.fds-switch__input:checked+.fds-switch__label .fds-switch__track .fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-default);transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*1.2))}.fds-switch__thumb:after{background-color:var(--dsc-switch-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color var(--dsc-switch--transition) ease;width:100%}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-neutral-background-subtle);box-shadow:inset 0 0 0 2px var(--ds-color-neutral-border-subtle)}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-neutral-background-subtle);background-color:var(--ds-color-neutral-border-strong)}@media (hover:hover) and (pointer:fine){.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*.2))}.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label{color:var(--ds-color-accent-border-strong)}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-hover);transform:translateX(calc(var(--dsc-switch-width) - var(--dsc-switch-height)))}.input:not(:checked,:disabled,[readonly]):hover+.label .track{background-color:var([delete])}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-hover)}}}
1
+ @layer fds.switch{.fds-switch{--dsc-switch--transition:200ms;--dsc-switch-height:1.75rem;--dsc-switch-focus-border-width:3px;--dsc-switch-check_color:transparent;position:relative}@media (prefers-reduced-motion){.switch{--dsc-switch--transition:0}}.fds-switch__label{align-items:center;cursor:pointer;display:grid;gap:var(--ds-spacing-1);grid-template-columns:auto 1fr;min-height:var(--ds-sizing-10);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-switch__track{background-color:var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-full);display:inline-block;height:var(--dsc-switch-height);margin:auto;margin-right:var(--ds-spacing-1);overflow:visible;pointer-events:none;position:relative;transition:background-color var(--dsc-switch--transition) ease;width:var(--dsc-switch-width)}.fds-switch__description{color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-spacing-1);padding-left:calc(var(--dsc-switch-width) + var(--ds-spacing-2));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fds-switch__readonly__icon{height:1.2em;width:1.2em}.fds-switch__label--right{grid-auto-flow:dense;grid-template-columns:1fr auto}.fds-switch__label--right .fds-switch__track{margin-right:0;order:1}.fds-switch__label--right+.fds-switch__description{padding-left:0}.fds-switch__input{cursor:pointer;height:2.75rem;margin:0;opacity:0;position:absolute;width:2.75rem;z-index:1}.fds-switch--readonly>.fds-switch__label{grid-template-columns:auto -webkit-min-content 1fr;grid-template-columns:auto min-content 1fr}.fds-switch--readonly>.fds-switch__label:where(.fds-switch__label--right){grid-template-columns:-webkit-min-content 1fr auto;grid-template-columns:min-content 1fr auto}.fds-switch--readonly>.fds-switch__input,.fds-switch--readonly>.fds-switch__label{cursor:default}.fds-switch--disabled>.fds-switch__input,.fds-switch--disabled>.fds-switch__label,.fds-switch--disabled>.fds-switch__track{cursor:not-allowed}.fds-switch--disabled>.fds-switch__description,.fds-switch--disabled>.fds-switch__label,.fds-switch--disabled>.fds-switch__track{opacity:var(--ds-opacity-disabled)}.fds-switch--readonly>.fds-switch__description{margin-left:var(--ds-spacing-1)}.fds-switch--sm,.fds-switch--sm .fds-switch__label{min-height:var(--ds-sizing-6)}.fds-switch--md,.fds-switch--md .fds-switch__label{min-height:var(--ds-sizing-7)}.fds-switch--lg,.fds-switch--lg .fds-switch__label{min-height:var(--ds-sizing-8)}.fds-switch--sm{--dsc-switch-height:var(--ds-sizing-6);--dsc-switch-width:var(--ds-sizing-11)}.fds-switch--sm .fds-switch__input{left:-.25rem;top:-.25rem}.fds-switch--md{--dsc-switch-height:var(--ds-sizing-7);--dsc-switch-width:var(--ds-sizing-13)}.fds-switch--md .fds-switch__input{left:0;top:0}.fds-switch--lg{--dsc-switch-height:var(--ds-sizing-8);--dsc-switch-width:var(--ds-sizing-15)}.fds-switch--lg .fds-switch__input{left:0;top:.25rem}.fds-switch__label:has(.fds-switch__track:only-child){grid-template-columns:auto}.fds-switch__label:has(.fds-switch__track:only-child) .fds-switch__track{margin-right:0}.fds-switch__input:focus-visible+.fds-switch__label .fds-switch__track{box-shadow:0 0 0 var(--dsc-switch-focus-border-width) var(--ds-color-neutral-background-default);outline:var(--dsc-switch-focus-border-width) solid var(--ds-color-neutral-text-default);outline-offset:3px}.fds-switch__input:not([readonly]):checked+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-default)}.fds-switch__thumb{background-color:var(--ds-color-neutral-background-default);border-radius:var(--ds-border-radius-full);height:var(--dsc-switch-height);position:absolute;scale:.8;transition:transform var(--dsc-switch--transition) ease;width:var(--dsc-switch-height)}.fds-switch__input:checked+.fds-switch__label .fds-switch__track .fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-default);transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*1.2))}.fds-switch__thumb:after{background-color:var(--dsc-switch-check_color);content:"";height:100%;left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='-3 -3 17 17'%3E%3Cpath fill='%23118849' fill-rule='evenodd' d='M10.134 2.866a1.25 1.25 0 0 1 0 1.768l-4.25 4.25a1.25 1.25 0 0 1-1.768 0l-2.25-2.25a1.25 1.25 0 1 1 1.768-1.768L5 6.232l3.366-3.366a1.25 1.25 0 0 1 1.768 0' clip-rule='evenodd'/%3E%3C/svg%3E");position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color var(--dsc-switch--transition) ease;width:100%}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-neutral-background-subtle);box-shadow:inset 0 0 0 2px var(--ds-color-neutral-border-subtle)}.fds-switch--readonly .fds-switch__input[readonly]+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-neutral-background-subtle);background-color:var(--ds-color-neutral-border-strong)}@media (hover:hover) and (pointer:fine){.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{transform:translateX(calc((var(--dsc-switch-width) - var(--dsc-switch-height))*.2))}.fds-switch__input:not([readonly],:disabled):hover+.fds-switch__label{color:var(--ds-color-accent-text-subtle)}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track>.fds-switch__thumb{--dsc-switch-check_color:var(--ds-color-accent-base-hover);transform:translateX(calc(var(--dsc-switch-width) - var(--dsc-switch-height)))}.input:not(:checked,:disabled,[readonly]):hover+.label .track{background-color:var([delete])}.fds-switch__input:not(:disabled,[readonly]):checked:hover+.fds-switch__label .fds-switch__track{background-color:var(--ds-color-accent-base-hover)}}}
package/dist/tag.css CHANGED
@@ -1 +1 @@
1
- @layer fds.tag{.fds-tag{--dsc-tag-background:var(--ds-color-neutral-background-subtle);--dsc-tag-color:var(--ds-color-neutral-text-default);align-items:center;background-color:var(--dsc-tag-background);border-radius:var(--ds-border-radius-sm);box-sizing:border-box;color:var(--dsc-tag-color);display:flex;min-height:var(--ds-sizing-8);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.fds-tag,.fds-tag--sm{padding:0 var(--ds-spacing-2)}.fds-tag--sm{min-height:var(--ds-sizing-7)}.fds-tag--md{min-height:var(--ds-sizing-8);padding:0 var(--ds-spacing-2)}.fds-tag--lg{min-height:var(--ds-sizing-9);padding:0 var(--ds-spacing-3)}.fds-tag--neutral{--dsc-tag-background:var(--ds-color-neutral-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--info{--dsc-tag-background:var(--ds-color-info-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--success{--dsc-tag-background:var(--ds-color-success-surface-default);--dsc-tag-color:var(--ds-color-success-text-default)}.fds-tag--warning{--dsc-tag-background:var(--ds-color-warning-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--danger{--dsc-tag-background:var(--ds-color-danger-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--brand1{--dsc-tag-background:var(--ds-color-brand1-surface-default);--dsc-tag-color:var(--ds-color-brand1-text-default)}.fds-tag--brand2{--dsc-tag-background:var(--ds-color-brand2-surface-default);--dsc-tag-color:var(--ds-color-brand2-text-default)}.fds-tag--brand3{--dsc-tag-background:var(--ds-color-brand3-surface-default);--dsc-tag-color:var(--ds-color-brand3-text-default)}}
1
+ @layer fds.tag{.fds-tag{--dsc-tag-background:var(--ds-color-neutral-background-subtle);--dsc-tag-color:var(--ds-color-neutral-text-default);align-items:center;background-color:var(--dsc-tag-background);border-radius:var(--ds-border-radius-sm);box-sizing:border-box;color:var(--dsc-tag-color);display:flex;min-height:var(--ds-sizing-8);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word}.fds-tag,.fds-tag--sm{padding:0 var(--ds-spacing-2)}.fds-tag--sm{min-height:var(--ds-sizing-7)}.fds-tag--md{min-height:var(--ds-sizing-8);padding:0 var(--ds-spacing-2)}.fds-tag--lg{min-height:var(--ds-sizing-9);padding:0 var(--ds-spacing-3)}.fds-tag--neutral{--dsc-tag-background:var(--ds-color-neutral-surface-default);--dsc-tag-color:var(--ds-color-neutral-text-default)}.fds-tag--info{--dsc-tag-background:var(--ds-color-info-surface-default);--dsc-tag-color:var(--ds-color-info-text-default)}.fds-tag--success{--dsc-tag-background:var(--ds-color-success-surface-default);--dsc-tag-color:var(--ds-color-success-text-default)}.fds-tag--warning{--dsc-tag-background:var(--ds-color-warning-surface-default);--dsc-tag-color:var(--ds-color-warning-text-default)}.fds-tag--danger{--dsc-tag-background:var(--ds-color-danger-surface-default);--dsc-tag-color:var(--ds-color-danger-text-default)}.fds-tag--brand1{--dsc-tag-background:var(--ds-color-brand1-surface-default);--dsc-tag-color:var(--ds-color-brand1-text-default)}.fds-tag--brand2{--dsc-tag-background:var(--ds-color-brand2-surface-default);--dsc-tag-color:var(--ds-color-brand2-text-default)}.fds-tag--brand3{--dsc-tag-background:var(--ds-color-brand3-surface-default);--dsc-tag-color:var(--ds-color-brand3-text-default)}}
package/dist/textfield.css CHANGED
@@ -1 +1 @@
1
- @layer fds.textfield{.fds-textfield{display:grid;gap:var(--ds-spacing-2)}.fds-textfield__adornment{background:var(--ds-color-neutral-background-subtle);border:1px solid var(--ds-color-neutral-border-strong);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-border-strong);display:inline-block;padding:9px var(--ds-spacing-4)}.fds-textfield__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-textfield--disabled .fds-textfield__input{cursor:not-allowed}.fds-textfield--readonly .fds-textfield__input{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textfield__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex}.fds-textfield__field>:first-child{border-bottom-left-radius:var(--ds-border-radius-md);border-top-left-radius:var(--ds-border-radius-md)}.fds-textfield__field>:last-child{border-bottom-right-radius:var(--ds-border-radius-md);border-top-right-radius:var(--ds-border-radius-md)}.fds-textfield--sm .fds-textfield__adornment{padding:var(--ds-sizing-2) var(--ds-spacing-3)}.fds-textfield--md .fds-textfield__adornment{padding:.65rem var(--ds-spacing-4)}.fds-textfield--lg .fds-textfield__adornment{padding:.85rem var(--ds-spacing-5)}.fds-textfield--sm .fds-textfield__field{height:var(--ds-sizing-10)}.fds-textfield--md .fds-textfield__field{height:var(--ds-sizing-12)}.fds-textfield--lg .fds-textfield__field{height:var(--ds-sizing-14)}.fds-textfield--sm .fds-textfield__input{padding:0 var(--ds-spacing-2)}.fds-textfield--md .fds-textfield__input{padding:0 var(--ds-spacing-3)}.fds-textfield--lg .fds-textfield__input{padding:0 var(--ds-spacing-4)}.fds-textfield__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-textfield--disabled{opacity:var(--ds-opacity-disabled)}.fds-textfield--error .fds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-textfield__input--with-prefix{border-bottom-left-radius:0;border-top-left-radius:0}.fds-textfield__input--with-suffix{border-bottom-right-radius:0;border-top-right-radius:0}.fds-textfield__prefix{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.fds-textfield__suffix{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.fds-textfield__readonly__icon{height:1.2em;width:1.2em}.fds-textfield__error-message:empty{display:none}}
1
+ @layer fds.textfield{.fds-textfield{display:grid;gap:var(--ds-spacing-2)}.fds-textfield__adornment{background:var(--ds-color-neutral-background-subtle);border:1px solid var(--ds-color-neutral-border-strong);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-border-strong);display:inline-block;padding:9px var(--ds-spacing-4)}.fds-textfield__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);flex:0 1 auto;font:inherit;font-family:inherit;padding:0 var(--ds-spacing-3);position:relative;width:100%}.fds-textfield--disabled .fds-textfield__input{cursor:not-allowed}.fds-textfield--readonly .fds-textfield__input{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.fds-textfield__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex}.fds-textfield__field>:first-child{border-bottom-left-radius:var(--ds-border-radius-md);border-top-left-radius:var(--ds-border-radius-md)}.fds-textfield__field>:last-child{border-bottom-right-radius:var(--ds-border-radius-md);border-top-right-radius:var(--ds-border-radius-md)}.fds-textfield--sm .fds-textfield__adornment{padding:var(--ds-sizing-2) var(--ds-spacing-3)}.fds-textfield--md .fds-textfield__adornment{padding:.65rem var(--ds-spacing-4)}.fds-textfield--lg .fds-textfield__adornment{padding:.85rem var(--ds-spacing-5)}.fds-textfield--sm .fds-textfield__field{height:var(--ds-sizing-10)}.fds-textfield--md .fds-textfield__field{height:var(--ds-sizing-12)}.fds-textfield--lg .fds-textfield__field{height:var(--ds-sizing-14)}.fds-textfield--sm .fds-textfield__input{padding:0 var(--ds-spacing-2)}.fds-textfield--md .fds-textfield__input{padding:0 var(--ds-spacing-3)}.fds-textfield--lg .fds-textfield__input{padding:0 var(--ds-spacing-4)}.fds-textfield__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.fds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}.fds-textfield--disabled{opacity:var(--ds-opacity-disabled)}.fds-textfield--error .fds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.fds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.fds-textfield__input--with-prefix{border-bottom-left-radius:0;border-top-left-radius:0}.fds-textfield__input--with-suffix{border-bottom-right-radius:0;border-top-right-radius:0}.fds-textfield__prefix{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.fds-textfield__suffix{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.fds-textfield__readonly__icon{height:1.2em;width:1.2em}.fds-textfield__error-message:empty{display:none}}
package/native-select.css CHANGED
@@ -1,18 +1,35 @@
1
1
  @layer fds.nativeselect {
2
+ .fds-native-select__wrapper {
3
+ position: relative;
4
+ display: grid;
5
+ flex: 0 1 auto;
6
+ }
7
+
8
+ /* chevron for native select */
9
+ .fds-native-select__wrapper::after {
10
+ content: '';
11
+ position: absolute;
12
+ background-color: var(--ds-color-neutral-text-default);
13
+ pointer-events: none;
14
+ top: 50%;
15
+ right: var(--ds-spacing-2);
16
+ transform: translateY(-50%);
17
+ width: 1.5em;
18
+ height: 1.5em;
19
+ mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMWVtJyBoZWlnaHQ9JzFlbScgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZvY3VzYWJsZT0nZmFsc2UnIHJvbGU9J2ltZyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J001Ljk3IDkuNDdhLjc1Ljc1IDAgMCAxIDEuMDYgMEwxMiAxNC40NGw0Ljk3LTQuOTdhLjc1Ljc1IDAgMSAxIDEuMDYgMS4wNmwtNS41IDUuNWEuNzUuNzUgMCAwIDEtMS4wNiAwbC01LjUtNS41YS43NS43NSAwIDAgMSAwLTEuMDZaJyBmaWxsPSdjdXJyZW50Q29sb3InPjwvcGF0aD48L3N2Zz4=');
20
+ mask-size: contain;
21
+ }
22
+
2
23
  .fds-native-select {
3
24
  position: relative;
4
25
  font: inherit;
5
26
  font-family: inherit;
6
27
  box-sizing: border-box;
7
- flex: 0 1 auto;
8
28
  padding: 0 var(--ds-spacing-2);
9
29
  border: solid 1px var(--ds-color-neutral-border-default);
10
30
  border-radius: var(--ds-border-radius-md);
11
- background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMWVtJyBoZWlnaHQ9JzFlbScgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZvY3VzYWJsZT0nZmFsc2UnIHJvbGU9J2ltZyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J001Ljk3IDkuNDdhLjc1Ljc1IDAgMCAxIDEuMDYgMEwxMiAxNC40NGw0Ljk3LTQuOTdhLjc1Ljc1IDAgMSAxIDEuMDYgMS4wNmwtNS41IDUuNWEuNzUuNzUgMCAwIDEtMS4wNiAwbC01LjUtNS41YS43NS43NSAwIDAgMSAwLTEuMDZaJyBmaWxsPSdjdXJyZW50Q29sb3InPjwvcGF0aD48L3N2Zz4=');
12
31
  background-color: var(--ds-color-neutral-background-default);
13
- background-repeat: no-repeat;
14
- background-position: right var(--ds-spacing-2) center;
15
- background-size: 1.5em 1.5em;
32
+ color: var(--ds-color-neutral-text-default);
16
33
  appearance: none;
17
34
  }
18
35
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digdir/designsystemet-css",
3
- "version": "0.9.1-alpha.1",
3
+ "version": "0.9.1-alpha.3",
4
4
  "description": "CSS for Designsystemet",
5
5
  "author": "Designsystemet team",
6
6
  "repository": "https://github.com/digdir/designsystemet",
@@ -39,5 +39,5 @@
39
39
  "postcss-import": "^16.0.1",
40
40
  "rimraf": "^5.0.5"
41
41
  },
42
- "gitHead": "8840f56d037879099652b2c7275ce08e93584f74"
42
+ "gitHead": "f9920518e77e01f2f77095ef30f8d4c62deafd51"
43
43
  }
package/popover.css CHANGED
@@ -33,18 +33,21 @@
33
33
  --dsc-popover-background: var(--ds-color-info-surface-default);
34
34
 
35
35
  border-color: var(--ds-color-info-border-default);
36
+ color: var(--ds-color-info-text-default);
36
37
  }
37
38
 
38
39
  .fds-popover--warning {
39
40
  --dsc-popover-background: var(--ds-color-warning-surface-default);
40
41
 
41
42
  border-color: var(--ds-color-warning-border-default);
43
+ color: var(--ds-color-warning-text-default);
42
44
  }
43
45
 
44
46
  .fds-popover--danger {
45
47
  --dsc-popover-background: var(--ds-color-danger-surface-default);
46
48
 
47
49
  border-color: var(--ds-color-danger-border-default);
50
+ color: var(--ds-color-danger-text-default);
48
51
  }
49
52
 
50
53
  .fds-popover__arrow {
package/radio.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --dsc-radio-size: var(--ds-spacing-5);
4
4
  --dsc-radio-focus-border-width: 3px;
5
5
  --dsc-radio-background: var(--ds-color-neutral-background-default);
6
- --dsc-radio-border-color: var(--ds-color-neutral-border-default);
6
+ --dsc-radio-border-color: var(--ds-color-neutral-border-strong);
7
7
  --dsc-radio-border__hover--size: calc(var(--ds-spacing-3) / 2);
8
8
  --dsc-radio-border__hover: 0 0 0 var(--dsc-radio-border__hover--size) var(--ds-color-accent-border-subtle);
9
9
  --dsc-radio-focus-color: var(--ds-color-neutral-text-default);
package/search.css CHANGED
@@ -61,6 +61,8 @@
61
61
  width: 100%;
62
62
  appearance: none;
63
63
  padding: 0 var(--ds-spacing-3);
64
+ background: var(--ds-color-neutral-background-default);
65
+ color: var(--ds-color-neutral-text-default);
64
66
  border: solid 1px var(--ds-color-neutral-border-default);
65
67
  border-radius: var(--ds-border-radius-md);
66
68
  }
package/switch.css CHANGED
@@ -212,7 +212,7 @@
212
212
  }
213
213
 
214
214
  .fds-switch__input:not([readonly], :disabled):hover + .fds-switch__label {
215
- color: var(--ds-color-accent-border-strong);
215
+ color: var(--ds-color-accent-text-subtle);
216
216
  }
217
217
 
218
218
  .fds-switch__input:not(:disabled, [readonly]):checked:hover + .fds-switch__label .fds-switch__track > .fds-switch__thumb {
package/tag.css CHANGED
@@ -37,7 +37,7 @@
37
37
 
38
38
  .fds-tag--info {
39
39
  --dsc-tag-background: var(--ds-color-info-surface-default);
40
- --dsc-tag-color: var(--ds-color-neutral-text-default);
40
+ --dsc-tag-color: var(--ds-color-info-text-default);
41
41
  }
42
42
 
43
43
  .fds-tag--success {
@@ -47,12 +47,12 @@
47
47
 
48
48
  .fds-tag--warning {
49
49
  --dsc-tag-background: var(--ds-color-warning-surface-default);
50
- --dsc-tag-color: var(--ds-color-neutral-text-default);
50
+ --dsc-tag-color: var(--ds-color-warning-text-default);
51
51
  }
52
52
 
53
53
  .fds-tag--danger {
54
54
  --dsc-tag-background: var(--ds-color-danger-surface-default);
55
- --dsc-tag-color: var(--ds-color-neutral-text-default);
55
+ --dsc-tag-color: var(--ds-color-danger-text-default);
56
56
  }
57
57
 
58
58
  .fds-tag--brand1 {
package/textfield.css CHANGED
@@ -24,6 +24,8 @@
24
24
  appearance: none;
25
25
  padding: 0 var(--ds-spacing-3);
26
26
  border: solid 1px var(--ds-color-neutral-border-default);
27
+ background: var(--ds-color-neutral-background-default);
28
+ color: var(--ds-color-neutral-text-default);
27
29
  border-radius: var(--ds-border-radius-md);
28
30
  }
29
31