@db-ux/core-components 4.6.0 → 4.7.0-mcp-server-migrate-tool-test-2-0cf8204

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 (15) hide show
  1. package/CHANGELOG.md +22 -16
  2. package/build/components/custom-select/custom-select.css +6 -6
  3. package/build/components/drawer/drawer.css +6 -6
  4. package/build/components/drawer/drawer.scss +2 -8
  5. package/build/components/navigation-item/navigation-item.css +18 -6
  6. package/build/components/navigation-item/navigation-item.scss +9 -12
  7. package/build/styles/absolute.css +1 -1
  8. package/build/styles/bundle.css +1 -1
  9. package/build/styles/dialog-init.css +1 -1
  10. package/build/styles/dialog-init.scss +1 -1
  11. package/build/styles/index.css +1 -1
  12. package/build/styles/relative.css +1 -1
  13. package/build/styles/rollup.css +1 -1
  14. package/build/styles/webpack.css +1 -1
  15. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @db-ux/core-components
2
2
 
3
+ ## 4.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(navigation): issue with changed transform inside drawer lead to broken sub-navigation for mobile view - [see commit 1762975](https://github.com/db-ux-design-system/core-web/commit/17629755c0c249808c0bb69686f167677d4181ee)
8
+
3
9
  ## 4.6.0
4
10
 
5
11
  ### Minor Changes
@@ -15,7 +21,7 @@
15
21
  - docs(vite): mentioning version 8 configuration in `README.md` file - [see commit 4c5fc92](https://github.com/db-ux-design-system/core-web/commit/4c5fc9266402d9585087f4738a1a800cff1515f1)
16
22
 
17
23
  - fix(number input): prevent from clearing on intermediate decimal entry - [see commit aa85967](https://github.com/db-ux-design-system/core-web/commit/aa85967ffeaa685f6b647069d0e1d415d812dc87):
18
- - fix(input,textarea): allow using `undefined` as `value`
24
+ - fix(input,textarea): allow using `undefined` as `value`
19
25
 
20
26
  ## 4.5.4
21
27
 
@@ -156,14 +162,14 @@ _version bump_
156
162
  - refactor(notification): update and simplify grid layout for block link variant - [see commit cb83f96](https://github.com/db-ux-design-system/core-web/commit/cb83f966eaf29c85b4cf0079750bdd563f216d6e)
157
163
 
158
164
  - fix(DBCustomSelect): properly announce selected options - [see commit 773edeb](https://github.com/db-ux-design-system/core-web/commit/773edeb943a085eb79e1c8d59059137b2830fbf0):
159
- - feat(DBCustomSelect): introduce new property `selectedPrefix`
165
+ - feat(DBCustomSelect): introduce new property `selectedPrefix`
160
166
 
161
167
  ### Patch Changes
162
168
 
163
169
  - fix(DBCustomSelect): automatically handle form reset events - [see commit 6af5246](https://github.com/db-ux-design-system/core-web/commit/6af5246b3b2e6febdc6ff6342ba1a8eb10184d14):
164
- - An event listener is now added for every form component (input, custom-select, etc.) when a `form` property is passed.
165
- - This listener detects form resets and updates the component's internal value/checked state accordingly.
166
- - > **Note**: This does not work for `ngModel` in Angular.
170
+ - An event listener is now added for every form component (input, custom-select, etc.) when a `form` property is passed.
171
+ - This listener detects form resets and updates the component's internal value/checked state accordingly.
172
+ - > **Note**: This does not work for `ngModel` in Angular.
167
173
 
168
174
  - fix(button): Replace fixed height with min-height for buttons to allow dynamic height adjustment when text wraps - [see commit d1fd2c4](https://github.com/db-ux-design-system/core-web/commit/d1fd2c4e58a5ed6f75fab44700cd2d93c7232474)
169
175
 
@@ -186,7 +192,7 @@ _version bump_
186
192
  ### Patch Changes
187
193
 
188
194
  - chore: update instructions files for better copilot outputs - [see commit e4bc905](https://github.com/db-ux-design-system/core-web/commit/e4bc90508479387371d816d5776f9f568aa5fb82):
189
- - fix: add some missing variables
195
+ - fix: add some missing variables
190
196
 
191
197
  - fix(card): Remove the obsolete but harmful declaration regarding wrapping button and link styles. - [see commit 34c78df](https://github.com/db-ux-design-system/core-web/commit/34c78dffd4f43b0ac740574358b426a562e05cd0)
192
198
 
@@ -201,9 +207,9 @@ _version bump_
201
207
  ### Major Changes
202
208
 
203
209
  - feat: Switch stable rework - [see commit cb2deb0](https://github.com/db-ux-design-system/core-web/commit/cb2deb0f1c54900d1967483aea05d81279c02f59):
204
- - **BREAKING CHANGE**: remove `emphasis` property
205
- - introduce validation (invalid and valid)
206
- - configurable label position
210
+ - **BREAKING CHANGE**: remove `emphasis` property
211
+ - introduce validation (invalid and valid)
212
+ - configurable label position
207
213
 
208
214
  - **BREAKING CHANGE**: refactor(Custom Select): renamed `ariaListLabel` property to `listLabel` - [see commit 966d5ad](https://github.com/db-ux-design-system/core-web/commit/966d5ad01f00d0ca1707cc316a63e2d431fff1e9)
209
215
 
@@ -222,12 +228,12 @@ _version bump_
222
228
  ### Patch Changes
223
229
 
224
230
  - fix(DBTabs): ensure navigation arrows appear correctly on window resize - [see commit 4e65e00](https://github.com/db-ux-design-system/core-web/commit/4e65e00d280cae18baee03b5a7a9b13eec063835):
225
- - This update resolves an issue where navigation arrows in DBTabs would not appear or update correctly when the window was resized. The component now properly responds to resize events, ensuring arrows are always shown or hidden as needed.
231
+ - This update resolves an issue where navigation arrows in DBTabs would not appear or update correctly when the window was resized. The component now properly responds to resize events, ensuring arrows are always shown or hidden as needed.
226
232
 
227
233
  - fix(select): jumping placeholder for label above - [see commit 7ed8d22](https://github.com/db-ux-design-system/core-web/commit/7ed8d2225102e0e9044437e95917e11eef4bc73f)
228
234
 
229
235
  - enabled [`@db-ux/agent-cli`](https://www.npmjs.com/package/@db-ux/agent-cli) for every package - [see commit 0233048](https://github.com/db-ux-design-system/core-web/commit/023304869e61f5a506dca66a22d69e5f3d70f4d0):
230
- - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation
236
+ - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation
231
237
 
232
238
  ## 3.1.17
233
239
 
@@ -235,17 +241,17 @@ _version bump_
235
241
 
236
242
  - fix: color mode for textarea resizer control set by color-mode-switch documentation UI component - [see commit 354e270](https://github.com/db-ux-design-system/core-web/commit/354e27029a4378288a97ed5e31b75c11758f0c01)
237
243
  - refactor: enabling `hidden` HTML attribute in every context in which we need to set overwriting styling declarations (`display`) - [see commit 4826455](https://github.com/db-ux-design-system/core-web/commit/4826455637590b6ae780afb93abb9effe9380342)
238
- - @db-ux/core-foundations@3.1.17
244
+ - @db-ux/core-foundations@3.1.17
239
245
 
240
246
  ## 3.1.16
241
247
 
242
248
  ### Patch Changes
243
249
 
244
250
  - a28eb71: fix(custom-select): keyboard navigation for option groups in single-select mode - [see commit 6d60bab](https://github.com/db-ux-design-system/core-web/commit/6d60bab2eb87f16a9ffa942085bffd658564769c):
245
- - Fixes a keyboard accessibility issue where users could not navigate to options in subsequent option groups using arrow keys in single-select mode.
246
- - Now, all options are accessible via keyboard regardless of group boundaries.
251
+ - Fixes a keyboard accessibility issue where users could not navigate to options in subsequent option groups using arrow keys in single-select mode.
252
+ - Now, all options are accessible via keyboard regardless of group boundaries.
247
253
  - fix: JS framework core-components packages are missing `@db-ux` dependencies - [see commit 49df866](https://github.com/db-ux-design-system/core-web/commit/49df866e753a9459f5acdca4ad1e19141b477471)
248
- - @db-ux/core-foundations@3.1.16
254
+ - @db-ux/core-foundations@3.1.16
249
255
 
250
256
  ## 3.1.15
251
257
 
@@ -254,4 +260,4 @@ _version bump_
254
260
  - 262964b: fix(Switch): double event firing with Angular signals
255
261
  - 262964b: fix(CustomSelect): tags remaining visible when form values are reset
256
262
  - 262964b: fix(CustomSelect): custom removeTagsTexts are not applied correctly
257
- - @db-ux/core-foundations@3.1.15
263
+ - @db-ux/core-foundations@3.1.15
package/build/components/custom-select/custom-select.css CHANGED
@@ -617,30 +617,30 @@ input[type=radio]:checked) > label {
617
617
  inline-size: calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm));
618
618
  }
619
619
 
620
- dialog {
620
+ dialog[class^=db-] {
621
621
  padding: 0;
622
622
  margin: 0;
623
623
  border: 0;
624
624
  z-index: 9996;
625
625
  color: inherit;
626
626
  }
627
- dialog:not([data-position=absolute])[data-variant], dialog:not([data-position=absolute])[data-backdrop] {
627
+ dialog[class^=db-]:not([data-position=absolute])[data-variant], dialog[class^=db-]:not([data-position=absolute])[data-backdrop] {
628
628
  position: fixed;
629
629
  inset: 0;
630
630
  z-index: 9995;
631
631
  }
632
- dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none])::before {
632
+ dialog[class^=db-]:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none])::before {
633
633
  content: "";
634
634
  position: fixed;
635
635
  inset: 0;
636
636
  }
637
- dialog:not([data-backdrop=none])::backdrop, dialog:not([data-backdrop=none])::before {
637
+ dialog[class^=db-]:not([data-backdrop=none])::backdrop, dialog[class^=db-]:not([data-backdrop=none])::before {
638
638
  background-color: color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg));
639
639
  }
640
- dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop, dialog:not([data-backdrop=none])[data-backdrop=invisible]::before {
640
+ dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=invisible]::backdrop, dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=invisible]::before {
641
641
  background-color: transparent;
642
642
  }
643
- dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data-backdrop=none])[data-backdrop=weak]::before {
643
+ dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=weak]::before {
644
644
  background-color: color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-sm));
645
645
  }
646
646
 
package/build/components/drawer/drawer.css CHANGED
@@ -16,30 +16,30 @@
16
16
  transform: rotate(1turn);
17
17
  }
18
18
  }
19
- dialog {
19
+ dialog[class^=db-] {
20
20
  padding: 0;
21
21
  margin: 0;
22
22
  border: 0;
23
23
  z-index: 9996;
24
24
  color: inherit;
25
25
  }
26
- dialog:not([data-position=absolute])[data-variant], dialog:not([data-position=absolute])[data-backdrop] {
26
+ dialog[class^=db-]:not([data-position=absolute])[data-variant], dialog[class^=db-]:not([data-position=absolute])[data-backdrop] {
27
27
  position: fixed;
28
28
  inset: 0;
29
29
  z-index: 9995;
30
30
  }
31
- dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none])::before {
31
+ dialog[class^=db-]:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none])::before {
32
32
  content: "";
33
33
  position: fixed;
34
34
  inset: 0;
35
35
  }
36
- dialog:not([data-backdrop=none])::backdrop, dialog:not([data-backdrop=none])::before {
36
+ dialog[class^=db-]:not([data-backdrop=none])::backdrop, dialog[class^=db-]:not([data-backdrop=none])::before {
37
37
  background-color: color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg));
38
38
  }
39
- dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop, dialog:not([data-backdrop=none])[data-backdrop=invisible]::before {
39
+ dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=invisible]::backdrop, dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=invisible]::before {
40
40
  background-color: transparent;
41
41
  }
42
- dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data-backdrop=none])[data-backdrop=weak]::before {
42
+ dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=weak]::before {
43
43
  background-color: color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-sm));
44
44
  }
45
45
 
package/build/components/drawer/drawer.scss CHANGED
@@ -38,10 +38,7 @@
38
38
  calc(100% - #{variables.$db-spacing-fixed-xl})
39
39
  );
40
40
  /* stylelint-disable-next-line db-ux/use-sizing */
41
- min-block-size: var(
42
- --db-drawer-min-height,
43
- auto
44
- );
41
+ min-block-size: var(--db-drawer-min-height, auto);
45
42
  max-inline-size: none;
46
43
  }
47
44
  }
@@ -171,10 +168,7 @@ $spacings: (
171
168
  calc(100% - #{variables.$db-spacing-fixed-xl})
172
169
  );
173
170
  /* stylelint-disable-next-line db-ux/use-sizing */
174
- min-inline-size: var(
175
- --db-drawer-min-width,
176
- auto
177
- );
171
+ min-inline-size: var(--db-drawer-min-width, auto);
178
172
 
179
173
  &:not([data-direction]),
180
174
  &[data-direction="right"] {
package/build/components/navigation-item/navigation-item.css CHANGED
@@ -270,10 +270,16 @@
270
270
  white-space: normal;
271
271
  text-align: start;
272
272
  }
273
+ .db-navigation-item[data-force-mobile=true]:not([data-width=full]) {
274
+ inline-size: 100%;
275
+ }
273
276
  .db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button::after {
274
277
  --db-icon-margin-start: auto;
275
278
  }
276
279
  @media (max-width: 63.9375em) {
280
+ .db-navigation-item:not([data-width=full]) {
281
+ inline-size: 100%;
282
+ }
277
283
  .db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button::after {
278
284
  --db-icon-margin-start: auto;
279
285
  }
@@ -297,7 +303,9 @@
297
303
  }
298
304
  }
299
305
  .db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true] ~ .db-sub-navigation .db-sub-navigation {
300
- inset-block: 0;
306
+ inset: 0;
307
+ inline-size: 100%;
308
+ border-color: transparent;
301
309
  }
302
310
  .db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]) ~ .db-sub-navigation {
303
311
  transform: translateX(110%);
@@ -320,7 +328,9 @@
320
328
  }
321
329
  @media (max-width: 63.9375em) {
322
330
  .db-navigation-item .db-navigation-item-expand-button[aria-expanded=true] ~ .db-sub-navigation .db-sub-navigation {
323
- inset-block: 0;
331
+ inset: 0;
332
+ inline-size: 100%;
333
+ border-color: transparent;
324
334
  }
325
335
  .db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]) ~ .db-sub-navigation {
326
336
  transform: translateX(110%);
@@ -382,18 +392,20 @@
382
392
  }
383
393
  .db-sub-navigation[data-force-mobile=true] {
384
394
  padding: var(--db-spacing-fixed-md);
385
- inline-size: 100%;
395
+ inline-size: calc(100% - var(--db-spacing-fixed-xl));
386
396
  position: fixed;
387
397
  overflow: hidden auto;
388
- inset-block: calc(calc(var(--db-sizing-md) + 2 * var(--db-spacing-fixed-xs)) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs) * 2 + var(--db-spacing-fixed-3xs));
398
+ inset-inline-start: var(--db-spacing-fixed-xl);
399
+ inset-block: calc(calc(var(--db-sizing-md) + 2 * var(--db-spacing-fixed-xs))) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs) * 2);
389
400
  }
390
401
  @media (max-width: 63.9375em) {
391
402
  .db-sub-navigation {
392
403
  padding: var(--db-spacing-fixed-md);
393
- inline-size: 100%;
404
+ inline-size: calc(100% - var(--db-spacing-fixed-xl));
394
405
  position: fixed;
395
406
  overflow: hidden auto;
396
- inset-block: calc(calc(var(--db-sizing-md) + 2 * var(--db-spacing-fixed-xs)) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs) * 2 + var(--db-spacing-fixed-3xs));
407
+ inset-inline-start: var(--db-spacing-fixed-xl);
408
+ inset-block: calc(calc(var(--db-sizing-md) + 2 * var(--db-spacing-fixed-xs))) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs) * 2);
397
409
  }
398
410
  }
399
411
  @media (min-width: 64em) {
package/build/components/navigation-item/navigation-item.scss CHANGED
@@ -34,7 +34,9 @@
34
34
  }
35
35
 
36
36
  .db-sub-navigation {
37
- inset-block: 0;
37
+ inset: 0;
38
+ inline-size: 100%;
39
+ border-color: transparent;
38
40
  }
39
41
  }
40
42
  }
@@ -104,6 +106,8 @@
104
106
 
105
107
  @include screen-sizes.screen("md", "max") {
106
108
  &:not([data-width="full"]) {
109
+ inline-size: 100%;
110
+
107
111
  .db-navigation-item-expand-button {
108
112
  &::after {
109
113
  --db-icon-margin-start: auto;
@@ -175,19 +179,12 @@
175
179
 
176
180
  @mixin sub-navigation-mobile() {
177
181
  padding: variables.$db-spacing-fixed-md;
178
- inline-size: 100%;
182
+ inline-size: calc(100% - #{variables.$db-spacing-fixed-xl});
179
183
  position: fixed;
180
184
  overflow: hidden auto;
181
-
182
- // additional #{$db-spacing-fixed-3xs} for border
183
- inset-block: calc(
184
- #{component.$min-mobile-header-height} +
185
- #{variables.$db-spacing-fixed-3xs}
186
- )
187
- calc(
188
- #{variables.$db-sizing-md} + #{variables.$db-spacing-fixed-xs} * 2 +
189
- #{variables.$db-spacing-fixed-3xs}
190
- );
185
+ inset-inline-start: variables.$db-spacing-fixed-xl;
186
+ inset-block: calc(#{component.$min-mobile-header-height})
187
+ calc(#{variables.$db-sizing-md} + #{variables.$db-spacing-fixed-xs} * 2);
191
188
  }
192
189
 
193
190
  .db-sub-navigation {
package/build/styles/absolute.css CHANGED
@@ -1788,7 +1788,7 @@
1788
1788
  --db-warning-on-bg-basic-emphasis-60-default
1789
1789
  );background-color:var(--db-warning-bg-basic-level-1-default);border-color:var(--db-tag-border-color);color:var(--db-warning-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=warning]:not([data-emphasis]):after,.db-tag:has(.db-tab-remove-button)[data-semantic=warning]:not([data-emphasis]):before,.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=weak]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=weak]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]:not([data-emphasis]):after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]:not([data-emphasis]):before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=weak]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=weak]:before{--db-icon-color:var(--db-warning-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong]{--db-tag-border-color:var(--db-warning-on-bg-basic-emphasis-70-default);background-color:var(--db-warning-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-warning-on-bg-vibrant-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong]:before{--db-icon-color:var(--db-warning-on-bg-vibrant-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]),.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]{--db-tag-border-color:var(
1790
1790
  --db-informational-on-bg-basic-emphasis-60-default
1791
- );background-color:var(--db-informational-bg-basic-level-1-default);border-color:var(--db-tag-border-color);color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]):after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]):before,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]):after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]):before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]:before{--db-icon-color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]{--db-tag-border-color:var(--db-informational-on-bg-basic-emphasis-70-default);background-color:var(--db-informational-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-informational-on-bg-vibrant-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]:before{--db-icon-color:var(--db-informational-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a){--db-icon-margin-end:var(--db-spacing-fixed-2xs)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false]):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]):before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-icon-passing-inline-start,var(--db-spacing-fixed-2xs));pointer-events:none;position:absolute;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false]) button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false]) label,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:initial}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:initial;cursor:var(--db-overwrite-cursor,pointer)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:initial;cursor:var(--db-overwrite-cursor,pointer)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked):before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked){--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag button:nth-of-type(2):not([hidden]),.db-tag dbbutton:nth-of-type(2):not([hidden]),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button:not([hidden]){display:none}.db-tag>:is([class=db-checkbox],[class=db-radio],[class=db-link],[class=db-button]){block-size:100%}.db-tag[data-show-check-state=true] label{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"circle";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false]):after{--db-icon-trailing:"check_circle";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-tag label{align-items:center;inline-size:100%;margin-inline-start:0}.db-tag label:not([hidden]){display:flex}@media (forced-colors:active){.db-tag label:not(:has(input:checked)){border-style:dashed}}.db-tag label:after{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs)}.db-tag label:has(input:checked){border-width:var(--db-border-width-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{appearance:none;aspect-ratio:unset;block-size:100%;border:0;border-radius:inherit;cursor:pointer;inline-size:100%;inset:0;margin-inline-end:0;position:absolute}.db-tag label input:checked:not([data-show-icon-leading=false]):before{content:none}.db-tag a{align-items:center;text-decoration:none}.db-tag a:not([hidden]){display:inline-flex}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:is(:hover,:focus,:active){color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:0}.db-tag a,.db-tag button,.db-tag label{appearance:none;block-size:inherit;border-radius:var(--db-border-radius-xs);font-weight:700;padding:0 var(--db-spacing-fixed-2xs)}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag:has(:disabled),.db-tag[data-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){aspect-ratio:1/1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);border-end-start-radius:0;border-inline-start:0;border-color:var(--db-tag-border-color);border-start-start-radius:0;color:currentcolor}dialog{border:0;color:inherit;margin:0;padding:0;z-index:9996}dialog:not([data-position=absolute])[data-backdrop],dialog:not([data-position=absolute])[data-variant]{inset:0;position:fixed;z-index:9995}dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none]):before{content:"";inset:0;position:fixed}dialog:not([data-backdrop=none])::backdrop,dialog:not([data-backdrop=none]):before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg))}dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop,dialog:not([data-backdrop=none])[data-backdrop=invisible]:before{background-color:initial}dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop,dialog:not([data-backdrop=none])[data-backdrop=weak]:before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-sm))}.db-drawer .db-drawer-container:not([data-direction]),.db-drawer .db-drawer-container[data-direction=right]{inset-inline:auto 0;transform:translateX(110%)}.db-drawer [data-rounded=true].db-drawer-container:not([data-direction]),.db-drawer [data-rounded=true].db-drawer-container[data-direction=right]{border-end-start-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto;transform:translateX(-110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-end-end-radius:var(--db-border-radius-sm);border-start-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none;min-block-size:var(--db-drawer-min-height,auto)}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0;transform:translateY(110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto;transform:translateY(-110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer .db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:100%;box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;inline-size:100%;position:fixed}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)));min-inline-size:var(--db-drawer-min-width,auto)}.db-drawer .db-drawer-container:not([data-width=full]):not([data-direction]),.db-drawer .db-drawer-container:not([data-width=full])[data-direction=right]{border-inline-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=left]{border-inline-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=up]{border-block-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=down]{border-block-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}@media (prefers-reduced-motion:no-preference){.db-drawer .db-drawer-container{transition:transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}.db-drawer .db-drawer-container .db-drawer-header{display:none;--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-drawer .db-drawer-container .db-drawer-header:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-drawer .db-drawer-container .db-drawer-header{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{font-weight:700;margin-block:auto}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[data-position=absolute]{background-color:initial;block-size:100%;inline-size:100%;inset:0;position:absolute;z-index:3}.db-drawer[data-position=absolute][open]{display:flex}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=left],.db-drawer[data-position=absolute][data-direction=right]{flex-direction:column}.db-drawer[data-position=absolute][data-direction=down],.db-drawer[data-position=absolute][data-direction=left]{align-items:start}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=right],.db-drawer[data-position=absolute][data-direction=up]{align-items:end}.db-drawer[data-position=absolute] .db-drawer-container{position:relative}.db-drawer[open] .db-drawer-container[data-transition=open]:not([data-direction]),.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=down],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=left],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=right],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=up]{transform:none}@media (prefers-reduced-motion:no-preference){.db-drawer[open] .db-drawer-container[data-transition=close]{transition:transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}[data-icon].db-custom-select:not([data-show-icon=false]),[data-icon].db-select:not([data-show-icon=false]){--db-form-has-before:1}.db-custom-select-placeholder,.db-select-placeholder{inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute}@media (prefers-reduced-motion:no-preference){.db-custom-select-placeholder,.db-select-placeholder{transition:opacity var(--db-transition-straight-emotional),outline var(--db-transition-duration-extra-fast),border-color var(--db-transition-straight-emotional),background-color var(--db-transition-straight-emotional)}}.db-custom-select [id$=-placeholder],.db-select [id$=-placeholder]{--label-block-start:calc(var(--db-base-body-icon-font-size-xs) + var(--db-spacing-fixed-xs));--label-block-start-half:calc(var(--label-block-start)*-1/2);inline-size:calc(100% - var(--db-form-component-padding-inline-end) - var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) - var(--db-spacing-fixed-sm));inset-block-start:calc(var(--label-block-start)*var(--db-label-visible-height, 1) + var(--db-sizing-md)/2);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateY(var(--label-block-start-half));white-space:nowrap}.db-select{--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));--db-form-component-min-inline-size:var(--db-sizing-xl);min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));--db-form-has-before:0;flex-direction:column;position:relative}.db-select:not([hidden]){display:flex}.db-select[data-hide-label=true],.db-select[data-variant=floating]{--db-label-visible-above:0}.db-select:not([data-hide-asterisk=true]):has(select:required):is(label):after,.db-select:not([data-hide-asterisk=true]):has(select:required)>label:after,.db-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-select:not([data-hide-asterisk=true]):has(select:required):is(label):after,.db-select:not([data-hide-asterisk=true]):has(select:required)>label:after,.db-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-select[data-variant=floating]:has(select:not([data-custom-validity]):is(:required):user-valid) label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select[data-custom-validity=valid]) label,.db-select[data-variant=floating][data-custom-validity=valid] label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select:not([data-custom-validity]):is(:required):user-invalid) label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select[data-custom-validity=invalid]) label,.db-select[data-variant=floating][data-custom-validity=invalid] label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]>label{font-style:italic;inset-block-start:calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm));opacity:var(--db-opacity-xl);pointer-events:none;position:absolute;z-index:2}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select::placeholder{opacity:0;transition:none}.db-select[data-variant=floating] select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{opacity:0;transition:none}.db-select[data-variant=floating] select{padding-block-start:var(--db-base-body-icon-font-size-2xs)}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl);padding-block-start:var(--db-base-body-icon-font-size-2xs)}@media (prefers-reduced-motion:no-preference){.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl);padding-block-start:var(--db-base-body-icon-font-size-2xs)}@media (prefers-reduced-motion:no-preference){.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{transition:opacity var(--db-transition-straight-emotional)}}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>.db-infotext[data-semantic=successful]:not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]){display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select,.db-select[data-custom-validity=valid] [id$=-placeholder],.db-select[data-custom-validity=valid] select{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-select:has(select[data-custom-validity=valid])>.db-infotext[data-semantic=successful]:not([hidden]),.db-select:has(select[data-custom-validity=valid])>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]),.db-select[data-custom-validity=valid]>.db-infotext[data-semantic=successful]:not([hidden]),.db-select[data-custom-validity=valid]>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]){display:flex}.db-select:has(select[data-custom-validity=valid])>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select[data-custom-validity=valid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=valid]>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=valid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext[data-semantic=critical]:not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select,.db-select[data-custom-validity=invalid] [id$=-placeholder],.db-select[data-custom-validity=invalid] select{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-select:has(select[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-select[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-select:has(select[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select [id$=-placeholder],.db-select select::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-select select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-select select{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.db-select>label{transition:font-size var(--db-transition-straight-emotional)}}.db-select[data-hide-label=true]>label{padding:0}.db-select:has(select:disabled,select[data-disabled=true],select[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-select:after,.db-select:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-select:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-select:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-select[data-icon]:not([data-show-icon=false]){--db-form-component-min-inline-size:var(--db-sizing-2xl)}.db-select select{text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select[data-hide-label=true]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select option{background-color:var(--db-adaptive-bg-basic-level-1-default);color:var(--db-adaptive-on-bg-basic-emphasis-100-default)}.db-select optgroup{background-color:var(--db-adaptive-bg-basic-level-3-default)}.db-select:has(>select option:checked:not(.placeholder)) [id$=-placeholder],.db-select:has(>select option:checked:not(.placeholder)) option[data-show-empty-option=false]{display:none}@media (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):is(:hover,:focus-visible):is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):is(:hover,:focus-visible)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:is(:hover,:focus-visible)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:is(:hover,:focus-visible):is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{align-items:center;background-color:var(--db-adaptive-bg-basic-transparent-full-default);border-radius:var(--db-border-radius-sm);cursor:pointer;inline-size:100%;justify-content:space-between;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);text-align:center;white-space:nowrap}.db-navigation-item .db-navigation-item-expand-button:not([hidden]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:not([hidden]),.db-navigation-item a:not([hidden]){display:inline-flex}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-full-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:is(:hover,:focus)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:is(:hover,:focus)),.db-navigation-item a:has(~.db-sub-navigation:is(:hover,:focus)){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-navigation-item{--db-has-before:0;inline-size:auto;position:relative}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]):before,.db-navigation-item[data-icon]:not([data-show-icon=false]):before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-icon-passing-inline-start,var(--db-spacing-fixed-sm));pointer-events:none;position:absolute;z-index:1}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) a,.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) button,.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) label,.db-navigation-item[data-icon]:not([data-show-icon=false]) a,.db-navigation-item[data-icon]:not([data-show-icon=false]) button,.db-navigation-item[data-icon]:not([data-show-icon=false]) label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item:not([hidden]){display:inline-flex}.db-navigation-item[data-wrap=true] :is(a,.db-navigation-item-expand-button):first-of-type{text-align:start;white-space:normal}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{transform:translateX(0);visibility:visible}@media (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{transition:visibility 0s linear 0s,transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transform:translateX(110%)}@media (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0s linear .41s,transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}@media (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{transform:translateX(0);visibility:visible}}@media (max-width:63.9375em) and (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{transition:visibility 0s linear 0s,transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}@media (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transform:translateX(110%)}}@media (max-width:63.9375em) and (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0s linear .41s,transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing=false]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"chevron_right";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing=false]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item:has([data-active=true])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button),.db-navigation-item[data-active=true]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-sub-navigation{background-color:var(--db-adaptive-bg-basic-level-1-default);flex-direction:column;inset-inline-start:0;margin:0;visibility:hidden;z-index:70}.db-sub-navigation:not([hidden]){display:flex}.db-sub-navigation[data-force-mobile=true]{inline-size:100%;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs));overflow:hidden auto;padding:var(--db-spacing-fixed-md);position:fixed}@media (max-width:63.9375em){.db-sub-navigation{inline-size:100%;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs));overflow:hidden auto;padding:var(--db-spacing-fixed-md);position:fixed}}@media (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back:not([hidden]),.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back:not([hidden]){display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);inset-block-start:calc(100% + var(--db-spacing-fixed-md));min-inline-size:var(--db-container-xs);padding:var(--db-spacing-fixed-sm);position:absolute;transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{inset-inline-start:100%;transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]):is(:hover,:focus-within):not([data-force-close=true]),.db-sub-navigation[data-force-mobile=false]:is(:hover,:focus-within):not([data-force-close=true]){visibility:visible}.db-sub-navigation:not([data-force-mobile])[data-force-close=true],.db-sub-navigation[data-force-mobile=false][data-force-close=true]{pointer-events:none}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));content:"";inline-size:100%;inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs));inset-inline-start:0;position:absolute}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=bottom]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]{inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1);transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right]:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]:before{inset-block:auto 0;transform:translateX(100%) scaleX(-1)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{background:#0000;block-size:100%;clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%));content:"";inline-size:var(--db-navigation-item-inline-size,100%);inset-block-start:0;inset-inline-start:0;position:absolute;transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{block-size:100%;content:"";inline-size:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);padding:var(--db-spacing-fixed-xs);position:absolute}}.db-sub-navigation:empty:not([hidden]){display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{margin-inline-start:auto}.db-mobile-navigation-back{background-color:var(--db-adaptive-bg-basic-level-1-default);font-weight:400;margin-block-end:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-mobile-navigation-back:not([hidden]){display:flex}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-mobile-navigation-back:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-mobile-navigation-back{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@supports (field-sizing:content){.db-tab-list>ul[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]),.db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]){scrollbar-width:none}}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:.5rem;border-start-end-radius:var(--db-border-radius-xs);inline-size:.5rem;z-index:3}.db-tab-list>ul:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-tab-list>ul:is(:hover,:focus)::-webkit-scrollbar-track,.db-textarea textarea:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-textarea textarea:is(:hover,:focus)::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);background-position:50%;background-repeat:no-repeat;background-size:.5rem;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:is(:hover,:focus),.db-textarea textarea::-webkit-scrollbar-button:single-button:is(:hover,:focus){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-scrollbar-button-vertical-decrement);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-scrollbar-button-vertical-increment)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:horizontal:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:var(--db-scrollbar-button-horizontal-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:horizontal:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:var(--db-scrollbar-button-horizontal-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-full-default);background-image:var(--db-textarea-resizer-image);background-position:50%;background-repeat:no-repeat;background-size:.5rem;border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=none],.db-textarea textarea[data-hide-resizer=true]{resize:none}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=both]{resize:both}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=horizontal]{resize:horizontal}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=vertical]{resize:vertical}.db-textarea{min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));--db-form-has-before:0;flex-direction:column;position:relative}.db-textarea:not([hidden]){display:flex}.db-textarea[data-hide-label=true],.db-textarea[data-variant=floating]{--db-label-visible-above:0}.db-textarea:not([data-hide-asterisk=true]):has(textarea:required):is(label):after,.db-textarea:not([data-hide-asterisk=true]):has(textarea:required)>label:after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-textarea:not([data-hide-asterisk=true]):has(textarea:required):is(label):after,.db-textarea:not([data-hide-asterisk=true]):has(textarea:required)>label:after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-textarea[data-variant=floating]:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea[data-custom-validity=valid]) label,.db-textarea[data-variant=floating][data-custom-validity=valid] label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea[data-custom-validity=invalid]) label,.db-textarea[data-variant=floating][data-custom-validity=invalid] label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]>label{font-style:italic;inset-block-start:calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm));opacity:var(--db-opacity-xl);pointer-events:none;position:absolute;z-index:2}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{opacity:0;transition:none}.db-textarea[data-variant=floating] textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{opacity:0;transition:none}.db-textarea[data-variant=floating] textarea{padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}@media (prefers-reduced-motion:no-preference){.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}@media (prefers-reduced-motion:no-preference){.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{transition:opacity var(--db-transition-straight-emotional)}}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid){--db-textarea-read-only:var(--db-successful-bg-basic-level-1-default);--db-adaptive-bg-basic-transparent-full-default:var(
1791
+ );background-color:var(--db-informational-bg-basic-level-1-default);border-color:var(--db-tag-border-color);color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]):after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]):before,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]):after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]):before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]:before{--db-icon-color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]{--db-tag-border-color:var(--db-informational-on-bg-basic-emphasis-70-default);background-color:var(--db-informational-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-informational-on-bg-vibrant-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]:before{--db-icon-color:var(--db-informational-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a){--db-icon-margin-end:var(--db-spacing-fixed-2xs)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false]):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]):before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-icon-passing-inline-start,var(--db-spacing-fixed-2xs));pointer-events:none;position:absolute;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false]) button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false]) label,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:initial}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:initial;cursor:var(--db-overwrite-cursor,pointer)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:initial;cursor:var(--db-overwrite-cursor,pointer)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked):before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked){--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag button:nth-of-type(2):not([hidden]),.db-tag dbbutton:nth-of-type(2):not([hidden]),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button:not([hidden]){display:none}.db-tag>:is([class=db-checkbox],[class=db-radio],[class=db-link],[class=db-button]){block-size:100%}.db-tag[data-show-check-state=true] label{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"circle";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false]):after{--db-icon-trailing:"check_circle";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-tag label{align-items:center;inline-size:100%;margin-inline-start:0}.db-tag label:not([hidden]){display:flex}@media (forced-colors:active){.db-tag label:not(:has(input:checked)){border-style:dashed}}.db-tag label:after{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs)}.db-tag label:has(input:checked){border-width:var(--db-border-width-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{appearance:none;aspect-ratio:unset;block-size:100%;border:0;border-radius:inherit;cursor:pointer;inline-size:100%;inset:0;margin-inline-end:0;position:absolute}.db-tag label input:checked:not([data-show-icon-leading=false]):before{content:none}.db-tag a{align-items:center;text-decoration:none}.db-tag a:not([hidden]){display:inline-flex}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:is(:hover,:focus,:active){color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:0}.db-tag a,.db-tag button,.db-tag label{appearance:none;block-size:inherit;border-radius:var(--db-border-radius-xs);font-weight:700;padding:0 var(--db-spacing-fixed-2xs)}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag:has(:disabled),.db-tag[data-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){aspect-ratio:1/1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);border-end-start-radius:0;border-inline-start:0;border-color:var(--db-tag-border-color);border-start-start-radius:0;color:currentcolor}dialog[class^=db-]{border:0;color:inherit;margin:0;padding:0;z-index:9996}dialog[class^=db-]:not([data-position=absolute])[data-backdrop],dialog[class^=db-]:not([data-position=absolute])[data-variant]{inset:0;position:fixed;z-index:9995}dialog[class^=db-]:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none]):before{content:"";inset:0;position:fixed}dialog[class^=db-]:not([data-backdrop=none])::backdrop,dialog[class^=db-]:not([data-backdrop=none]):before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg))}dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=invisible]::backdrop,dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=invisible]:before{background-color:initial}dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=weak]::backdrop,dialog[class^=db-]:not([data-backdrop=none])[data-backdrop=weak]:before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-sm))}.db-drawer .db-drawer-container:not([data-direction]),.db-drawer .db-drawer-container[data-direction=right]{inset-inline:auto 0;transform:translateX(110%)}.db-drawer [data-rounded=true].db-drawer-container:not([data-direction]),.db-drawer [data-rounded=true].db-drawer-container[data-direction=right]{border-end-start-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto;transform:translateX(-110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-end-end-radius:var(--db-border-radius-sm);border-start-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none;min-block-size:var(--db-drawer-min-height,auto)}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0;transform:translateY(110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto;transform:translateY(-110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer .db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:100%;box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;inline-size:100%;position:fixed}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)));min-inline-size:var(--db-drawer-min-width,auto)}.db-drawer .db-drawer-container:not([data-width=full]):not([data-direction]),.db-drawer .db-drawer-container:not([data-width=full])[data-direction=right]{border-inline-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=left]{border-inline-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=up]{border-block-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=down]{border-block-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}@media (prefers-reduced-motion:no-preference){.db-drawer .db-drawer-container{transition:transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}.db-drawer .db-drawer-container .db-drawer-header{display:none;--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-drawer .db-drawer-container .db-drawer-header:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-drawer .db-drawer-container .db-drawer-header{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{font-weight:700;margin-block:auto}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[data-position=absolute]{background-color:initial;block-size:100%;inline-size:100%;inset:0;position:absolute;z-index:3}.db-drawer[data-position=absolute][open]{display:flex}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=left],.db-drawer[data-position=absolute][data-direction=right]{flex-direction:column}.db-drawer[data-position=absolute][data-direction=down],.db-drawer[data-position=absolute][data-direction=left]{align-items:start}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=right],.db-drawer[data-position=absolute][data-direction=up]{align-items:end}.db-drawer[data-position=absolute] .db-drawer-container{position:relative}.db-drawer[open] .db-drawer-container[data-transition=open]:not([data-direction]),.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=down],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=left],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=right],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=up]{transform:none}@media (prefers-reduced-motion:no-preference){.db-drawer[open] .db-drawer-container[data-transition=close]{transition:transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}[data-icon].db-custom-select:not([data-show-icon=false]),[data-icon].db-select:not([data-show-icon=false]){--db-form-has-before:1}.db-custom-select-placeholder,.db-select-placeholder{inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute}@media (prefers-reduced-motion:no-preference){.db-custom-select-placeholder,.db-select-placeholder{transition:opacity var(--db-transition-straight-emotional),outline var(--db-transition-duration-extra-fast),border-color var(--db-transition-straight-emotional),background-color var(--db-transition-straight-emotional)}}.db-custom-select [id$=-placeholder],.db-select [id$=-placeholder]{--label-block-start:calc(var(--db-base-body-icon-font-size-xs) + var(--db-spacing-fixed-xs));--label-block-start-half:calc(var(--label-block-start)*-1/2);inline-size:calc(100% - var(--db-form-component-padding-inline-end) - var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) - var(--db-spacing-fixed-sm));inset-block-start:calc(var(--label-block-start)*var(--db-label-visible-height, 1) + var(--db-sizing-md)/2);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateY(var(--label-block-start-half));white-space:nowrap}.db-select{--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));--db-form-component-min-inline-size:var(--db-sizing-xl);min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));--db-form-has-before:0;flex-direction:column;position:relative}.db-select:not([hidden]){display:flex}.db-select[data-hide-label=true],.db-select[data-variant=floating]{--db-label-visible-above:0}.db-select:not([data-hide-asterisk=true]):has(select:required):is(label):after,.db-select:not([data-hide-asterisk=true]):has(select:required)>label:after,.db-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-select:not([data-hide-asterisk=true]):has(select:required):is(label):after,.db-select:not([data-hide-asterisk=true]):has(select:required)>label:after,.db-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-select[data-variant=floating]:has(select:not([data-custom-validity]):is(:required):user-valid) label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select[data-custom-validity=valid]) label,.db-select[data-variant=floating][data-custom-validity=valid] label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select:not([data-custom-validity]):is(:required):user-invalid) label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select[data-custom-validity=invalid]) label,.db-select[data-variant=floating][data-custom-validity=invalid] label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]>label{font-style:italic;inset-block-start:calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm));opacity:var(--db-opacity-xl);pointer-events:none;position:absolute;z-index:2}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select::placeholder{opacity:0;transition:none}.db-select[data-variant=floating] select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{opacity:0;transition:none}.db-select[data-variant=floating] select{padding-block-start:var(--db-base-body-icon-font-size-2xs)}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl);padding-block-start:var(--db-base-body-icon-font-size-2xs)}@media (prefers-reduced-motion:no-preference){.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl);padding-block-start:var(--db-base-body-icon-font-size-2xs)}@media (prefers-reduced-motion:no-preference){.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{transition:opacity var(--db-transition-straight-emotional)}}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>.db-infotext[data-semantic=successful]:not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]){display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select,.db-select[data-custom-validity=valid] [id$=-placeholder],.db-select[data-custom-validity=valid] select{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-select:has(select[data-custom-validity=valid])>.db-infotext[data-semantic=successful]:not([hidden]),.db-select:has(select[data-custom-validity=valid])>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]),.db-select[data-custom-validity=valid]>.db-infotext[data-semantic=successful]:not([hidden]),.db-select[data-custom-validity=valid]>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]){display:flex}.db-select:has(select[data-custom-validity=valid])>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select[data-custom-validity=valid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=valid]>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=valid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext[data-semantic=critical]:not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select,.db-select[data-custom-validity=invalid] [id$=-placeholder],.db-select[data-custom-validity=invalid] select{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-select:has(select[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-select[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-select:has(select[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select [id$=-placeholder],.db-select select::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-select select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-select select{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-select select:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.db-select>label{transition:font-size var(--db-transition-straight-emotional)}}.db-select[data-hide-label=true]>label{padding:0}.db-select:has(select:disabled,select[data-disabled=true],select[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-select:after,.db-select:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-select:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-select:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-select[data-icon]:not([data-show-icon=false]){--db-form-component-min-inline-size:var(--db-sizing-2xl)}.db-select select{text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select[data-hide-label=true]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select option{background-color:var(--db-adaptive-bg-basic-level-1-default);color:var(--db-adaptive-on-bg-basic-emphasis-100-default)}.db-select optgroup{background-color:var(--db-adaptive-bg-basic-level-3-default)}.db-select:has(>select option:checked:not(.placeholder)) [id$=-placeholder],.db-select:has(>select option:checked:not(.placeholder)) option[data-show-empty-option=false]{display:none}@media (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):is(:hover,:focus-visible):is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):is(:hover,:focus-visible)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:is(:hover,:focus-visible)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:is(:hover,:focus-visible):is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{align-items:center;background-color:var(--db-adaptive-bg-basic-transparent-full-default);border-radius:var(--db-border-radius-sm);cursor:pointer;inline-size:100%;justify-content:space-between;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);text-align:center;white-space:nowrap}.db-navigation-item .db-navigation-item-expand-button:not([hidden]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:not([hidden]),.db-navigation-item a:not([hidden]){display:inline-flex}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-full-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:is(:hover,:focus)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:is(:hover,:focus)),.db-navigation-item a:has(~.db-sub-navigation:is(:hover,:focus)){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-navigation-item{--db-has-before:0;inline-size:auto;position:relative}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]):before,.db-navigation-item[data-icon]:not([data-show-icon=false]):before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-icon-passing-inline-start,var(--db-spacing-fixed-sm));pointer-events:none;position:absolute;z-index:1}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) a,.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) button,.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) label,.db-navigation-item[data-icon]:not([data-show-icon=false]) a,.db-navigation-item[data-icon]:not([data-show-icon=false]) button,.db-navigation-item[data-icon]:not([data-show-icon=false]) label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item:not([hidden]){display:inline-flex}.db-navigation-item[data-wrap=true] :is(a,.db-navigation-item-expand-button):first-of-type{text-align:start;white-space:normal}.db-navigation-item[data-force-mobile=true]:not([data-width=full]){inline-size:100%}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media (max-width:63.9375em){.db-navigation-item:not([data-width=full]){inline-size:100%}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{transform:translateX(0);visibility:visible}@media (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{transition:visibility 0s linear 0s,transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{border-color:#0000;inline-size:100%;inset:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transform:translateX(110%)}@media (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0s linear .41s,transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}@media (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{transform:translateX(0);visibility:visible}}@media (max-width:63.9375em) and (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{transition:visibility 0s linear 0s,transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}@media (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{border-color:#0000;inline-size:100%;inset:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transform:translateX(110%)}}@media (max-width:63.9375em) and (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0s linear .41s,transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing=false]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"chevron_right";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing=false]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item:has([data-active=true])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button),.db-navigation-item[data-active=true]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-sub-navigation{background-color:var(--db-adaptive-bg-basic-level-1-default);flex-direction:column;inset-inline-start:0;margin:0;visibility:hidden;z-index:70}.db-sub-navigation:not([hidden]){display:flex}.db-sub-navigation[data-force-mobile=true]{inline-size:calc(100% - var(--db-spacing-fixed-xl));inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2);inset-inline-start:var(--db-spacing-fixed-xl);overflow:hidden auto;padding:var(--db-spacing-fixed-md);position:fixed}@media (max-width:63.9375em){.db-sub-navigation{inline-size:calc(100% - var(--db-spacing-fixed-xl));inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2);inset-inline-start:var(--db-spacing-fixed-xl);overflow:hidden auto;padding:var(--db-spacing-fixed-md);position:fixed}}@media (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back:not([hidden]),.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back:not([hidden]){display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);inset-block-start:calc(100% + var(--db-spacing-fixed-md));min-inline-size:var(--db-container-xs);padding:var(--db-spacing-fixed-sm);position:absolute;transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{inset-inline-start:100%;transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]):is(:hover,:focus-within):not([data-force-close=true]),.db-sub-navigation[data-force-mobile=false]:is(:hover,:focus-within):not([data-force-close=true]){visibility:visible}.db-sub-navigation:not([data-force-mobile])[data-force-close=true],.db-sub-navigation[data-force-mobile=false][data-force-close=true]{pointer-events:none}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));content:"";inline-size:100%;inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs));inset-inline-start:0;position:absolute}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=bottom]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]{inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1);transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right]:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]:before{inset-block:auto 0;transform:translateX(100%) scaleX(-1)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{background:#0000;block-size:100%;clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%));content:"";inline-size:var(--db-navigation-item-inline-size,100%);inset-block-start:0;inset-inline-start:0;position:absolute;transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{block-size:100%;content:"";inline-size:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);padding:var(--db-spacing-fixed-xs);position:absolute}}.db-sub-navigation:empty:not([hidden]){display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{margin-inline-start:auto}.db-mobile-navigation-back{background-color:var(--db-adaptive-bg-basic-level-1-default);font-weight:400;margin-block-end:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-mobile-navigation-back:not([hidden]){display:flex}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-mobile-navigation-back:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-mobile-navigation-back{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@supports (field-sizing:content){.db-tab-list>ul[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]),.db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]){scrollbar-width:none}}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:.5rem;border-start-end-radius:var(--db-border-radius-xs);inline-size:.5rem;z-index:3}.db-tab-list>ul:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-tab-list>ul:is(:hover,:focus)::-webkit-scrollbar-track,.db-textarea textarea:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-textarea textarea:is(:hover,:focus)::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);background-position:50%;background-repeat:no-repeat;background-size:.5rem;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:is(:hover,:focus),.db-textarea textarea::-webkit-scrollbar-button:single-button:is(:hover,:focus){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-scrollbar-button-vertical-decrement);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-scrollbar-button-vertical-increment)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:horizontal:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:var(--db-scrollbar-button-horizontal-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:horizontal:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:var(--db-scrollbar-button-horizontal-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-full-default);background-image:var(--db-textarea-resizer-image);background-position:50%;background-repeat:no-repeat;background-size:.5rem;border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=none],.db-textarea textarea[data-hide-resizer=true]{resize:none}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=both]{resize:both}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=horizontal]{resize:horizontal}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=vertical]{resize:vertical}.db-textarea{min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));--db-form-has-before:0;flex-direction:column;position:relative}.db-textarea:not([hidden]){display:flex}.db-textarea[data-hide-label=true],.db-textarea[data-variant=floating]{--db-label-visible-above:0}.db-textarea:not([data-hide-asterisk=true]):has(textarea:required):is(label):after,.db-textarea:not([data-hide-asterisk=true]):has(textarea:required)>label:after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-textarea:not([data-hide-asterisk=true]):has(textarea:required):is(label):after,.db-textarea:not([data-hide-asterisk=true]):has(textarea:required)>label:after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-textarea[data-variant=floating]:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea[data-custom-validity=valid]) label,.db-textarea[data-variant=floating][data-custom-validity=valid] label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea[data-custom-validity=invalid]) label,.db-textarea[data-variant=floating][data-custom-validity=invalid] label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]>label{font-style:italic;inset-block-start:calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm));opacity:var(--db-opacity-xl);pointer-events:none;position:absolute;z-index:2}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{opacity:0;transition:none}.db-textarea[data-variant=floating] textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{opacity:0;transition:none}.db-textarea[data-variant=floating] textarea{padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}@media (prefers-reduced-motion:no-preference){.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}@media (prefers-reduced-motion:no-preference){.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{transition:opacity var(--db-transition-straight-emotional)}}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid){--db-textarea-read-only:var(--db-successful-bg-basic-level-1-default);--db-adaptive-bg-basic-transparent-full-default:var(
1792
1792
  --db-successful-bg-basic-transparent-full-default
1793
1793
  );--db-adaptive-bg-basic-transparent-semi-default:var(
1794
1794
  --db-successful-bg-basic-transparent-semi-default