@db-ux/core-components 5.0.0 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/build/components/select/select.css +6 -0
- package/build/components/select/select.scss +7 -0
- package/build/styles/absolute.css +1 -1
- package/build/styles/bundle.css +1 -1
- package/build/styles/index.css +1 -1
- package/build/styles/relative.css +1 -1
- package/build/styles/rollup.css +1 -1
- package/build/styles/webpack.css +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @db-ux/core-components
|
|
2
2
|
|
|
3
|
+
## 5.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- fix: drawer close handling by removing timeout state management - [see commit 45d93f0](https://github.com/db-ux-design-system/core-web/commit/45d93f010bf0caece669f96c6f00d288ebdf5363)
|
|
8
|
+
|
|
9
|
+
- fix(select): icon overlapping the floating label - [see commit 9dff6ed](https://github.com/db-ux-design-system/core-web/commit/9dff6ed85fa5e2f6aebd89b3b2662e3a017b196e)
|
|
10
|
+
|
|
3
11
|
## 5.0.0
|
|
4
12
|
|
|
5
13
|
We're providing a [migration guide for all 4.x to 5.0.0](https://github.com/db-ux-design-system/core-web/blob/main/docs/migration/v4.x.x-to-v5.0.0.md) changes.
|
|
@@ -799,6 +799,12 @@ select[aria-disabled=true]) {
|
|
|
799
799
|
.db-select[data-icon]:not([data-show-icon=false]) {
|
|
800
800
|
--db-form-component-min-inline-size: var(--db-sizing-2xl);
|
|
801
801
|
}
|
|
802
|
+
.db-select[data-icon]:not([data-show-icon=false]) label {
|
|
803
|
+
--db-form-component-padding-inline-start: calc(
|
|
804
|
+
calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm))) +
|
|
805
|
+
var(--db-spacing-fixed-sm)
|
|
806
|
+
);
|
|
807
|
+
}
|
|
802
808
|
.db-select select {
|
|
803
809
|
text-indent: calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));
|
|
804
810
|
}
|
|
@@ -23,6 +23,13 @@
|
|
|
23
23
|
// increased inline size for elements with icons
|
|
24
24
|
&[data-icon]:not([data-show-icon="false"]) {
|
|
25
25
|
--db-form-component-min-inline-size: #{variables.$db-sizing-2xl};
|
|
26
|
+
|
|
27
|
+
label {
|
|
28
|
+
--db-form-component-padding-inline-start: calc(
|
|
29
|
+
#{select-components.$has-before-padding} +
|
|
30
|
+
#{variables.$db-spacing-fixed-sm}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
26
33
|
}
|
|
27
34
|
|
|
28
35
|
select {
|
|
@@ -1802,7 +1802,7 @@
|
|
|
1802
1802
|
--db-warning-on-bg-basic-emphasis-60-default
|
|
1803
1803
|
);border-color:var(--db-tag-border-color);background-color:var(--db-warning-bg-basic-level-1-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-warning-bg-vibrant-default);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(
|
|
1804
1804
|
--db-informational-on-bg-basic-emphasis-60-default
|
|
1805
|
-
);border-color:var(--db-tag-border-color);background-color:var(--db-informational-bg-basic-level-1-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-informational-bg-vibrant-default);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)[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{position:absolute;inset-block-start:var(--db-icon-passing-inset-block-start,calc(50% - .5em));inset-inline-start:var(--db-icon-passing-inset-inline-start,var(--db-spacing-fixed-2xs));pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false])>*>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false])>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false])>*>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false])>:is(label,button,a){padding-inline-start:var(--db-icon-passing-padding-inline-start,calc(var(--db-spacing-fixed-2xs) + var(--db-spacing-fixed-2xs) + var(--db-icon-font-size, 1lh)))}.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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active,.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,pointer);background-color:initial}.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);border-color:var(--db-tag-border-color);background-color:var(--db-adaptive-bg-vibrant-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-adaptive-bg-vibrant-default);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:has(input[type=radio]:checked){--db-overwrite-cursor:default}.db-tag[data-show-check-state=true] label{gap: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))}@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))}@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{inline-size:100%;margin-inline-start:0}.db-tag label:not([hidden]){display:flex}.db-tag label{align-items:center}@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;inline-size:100%;block-size:100%;position:absolute;margin-inline-end:0;border:0;border-radius:inherit;cursor:pointer;inset:0;aspect-ratio:unset}.db-tag label input:checked:not([data-show-icon-leading=false]):before{content:none}.db-tag a:not([hidden]){display:inline-flex}.db-tag a{align-items:center;text-decoration:none}.db-tag a:after{--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 :is(a,button,label){block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-xs);font-weight:700;appearance:none}.db-tag :is(db-button,db-checkbox,db-link,db-radio,dbbutton,dbcheckbox,dblink,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){background-color:var(--db-adaptive-bg-basic-transparent-full-default);color:currentcolor;aspect-ratio:1/1;border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;border-color:var(--db-tag-border-color)}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}dialog:not([data-position=absolute])[data-backdrop],dialog:not([data-position=absolute])[data-variant]{position:fixed;inset:0;z-index:9995}dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none]):before{content:"";position:fixed;inset:0}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=to-left],.db-drawer .db-drawer-container[data-direction=to-right]{inline-size:calc(var(--db-drawer-inline-size) - var(--db-drawer-container-backdrop-spacing, 0px));min-inline-size:var(--db-drawer-min-width,auto);max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal))}.db-drawer .db-drawer-container:not([data-container-size]):not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]:not([data-container-size]),.db-drawer .db-drawer-container[data-direction=to-right]:not([data-container-size]),.db-drawer [data-container-size=small].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=small].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=small].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-xs)}.db-drawer [data-container-size=medium].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=medium].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=medium].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-lg)}.db-drawer [data-container-size=large].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=large].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=large].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-3xl)}.db-drawer :is(.db-drawer-container[data-direction=down],.db-drawer-container[data-direction=up]){block-size:calc(var(--db-drawer-block-size) - var(--db-drawer-container-backdrop-spacing, 0px));min-block-size:var(--db-drawer-min-height,auto);max-block-size:var(--db-drawer-max-height,var(--db-drawer-max-height-vertical))}.db-drawer :is([data-container-size=small].db-drawer-container[data-direction=down],[data-container-size=small].db-drawer-container[data-direction=up]){--db-drawer-max-height-vertical:calc(var(--db-drawer-block-size)/3)}.db-drawer :is([data-container-size=medium].db-drawer-container[data-direction=down],[data-container-size=medium].db-drawer-container[data-direction=up]){--db-drawer-max-height-vertical:calc(var(--db-drawer-block-size)/2)}.db-drawer .db-drawer-container[data-direction=down]:not([data-container-size]),.db-drawer .db-drawer-container[data-direction=up]:not([data-container-size]),.db-drawer [data-container-size=large].db-drawer-container[data-direction=down],.db-drawer [data-container-size=large].db-drawer-container[data-direction=up]{--db-drawer-max-height-vertical:calc((var(--db-drawer-block-size)/3)*2)}.db-drawer .db-drawer-container[data-direction=to-right]:not([data-transition=open]){transform:translateX(-110%)}.db-drawer .db-drawer-container[data-direction=to-right]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=to-right]{border-start-end-radius:var(--db-border-radius-sm);border-end-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container:not([data-transition=open]):not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]:not([data-transition=open]){transform:translateX(110%)}.db-drawer .db-drawer-container:not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container:not([data-direction]),.db-drawer [data-rounded=true].db-drawer-container[data-direction=to-left]{border-start-start-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=up]:not([data-transition=open]){transform:translateY(110%)}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.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]:not([data-transition=open]){transform:translateY(-110%)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.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 .db-drawer-container:not(:has(.db-drawer-footer))>.db-drawer-content{margin-block-end:env(safe-area-inset-bottom)}.db-drawer .db-drawer-container:has(.db-drawer-footer) .db-drawer-footer{padding-block-end:calc(var(--db-spacing-fixed-xs) + env(safe-area-inset-bottom))}.db-drawer .db-drawer-container{--db-drawer-close-delay:0}@media (prefers-reduced-motion:no-preference){.db-drawer .db-drawer-container{--db-drawer-close-delay:var(--db-transition-duration-extra-slow)}}.db-drawer .db-drawer-container{display:grid;grid-template-rows:[header] auto [main] 1fr [footer] auto;background-color:var(--db-adaptive-bg-basic-level-1-default);inline-size:var(--db-drawer-inline-size);block-size:var(--db-drawer-block-size);position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container>.db-drawer-content{overflow-y:auto;overscroll-behavior:contain;padding:var(--db-drawer-content-padding,var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right))))}.db-drawer .db-drawer-container[data-show-spacing=true]{--db-drawer-container-backdrop-spacing:var(--db-sizing-md)}.db-drawer .db-drawer-container[data-show-spacing=true]:not([data-direction]),.db-drawer .db-drawer-container[data-show-spacing=true][data-direction=to-left]{border-inline-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-show-spacing=true][data-direction=to-right]{border-inline-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-show-spacing=true][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[data-show-spacing=true][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:not([data-position=absolute]){--db-drawer-inline-size:100lvw;--db-drawer-block-size:100lvh}.db-drawer:not([data-position=absolute])[open] .db-drawer-container[data-transition=open]{transform:none}@media (prefers-reduced-motion:no-preference){.db-drawer:not([data-position=absolute])[open] .db-drawer-container[data-transition=close]{transition:transform var(--db-drawer-close-delay) var(--db-transition-timing-emotional)}}.db-drawer[data-position=absolute]{--db-drawer-inline-size:100%;--db-drawer-block-size:100%;position:absolute;z-index:3;inset:0;background-color:initial;inline-size:var(--db-drawer-inline-size);block-size:var(--db-drawer-block-size)}.db-drawer[data-position=absolute][open]{display:flex}.db-drawer[data-position=absolute][open] .db-drawer-container[data-transition=close]{position:relative}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=to-left],.db-drawer[data-position=absolute][data-direction=to-right]{flex-direction:column}.db-drawer[data-position=absolute][data-direction=down],.db-drawer[data-position=absolute][data-direction=to-right]{align-items:flex-start}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=to-left],.db-drawer[data-position=absolute][data-direction=up]{align-items:flex-end}.db-drawer[data-position=absolute] .db-drawer-container[data-transition=open]{position:relative}[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{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:0}@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)}}:is(.db-custom-select,.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);position:absolute;pointer-events:none;transform:translateY(var(--label-block-start-half));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;white-space:nowrap;text-overflow:ellipsis;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))}.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;position:relative;flex-direction:column}.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{padding-inline-start:1px;content:"*"}@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{opacity:var(--db-opacity-xl);position:absolute;z-index:2;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));pointer-events:none;font-style:italic}.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{transition:none;opacity:0}.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{transition:none;opacity:0}.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{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1;font-style:normal}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic;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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic;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{color:var(--db-successful-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-successful-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-critical-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-critical-on-bg-basic-emphasis-100-default);caret-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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}.db-select select{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);appearance:none;max-inline-size:100%;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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,revert);background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-select>label{padding-block-end:var(--db-spacing-fixed-xs);max-inline-size:var(--db-label-max-size,100%);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@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{position:absolute;pointer-events:none;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);color:var(--db-adaptive-on-bg-basic-emphasis-100-default);transform:translateY(-50%);z-index:1}.db-select:before{margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end: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 select:is(:has(option:checked:not(.placeholder)),:open) option[data-show-empty-option=false],.db-select select:is(:has(option:checked:not(.placeholder)),:open)~[id$=-placeholder]{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{background-color:var(--db-adaptive-bg-basic-transparent-full-default);cursor:pointer;inline-size:100%;border-radius:var(--db-border-radius-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center;justify-content:space-between;gap:var(--db-spacing-fixed-sm)}.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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover,.db-navigation-item a:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,pointer);background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-navigation-item .db-navigation-item-expand-button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active,.db-navigation-item a:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active{cursor:var(--db-overwrite-cursor,pointer);background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.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}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]):before,.db-navigation-item[data-icon]:not([data-show-icon=false]):before{position:absolute;inset-block-start:var(--db-icon-passing-inset-block-start,calc(50% - .5em));inset-inline-start:var(--db-icon-passing-inset-inline-start,var(--db-spacing-fixed-sm));pointer-events:none;z-index:1}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])>*>:is(label,button,a),.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])>:is(label,button,a),.db-navigation-item[data-icon]:not([data-show-icon=false])>*>:is(label,button,a),.db-navigation-item[data-icon]:not([data-show-icon=false])>:is(label,button,a){padding-inline-start:var(--db-icon-passing-padding-inline-start,calc(var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-icon-font-size, 1lh)))}.db-navigation-item:not([hidden]){display:inline-flex}.db-navigation-item{position:relative;inline-size:auto}.db-navigation-item[data-wrap=true] :is(a,.db-navigation-item-expand-button):first-of-type{white-space:normal;text-align:start}.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{margin-inline-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{margin-inline-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{visibility:visible;transform:translateX(0)}@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:0;inline-size:100%;border-color:#0000}.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{visibility:visible;transform:translateX(0)}}@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:0;inline-size:100%;border-color:#0000}.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))}@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[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{margin-inline-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-sub-navigation{margin:0}.db-sub-navigation:not([hidden]){display:flex}.db-sub-navigation{flex-direction:column;z-index:70;background-color:var(--db-adaptive-bg-basic-level-1-default);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right)));inline-size:100%;max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal));position:fixed;overflow:hidden auto;inset-inline-end:0;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-top)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-bottom))}@media (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right)));inline-size:100%;max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal));position:fixed;overflow:hidden auto;inset-inline-end:0;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-top)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-bottom))}}@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);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:var(--db-container-xs);inset-block-start:calc(100% + var(--db-spacing-fixed-md));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]{transform:translateX(-100%);inset-inline-start: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{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs))}.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]{transform:translateX(-100%);inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1)}.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{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;block-size:100%;inline-size:var(--db-navigation-item-inline-size,100%);background:#0000;transform:translateX(-100%);clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.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:not([hidden]){display:flex}.db-mobile-navigation-back{font-weight:400;background-color:var(--db-adaptive-bg-basic-level-1-default);padding-block-end:var(--db-spacing-fixed-md);margin-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[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-width-3xs);inset-block-end:0;inset-inline:0}@media (forced-colors:active){.db-mobile-navigation-back:before{border-block-end:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@supports (field-sizing:content){.db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]),[data-field-sizing=content].db-tab-list:is([data-hide-resizer=true],[data-resize=none]){scrollbar-width:none}}.db-tab-list::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-adaptive-bg-basic-level-1-default);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-tab-list: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:read-only::-webkit-scrollbar-button:single-button,.db-tab-list: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::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-tab-list::-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::-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::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{border-start-end-radius:var(--db-border-radius-xs);background-image:var(--db-scrollbar-button-vertical-decrement)}.db-tab-list::-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::-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::-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-textarea textarea[data-variant=floating]::-webkit-resizer,[data-variant=floating].db-tab-list::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner,[data-variant=floating].db-tab-list::-webkit-scrollbar-corner{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-full-default);background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:var(--db-textarea-resizer-image);border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list::-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;position:relative;flex-direction:column}.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{padding-inline-start:1px;content:"*"}@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{opacity:var(--db-opacity-xl);position:absolute;z-index:2;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));pointer-events:none;font-style:italic}.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{transition:none;opacity:0}.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{transition:none;opacity:0}.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{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1;font-style:normal}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}@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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}@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(
|
|
1805
|
+
);border-color:var(--db-tag-border-color);background-color:var(--db-informational-bg-basic-level-1-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-informational-bg-vibrant-default);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)[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{position:absolute;inset-block-start:var(--db-icon-passing-inset-block-start,calc(50% - .5em));inset-inline-start:var(--db-icon-passing-inset-inline-start,var(--db-spacing-fixed-2xs));pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false])>*>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false])>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false])>*>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false])>:is(label,button,a){padding-inline-start:var(--db-icon-passing-padding-inline-start,calc(var(--db-spacing-fixed-2xs) + var(--db-spacing-fixed-2xs) + var(--db-icon-font-size, 1lh)))}.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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active,.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,pointer);background-color:initial}.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);border-color:var(--db-tag-border-color);background-color:var(--db-adaptive-bg-vibrant-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-adaptive-bg-vibrant-default);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:has(input[type=radio]:checked){--db-overwrite-cursor:default}.db-tag[data-show-check-state=true] label{gap: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))}@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))}@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{inline-size:100%;margin-inline-start:0}.db-tag label:not([hidden]){display:flex}.db-tag label{align-items:center}@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;inline-size:100%;block-size:100%;position:absolute;margin-inline-end:0;border:0;border-radius:inherit;cursor:pointer;inset:0;aspect-ratio:unset}.db-tag label input:checked:not([data-show-icon-leading=false]):before{content:none}.db-tag a:not([hidden]){display:inline-flex}.db-tag a{align-items:center;text-decoration:none}.db-tag a:after{--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 :is(a,button,label){block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-xs);font-weight:700;appearance:none}.db-tag :is(db-button,db-checkbox,db-link,db-radio,dbbutton,dbcheckbox,dblink,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){background-color:var(--db-adaptive-bg-basic-transparent-full-default);color:currentcolor;aspect-ratio:1/1;border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;border-color:var(--db-tag-border-color)}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}dialog:not([data-position=absolute])[data-backdrop],dialog:not([data-position=absolute])[data-variant]{position:fixed;inset:0;z-index:9995}dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none]):before{content:"";position:fixed;inset:0}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=to-left],.db-drawer .db-drawer-container[data-direction=to-right]{inline-size:calc(var(--db-drawer-inline-size) - var(--db-drawer-container-backdrop-spacing, 0px));min-inline-size:var(--db-drawer-min-width,auto);max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal))}.db-drawer .db-drawer-container:not([data-container-size]):not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]:not([data-container-size]),.db-drawer .db-drawer-container[data-direction=to-right]:not([data-container-size]),.db-drawer [data-container-size=small].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=small].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=small].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-xs)}.db-drawer [data-container-size=medium].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=medium].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=medium].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-lg)}.db-drawer [data-container-size=large].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=large].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=large].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-3xl)}.db-drawer :is(.db-drawer-container[data-direction=down],.db-drawer-container[data-direction=up]){block-size:calc(var(--db-drawer-block-size) - var(--db-drawer-container-backdrop-spacing, 0px));min-block-size:var(--db-drawer-min-height,auto);max-block-size:var(--db-drawer-max-height,var(--db-drawer-max-height-vertical))}.db-drawer :is([data-container-size=small].db-drawer-container[data-direction=down],[data-container-size=small].db-drawer-container[data-direction=up]){--db-drawer-max-height-vertical:calc(var(--db-drawer-block-size)/3)}.db-drawer :is([data-container-size=medium].db-drawer-container[data-direction=down],[data-container-size=medium].db-drawer-container[data-direction=up]){--db-drawer-max-height-vertical:calc(var(--db-drawer-block-size)/2)}.db-drawer .db-drawer-container[data-direction=down]:not([data-container-size]),.db-drawer .db-drawer-container[data-direction=up]:not([data-container-size]),.db-drawer [data-container-size=large].db-drawer-container[data-direction=down],.db-drawer [data-container-size=large].db-drawer-container[data-direction=up]{--db-drawer-max-height-vertical:calc((var(--db-drawer-block-size)/3)*2)}.db-drawer .db-drawer-container[data-direction=to-right]:not([data-transition=open]){transform:translateX(-110%)}.db-drawer .db-drawer-container[data-direction=to-right]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=to-right]{border-start-end-radius:var(--db-border-radius-sm);border-end-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container:not([data-transition=open]):not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]:not([data-transition=open]){transform:translateX(110%)}.db-drawer .db-drawer-container:not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container:not([data-direction]),.db-drawer [data-rounded=true].db-drawer-container[data-direction=to-left]{border-start-start-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=up]:not([data-transition=open]){transform:translateY(110%)}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.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]:not([data-transition=open]){transform:translateY(-110%)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.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 .db-drawer-container:not(:has(.db-drawer-footer))>.db-drawer-content{margin-block-end:env(safe-area-inset-bottom)}.db-drawer .db-drawer-container:has(.db-drawer-footer) .db-drawer-footer{padding-block-end:calc(var(--db-spacing-fixed-xs) + env(safe-area-inset-bottom))}.db-drawer .db-drawer-container{--db-drawer-close-delay:0}@media (prefers-reduced-motion:no-preference){.db-drawer .db-drawer-container{--db-drawer-close-delay:var(--db-transition-duration-extra-slow)}}.db-drawer .db-drawer-container{display:grid;grid-template-rows:[header] auto [main] 1fr [footer] auto;background-color:var(--db-adaptive-bg-basic-level-1-default);inline-size:var(--db-drawer-inline-size);block-size:var(--db-drawer-block-size);position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container>.db-drawer-content{overflow-y:auto;overscroll-behavior:contain;padding:var(--db-drawer-content-padding,var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right))))}.db-drawer .db-drawer-container[data-show-spacing=true]{--db-drawer-container-backdrop-spacing:var(--db-sizing-md)}.db-drawer .db-drawer-container[data-show-spacing=true]:not([data-direction]),.db-drawer .db-drawer-container[data-show-spacing=true][data-direction=to-left]{border-inline-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-show-spacing=true][data-direction=to-right]{border-inline-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-show-spacing=true][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[data-show-spacing=true][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:not([data-position=absolute]){--db-drawer-inline-size:100lvw;--db-drawer-block-size:100lvh}.db-drawer:not([data-position=absolute])[open] .db-drawer-container[data-transition=open]{transform:none}@media (prefers-reduced-motion:no-preference){.db-drawer:not([data-position=absolute])[open] .db-drawer-container[data-transition=close]{transition:transform var(--db-drawer-close-delay) var(--db-transition-timing-emotional)}}.db-drawer[data-position=absolute]{--db-drawer-inline-size:100%;--db-drawer-block-size:100%;position:absolute;z-index:3;inset:0;background-color:initial;inline-size:var(--db-drawer-inline-size);block-size:var(--db-drawer-block-size)}.db-drawer[data-position=absolute][open]{display:flex}.db-drawer[data-position=absolute][open] .db-drawer-container[data-transition=close]{position:relative}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=to-left],.db-drawer[data-position=absolute][data-direction=to-right]{flex-direction:column}.db-drawer[data-position=absolute][data-direction=down],.db-drawer[data-position=absolute][data-direction=to-right]{align-items:flex-start}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=to-left],.db-drawer[data-position=absolute][data-direction=up]{align-items:flex-end}.db-drawer[data-position=absolute] .db-drawer-container[data-transition=open]{position:relative}[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{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:0}@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)}}:is(.db-custom-select,.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);position:absolute;pointer-events:none;transform:translateY(var(--label-block-start-half));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;white-space:nowrap;text-overflow:ellipsis;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))}.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;position:relative;flex-direction:column}.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{padding-inline-start:1px;content:"*"}@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{opacity:var(--db-opacity-xl);position:absolute;z-index:2;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));pointer-events:none;font-style:italic}.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{transition:none;opacity:0}.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{transition:none;opacity:0}.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{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1;font-style:normal}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic;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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic;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{color:var(--db-successful-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-successful-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-critical-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-critical-on-bg-basic-emphasis-100-default);caret-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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}.db-select select{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);appearance:none;max-inline-size:100%;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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,revert);background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-select>label{padding-block-end:var(--db-spacing-fixed-xs);max-inline-size:var(--db-label-max-size,100%);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@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{position:absolute;pointer-events:none;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);color:var(--db-adaptive-on-bg-basic-emphasis-100-default);transform:translateY(-50%);z-index:1}.db-select:before{margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end: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[data-icon]:not([data-show-icon=false]) label{--db-form-component-padding-inline-start:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) + var(--db-spacing-fixed-sm))}.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 select:is(:has(option:checked:not(.placeholder)),:open) option[data-show-empty-option=false],.db-select select:is(:has(option:checked:not(.placeholder)),:open)~[id$=-placeholder]{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{background-color:var(--db-adaptive-bg-basic-transparent-full-default);cursor:pointer;inline-size:100%;border-radius:var(--db-border-radius-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center;justify-content:space-between;gap:var(--db-spacing-fixed-sm)}.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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover,.db-navigation-item a:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,pointer);background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-navigation-item .db-navigation-item-expand-button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active,.db-navigation-item a:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active{cursor:var(--db-overwrite-cursor,pointer);background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.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}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]):before,.db-navigation-item[data-icon]:not([data-show-icon=false]):before{position:absolute;inset-block-start:var(--db-icon-passing-inset-block-start,calc(50% - .5em));inset-inline-start:var(--db-icon-passing-inset-inline-start,var(--db-spacing-fixed-sm));pointer-events:none;z-index:1}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])>*>:is(label,button,a),.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])>:is(label,button,a),.db-navigation-item[data-icon]:not([data-show-icon=false])>*>:is(label,button,a),.db-navigation-item[data-icon]:not([data-show-icon=false])>:is(label,button,a){padding-inline-start:var(--db-icon-passing-padding-inline-start,calc(var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-icon-font-size, 1lh)))}.db-navigation-item:not([hidden]){display:inline-flex}.db-navigation-item{position:relative;inline-size:auto}.db-navigation-item[data-wrap=true] :is(a,.db-navigation-item-expand-button):first-of-type{white-space:normal;text-align:start}.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{margin-inline-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{margin-inline-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{visibility:visible;transform:translateX(0)}@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:0;inline-size:100%;border-color:#0000}.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{visibility:visible;transform:translateX(0)}}@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:0;inline-size:100%;border-color:#0000}.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))}@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[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{margin-inline-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-sub-navigation{margin:0}.db-sub-navigation:not([hidden]){display:flex}.db-sub-navigation{flex-direction:column;z-index:70;background-color:var(--db-adaptive-bg-basic-level-1-default);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right)));inline-size:100%;max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal));position:fixed;overflow:hidden auto;inset-inline-end:0;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-top)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-bottom))}@media (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right)));inline-size:100%;max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal));position:fixed;overflow:hidden auto;inset-inline-end:0;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-top)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-bottom))}}@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);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:var(--db-container-xs);inset-block-start:calc(100% + var(--db-spacing-fixed-md));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]{transform:translateX(-100%);inset-inline-start: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{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs))}.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]{transform:translateX(-100%);inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1)}.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{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;block-size:100%;inline-size:var(--db-navigation-item-inline-size,100%);background:#0000;transform:translateX(-100%);clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.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:not([hidden]){display:flex}.db-mobile-navigation-back{font-weight:400;background-color:var(--db-adaptive-bg-basic-level-1-default);padding-block-end:var(--db-spacing-fixed-md);margin-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[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-width-3xs);inset-block-end:0;inset-inline:0}@media (forced-colors:active){.db-mobile-navigation-back:before{border-block-end:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@supports (field-sizing:content){.db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]),[data-field-sizing=content].db-tab-list:is([data-hide-resizer=true],[data-resize=none]){scrollbar-width:none}}.db-tab-list::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-adaptive-bg-basic-level-1-default);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-tab-list: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:read-only::-webkit-scrollbar-button:single-button,.db-tab-list: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::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-tab-list::-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::-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::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{border-start-end-radius:var(--db-border-radius-xs);background-image:var(--db-scrollbar-button-vertical-decrement)}.db-tab-list::-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::-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::-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-textarea textarea[data-variant=floating]::-webkit-resizer,[data-variant=floating].db-tab-list::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner,[data-variant=floating].db-tab-list::-webkit-scrollbar-corner{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-full-default);background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:var(--db-textarea-resizer-image);border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list::-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;position:relative;flex-direction:column}.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{padding-inline-start:1px;content:"*"}@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{opacity:var(--db-opacity-xl);position:absolute;z-index:2;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));pointer-events:none;font-style:italic}.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{transition:none;opacity:0}.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{transition:none;opacity:0}.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{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1;font-style:normal}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}@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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}@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(
|
|
1806
1806
|
--db-successful-bg-basic-transparent-full-default
|
|
1807
1807
|
);--db-adaptive-bg-basic-transparent-semi-default:var(
|
|
1808
1808
|
--db-successful-bg-basic-transparent-semi-default
|
package/build/styles/bundle.css
CHANGED
|
@@ -1802,7 +1802,7 @@
|
|
|
1802
1802
|
--db-warning-on-bg-basic-emphasis-60-default
|
|
1803
1803
|
);border-color:var(--db-tag-border-color);background-color:var(--db-warning-bg-basic-level-1-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-warning-bg-vibrant-default);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(
|
|
1804
1804
|
--db-informational-on-bg-basic-emphasis-60-default
|
|
1805
|
-
);border-color:var(--db-tag-border-color);background-color:var(--db-informational-bg-basic-level-1-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-informational-bg-vibrant-default);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)[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{position:absolute;inset-block-start:var(--db-icon-passing-inset-block-start,calc(50% - .5em));inset-inline-start:var(--db-icon-passing-inset-inline-start,var(--db-spacing-fixed-2xs));pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false])>*>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false])>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false])>*>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false])>:is(label,button,a){padding-inline-start:var(--db-icon-passing-padding-inline-start,calc(var(--db-spacing-fixed-2xs) + var(--db-spacing-fixed-2xs) + var(--db-icon-font-size, 1lh)))}.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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active,.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,pointer);background-color:initial}.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);border-color:var(--db-tag-border-color);background-color:var(--db-adaptive-bg-vibrant-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-adaptive-bg-vibrant-default);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:has(input[type=radio]:checked){--db-overwrite-cursor:default}.db-tag[data-show-check-state=true] label{gap: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))}@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))}@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{inline-size:100%;margin-inline-start:0}.db-tag label:not([hidden]){display:flex}.db-tag label{align-items:center}@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;inline-size:100%;block-size:100%;position:absolute;margin-inline-end:0;border:0;border-radius:inherit;cursor:pointer;inset:0;aspect-ratio:unset}.db-tag label input:checked:not([data-show-icon-leading=false]):before{content:none}.db-tag a:not([hidden]){display:inline-flex}.db-tag a{align-items:center;text-decoration:none}.db-tag a:after{--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 :is(a,button,label){block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-xs);font-weight:700;appearance:none}.db-tag :is(db-button,db-checkbox,db-link,db-radio,dbbutton,dbcheckbox,dblink,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){background-color:var(--db-adaptive-bg-basic-transparent-full-default);color:currentcolor;aspect-ratio:1/1;border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;border-color:var(--db-tag-border-color)}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}dialog:not([data-position=absolute])[data-backdrop],dialog:not([data-position=absolute])[data-variant]{position:fixed;inset:0;z-index:9995}dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none]):before{content:"";position:fixed;inset:0}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=to-left],.db-drawer .db-drawer-container[data-direction=to-right]{inline-size:calc(var(--db-drawer-inline-size) - var(--db-drawer-container-backdrop-spacing, 0px));min-inline-size:var(--db-drawer-min-width,auto);max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal))}.db-drawer .db-drawer-container:not([data-container-size]):not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]:not([data-container-size]),.db-drawer .db-drawer-container[data-direction=to-right]:not([data-container-size]),.db-drawer [data-container-size=small].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=small].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=small].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-xs)}.db-drawer [data-container-size=medium].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=medium].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=medium].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-lg)}.db-drawer [data-container-size=large].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=large].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=large].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-3xl)}.db-drawer :is(.db-drawer-container[data-direction=down],.db-drawer-container[data-direction=up]){block-size:calc(var(--db-drawer-block-size) - var(--db-drawer-container-backdrop-spacing, 0px));min-block-size:var(--db-drawer-min-height,auto);max-block-size:var(--db-drawer-max-height,var(--db-drawer-max-height-vertical))}.db-drawer :is([data-container-size=small].db-drawer-container[data-direction=down],[data-container-size=small].db-drawer-container[data-direction=up]){--db-drawer-max-height-vertical:calc(var(--db-drawer-block-size)/3)}.db-drawer :is([data-container-size=medium].db-drawer-container[data-direction=down],[data-container-size=medium].db-drawer-container[data-direction=up]){--db-drawer-max-height-vertical:calc(var(--db-drawer-block-size)/2)}.db-drawer .db-drawer-container[data-direction=down]:not([data-container-size]),.db-drawer .db-drawer-container[data-direction=up]:not([data-container-size]),.db-drawer [data-container-size=large].db-drawer-container[data-direction=down],.db-drawer [data-container-size=large].db-drawer-container[data-direction=up]{--db-drawer-max-height-vertical:calc((var(--db-drawer-block-size)/3)*2)}.db-drawer .db-drawer-container[data-direction=to-right]:not([data-transition=open]){transform:translateX(-110%)}.db-drawer .db-drawer-container[data-direction=to-right]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=to-right]{border-start-end-radius:var(--db-border-radius-sm);border-end-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container:not([data-transition=open]):not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]:not([data-transition=open]){transform:translateX(110%)}.db-drawer .db-drawer-container:not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container:not([data-direction]),.db-drawer [data-rounded=true].db-drawer-container[data-direction=to-left]{border-start-start-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=up]:not([data-transition=open]){transform:translateY(110%)}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.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]:not([data-transition=open]){transform:translateY(-110%)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.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 .db-drawer-container:not(:has(.db-drawer-footer))>.db-drawer-content{margin-block-end:env(safe-area-inset-bottom)}.db-drawer .db-drawer-container:has(.db-drawer-footer) .db-drawer-footer{padding-block-end:calc(var(--db-spacing-fixed-xs) + env(safe-area-inset-bottom))}.db-drawer .db-drawer-container{--db-drawer-close-delay:0}@media (prefers-reduced-motion:no-preference){.db-drawer .db-drawer-container{--db-drawer-close-delay:var(--db-transition-duration-extra-slow)}}.db-drawer .db-drawer-container{display:grid;grid-template-rows:[header] auto [main] 1fr [footer] auto;background-color:var(--db-adaptive-bg-basic-level-1-default);inline-size:var(--db-drawer-inline-size);block-size:var(--db-drawer-block-size);position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container>.db-drawer-content{overflow-y:auto;overscroll-behavior:contain;padding:var(--db-drawer-content-padding,var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right))))}.db-drawer .db-drawer-container[data-show-spacing=true]{--db-drawer-container-backdrop-spacing:var(--db-sizing-md)}.db-drawer .db-drawer-container[data-show-spacing=true]:not([data-direction]),.db-drawer .db-drawer-container[data-show-spacing=true][data-direction=to-left]{border-inline-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-show-spacing=true][data-direction=to-right]{border-inline-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-show-spacing=true][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[data-show-spacing=true][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:not([data-position=absolute]){--db-drawer-inline-size:100lvw;--db-drawer-block-size:100lvh}.db-drawer:not([data-position=absolute])[open] .db-drawer-container[data-transition=open]{transform:none}@media (prefers-reduced-motion:no-preference){.db-drawer:not([data-position=absolute])[open] .db-drawer-container[data-transition=close]{transition:transform var(--db-drawer-close-delay) var(--db-transition-timing-emotional)}}.db-drawer[data-position=absolute]{--db-drawer-inline-size:100%;--db-drawer-block-size:100%;position:absolute;z-index:3;inset:0;background-color:initial;inline-size:var(--db-drawer-inline-size);block-size:var(--db-drawer-block-size)}.db-drawer[data-position=absolute][open]{display:flex}.db-drawer[data-position=absolute][open] .db-drawer-container[data-transition=close]{position:relative}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=to-left],.db-drawer[data-position=absolute][data-direction=to-right]{flex-direction:column}.db-drawer[data-position=absolute][data-direction=down],.db-drawer[data-position=absolute][data-direction=to-right]{align-items:flex-start}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=to-left],.db-drawer[data-position=absolute][data-direction=up]{align-items:flex-end}.db-drawer[data-position=absolute] .db-drawer-container[data-transition=open]{position:relative}[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{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:0}@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)}}:is(.db-custom-select,.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);position:absolute;pointer-events:none;transform:translateY(var(--label-block-start-half));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;white-space:nowrap;text-overflow:ellipsis;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))}.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;position:relative;flex-direction:column}.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{padding-inline-start:1px;content:"*"}@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{opacity:var(--db-opacity-xl);position:absolute;z-index:2;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));pointer-events:none;font-style:italic}.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{transition:none;opacity:0}.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{transition:none;opacity:0}.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{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1;font-style:normal}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic;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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic;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{color:var(--db-successful-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-successful-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-critical-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-critical-on-bg-basic-emphasis-100-default);caret-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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}.db-select select{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);appearance:none;max-inline-size:100%;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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,revert);background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-select>label{padding-block-end:var(--db-spacing-fixed-xs);max-inline-size:var(--db-label-max-size,100%);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@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{position:absolute;pointer-events:none;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);color:var(--db-adaptive-on-bg-basic-emphasis-100-default);transform:translateY(-50%);z-index:1}.db-select:before{margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end: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 select:is(:has(option:checked:not(.placeholder)),:open) option[data-show-empty-option=false],.db-select select:is(:has(option:checked:not(.placeholder)),:open)~[id$=-placeholder]{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{background-color:var(--db-adaptive-bg-basic-transparent-full-default);cursor:pointer;inline-size:100%;border-radius:var(--db-border-radius-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center;justify-content:space-between;gap:var(--db-spacing-fixed-sm)}.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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover,.db-navigation-item a:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,pointer);background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-navigation-item .db-navigation-item-expand-button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active,.db-navigation-item a:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active{cursor:var(--db-overwrite-cursor,pointer);background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.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}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]):before,.db-navigation-item[data-icon]:not([data-show-icon=false]):before{position:absolute;inset-block-start:var(--db-icon-passing-inset-block-start,calc(50% - .5em));inset-inline-start:var(--db-icon-passing-inset-inline-start,var(--db-spacing-fixed-sm));pointer-events:none;z-index:1}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])>*>:is(label,button,a),.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])>:is(label,button,a),.db-navigation-item[data-icon]:not([data-show-icon=false])>*>:is(label,button,a),.db-navigation-item[data-icon]:not([data-show-icon=false])>:is(label,button,a){padding-inline-start:var(--db-icon-passing-padding-inline-start,calc(var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-icon-font-size, 1lh)))}.db-navigation-item:not([hidden]){display:inline-flex}.db-navigation-item{position:relative;inline-size:auto}.db-navigation-item[data-wrap=true] :is(a,.db-navigation-item-expand-button):first-of-type{white-space:normal;text-align:start}.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{margin-inline-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{margin-inline-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{visibility:visible;transform:translateX(0)}@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:0;inline-size:100%;border-color:#0000}.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{visibility:visible;transform:translateX(0)}}@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:0;inline-size:100%;border-color:#0000}.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))}@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[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{margin-inline-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-sub-navigation{margin:0}.db-sub-navigation:not([hidden]){display:flex}.db-sub-navigation{flex-direction:column;z-index:70;background-color:var(--db-adaptive-bg-basic-level-1-default);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right)));inline-size:100%;max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal));position:fixed;overflow:hidden auto;inset-inline-end:0;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-top)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-bottom))}@media (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right)));inline-size:100%;max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal));position:fixed;overflow:hidden auto;inset-inline-end:0;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-top)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-bottom))}}@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);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:var(--db-container-xs);inset-block-start:calc(100% + var(--db-spacing-fixed-md));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]{transform:translateX(-100%);inset-inline-start: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{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs))}.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]{transform:translateX(-100%);inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1)}.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{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;block-size:100%;inline-size:var(--db-navigation-item-inline-size,100%);background:#0000;transform:translateX(-100%);clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.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:not([hidden]){display:flex}.db-mobile-navigation-back{font-weight:400;background-color:var(--db-adaptive-bg-basic-level-1-default);padding-block-end:var(--db-spacing-fixed-md);margin-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[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-width-3xs);inset-block-end:0;inset-inline:0}@media (forced-colors:active){.db-mobile-navigation-back:before{border-block-end:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@supports (field-sizing:content){.db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]),[data-field-sizing=content].db-tab-list:is([data-hide-resizer=true],[data-resize=none]){scrollbar-width:none}}.db-tab-list::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-adaptive-bg-basic-level-1-default);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-tab-list: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:read-only::-webkit-scrollbar-button:single-button,.db-tab-list: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::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-tab-list::-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::-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::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{border-start-end-radius:var(--db-border-radius-xs);background-image:var(--db-scrollbar-button-vertical-decrement)}.db-tab-list::-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::-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::-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-textarea textarea[data-variant=floating]::-webkit-resizer,[data-variant=floating].db-tab-list::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner,[data-variant=floating].db-tab-list::-webkit-scrollbar-corner{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-full-default);background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:var(--db-textarea-resizer-image);border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list::-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;position:relative;flex-direction:column}.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{padding-inline-start:1px;content:"*"}@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{opacity:var(--db-opacity-xl);position:absolute;z-index:2;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));pointer-events:none;font-style:italic}.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{transition:none;opacity:0}.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{transition:none;opacity:0}.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{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1;font-style:normal}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}@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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}@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(
|
|
1805
|
+
);border-color:var(--db-tag-border-color);background-color:var(--db-informational-bg-basic-level-1-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-informational-bg-vibrant-default);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)[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{position:absolute;inset-block-start:var(--db-icon-passing-inset-block-start,calc(50% - .5em));inset-inline-start:var(--db-icon-passing-inset-inline-start,var(--db-spacing-fixed-2xs));pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false])>*>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon-leading]:not([data-show-icon-leading=false])>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false])>*>:is(label,button,a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false])>:is(label,button,a){padding-inline-start:var(--db-icon-passing-padding-inline-start,calc(var(--db-spacing-fixed-2xs) + var(--db-spacing-fixed-2xs) + var(--db-icon-font-size, 1lh)))}.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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active,.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,pointer);background-color:initial}.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);border-color:var(--db-tag-border-color);background-color:var(--db-adaptive-bg-vibrant-default);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);border-color:var(--db-tag-border-color);background-color:var(--db-adaptive-bg-vibrant-default);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:has(input[type=radio]:checked){--db-overwrite-cursor:default}.db-tag[data-show-check-state=true] label{gap: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))}@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))}@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{inline-size:100%;margin-inline-start:0}.db-tag label:not([hidden]){display:flex}.db-tag label{align-items:center}@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;inline-size:100%;block-size:100%;position:absolute;margin-inline-end:0;border:0;border-radius:inherit;cursor:pointer;inset:0;aspect-ratio:unset}.db-tag label input:checked:not([data-show-icon-leading=false]):before{content:none}.db-tag a:not([hidden]){display:inline-flex}.db-tag a{align-items:center;text-decoration:none}.db-tag a:after{--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 :is(a,button,label){block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-xs);font-weight:700;appearance:none}.db-tag :is(db-button,db-checkbox,db-link,db-radio,dbbutton,dbcheckbox,dblink,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){background-color:var(--db-adaptive-bg-basic-transparent-full-default);color:currentcolor;aspect-ratio:1/1;border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;border-color:var(--db-tag-border-color)}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}dialog:not([data-position=absolute])[data-backdrop],dialog:not([data-position=absolute])[data-variant]{position:fixed;inset:0;z-index:9995}dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none]):before{content:"";position:fixed;inset:0}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=to-left],.db-drawer .db-drawer-container[data-direction=to-right]{inline-size:calc(var(--db-drawer-inline-size) - var(--db-drawer-container-backdrop-spacing, 0px));min-inline-size:var(--db-drawer-min-width,auto);max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal))}.db-drawer .db-drawer-container:not([data-container-size]):not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]:not([data-container-size]),.db-drawer .db-drawer-container[data-direction=to-right]:not([data-container-size]),.db-drawer [data-container-size=small].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=small].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=small].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-xs)}.db-drawer [data-container-size=medium].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=medium].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=medium].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-lg)}.db-drawer [data-container-size=large].db-drawer-container:not([data-direction]),.db-drawer [data-container-size=large].db-drawer-container[data-direction=to-left],.db-drawer [data-container-size=large].db-drawer-container[data-direction=to-right]{--db-drawer-max-width-horizontal:var(--db-container-3xl)}.db-drawer :is(.db-drawer-container[data-direction=down],.db-drawer-container[data-direction=up]){block-size:calc(var(--db-drawer-block-size) - var(--db-drawer-container-backdrop-spacing, 0px));min-block-size:var(--db-drawer-min-height,auto);max-block-size:var(--db-drawer-max-height,var(--db-drawer-max-height-vertical))}.db-drawer :is([data-container-size=small].db-drawer-container[data-direction=down],[data-container-size=small].db-drawer-container[data-direction=up]){--db-drawer-max-height-vertical:calc(var(--db-drawer-block-size)/3)}.db-drawer :is([data-container-size=medium].db-drawer-container[data-direction=down],[data-container-size=medium].db-drawer-container[data-direction=up]){--db-drawer-max-height-vertical:calc(var(--db-drawer-block-size)/2)}.db-drawer .db-drawer-container[data-direction=down]:not([data-container-size]),.db-drawer .db-drawer-container[data-direction=up]:not([data-container-size]),.db-drawer [data-container-size=large].db-drawer-container[data-direction=down],.db-drawer [data-container-size=large].db-drawer-container[data-direction=up]{--db-drawer-max-height-vertical:calc((var(--db-drawer-block-size)/3)*2)}.db-drawer .db-drawer-container[data-direction=to-right]:not([data-transition=open]){transform:translateX(-110%)}.db-drawer .db-drawer-container[data-direction=to-right]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=to-right]{border-start-end-radius:var(--db-border-radius-sm);border-end-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container:not([data-transition=open]):not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]:not([data-transition=open]){transform:translateX(110%)}.db-drawer .db-drawer-container:not([data-direction]),.db-drawer .db-drawer-container[data-direction=to-left]{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container:not([data-direction]),.db-drawer [data-rounded=true].db-drawer-container[data-direction=to-left]{border-start-start-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=up]:not([data-transition=open]){transform:translateY(110%)}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.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]:not([data-transition=open]){transform:translateY(-110%)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.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 .db-drawer-container:not(:has(.db-drawer-footer))>.db-drawer-content{margin-block-end:env(safe-area-inset-bottom)}.db-drawer .db-drawer-container:has(.db-drawer-footer) .db-drawer-footer{padding-block-end:calc(var(--db-spacing-fixed-xs) + env(safe-area-inset-bottom))}.db-drawer .db-drawer-container{--db-drawer-close-delay:0}@media (prefers-reduced-motion:no-preference){.db-drawer .db-drawer-container{--db-drawer-close-delay:var(--db-transition-duration-extra-slow)}}.db-drawer .db-drawer-container{display:grid;grid-template-rows:[header] auto [main] 1fr [footer] auto;background-color:var(--db-adaptive-bg-basic-level-1-default);inline-size:var(--db-drawer-inline-size);block-size:var(--db-drawer-block-size);position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container>.db-drawer-content{overflow-y:auto;overscroll-behavior:contain;padding:var(--db-drawer-content-padding,var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right))))}.db-drawer .db-drawer-container[data-show-spacing=true]{--db-drawer-container-backdrop-spacing:var(--db-sizing-md)}.db-drawer .db-drawer-container[data-show-spacing=true]:not([data-direction]),.db-drawer .db-drawer-container[data-show-spacing=true][data-direction=to-left]{border-inline-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-show-spacing=true][data-direction=to-right]{border-inline-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-show-spacing=true][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[data-show-spacing=true][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:not([data-position=absolute]){--db-drawer-inline-size:100lvw;--db-drawer-block-size:100lvh}.db-drawer:not([data-position=absolute])[open] .db-drawer-container[data-transition=open]{transform:none}@media (prefers-reduced-motion:no-preference){.db-drawer:not([data-position=absolute])[open] .db-drawer-container[data-transition=close]{transition:transform var(--db-drawer-close-delay) var(--db-transition-timing-emotional)}}.db-drawer[data-position=absolute]{--db-drawer-inline-size:100%;--db-drawer-block-size:100%;position:absolute;z-index:3;inset:0;background-color:initial;inline-size:var(--db-drawer-inline-size);block-size:var(--db-drawer-block-size)}.db-drawer[data-position=absolute][open]{display:flex}.db-drawer[data-position=absolute][open] .db-drawer-container[data-transition=close]{position:relative}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=to-left],.db-drawer[data-position=absolute][data-direction=to-right]{flex-direction:column}.db-drawer[data-position=absolute][data-direction=down],.db-drawer[data-position=absolute][data-direction=to-right]{align-items:flex-start}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=to-left],.db-drawer[data-position=absolute][data-direction=up]{align-items:flex-end}.db-drawer[data-position=absolute] .db-drawer-container[data-transition=open]{position:relative}[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{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:0}@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)}}:is(.db-custom-select,.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);position:absolute;pointer-events:none;transform:translateY(var(--label-block-start-half));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;white-space:nowrap;text-overflow:ellipsis;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))}.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;position:relative;flex-direction:column}.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{padding-inline-start:1px;content:"*"}@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{opacity:var(--db-opacity-xl);position:absolute;z-index:2;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));pointer-events:none;font-style:italic}.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{transition:none;opacity:0}.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{transition:none;opacity:0}.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{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1;font-style:normal}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic;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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic;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{color:var(--db-successful-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-successful-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-critical-on-bg-basic-emphasis-100-default);caret-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{color:var(--db-critical-on-bg-basic-emphasis-100-default);caret-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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}.db-select select{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);appearance:none;max-inline-size:100%;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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,revert);background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-select>label{padding-block-end:var(--db-spacing-fixed-xs);max-inline-size:var(--db-label-max-size,100%);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@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{position:absolute;pointer-events:none;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);color:var(--db-adaptive-on-bg-basic-emphasis-100-default);transform:translateY(-50%);z-index:1}.db-select:before{margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end: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[data-icon]:not([data-show-icon=false]) label{--db-form-component-padding-inline-start:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) + var(--db-spacing-fixed-sm))}.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 select:is(:has(option:checked:not(.placeholder)),:open) option[data-show-empty-option=false],.db-select select:is(:has(option:checked:not(.placeholder)),:open)~[id$=-placeholder]{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{background-color:var(--db-adaptive-bg-basic-transparent-full-default);cursor:pointer;inline-size:100%;border-radius:var(--db-border-radius-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center;justify-content:space-between;gap:var(--db-spacing-fixed-sm)}.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:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover,.db-navigation-item a:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):hover{cursor:var(--db-overwrite-cursor,pointer);background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-navigation-item .db-navigation-item-expand-button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active,.db-navigation-item a:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):active{cursor:var(--db-overwrite-cursor,pointer);background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.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}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]):before,.db-navigation-item[data-icon]:not([data-show-icon=false]):before{position:absolute;inset-block-start:var(--db-icon-passing-inset-block-start,calc(50% - .5em));inset-inline-start:var(--db-icon-passing-inset-inline-start,var(--db-spacing-fixed-sm));pointer-events:none;z-index:1}.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])>*>:is(label,button,a),.db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])>:is(label,button,a),.db-navigation-item[data-icon]:not([data-show-icon=false])>*>:is(label,button,a),.db-navigation-item[data-icon]:not([data-show-icon=false])>:is(label,button,a){padding-inline-start:var(--db-icon-passing-padding-inline-start,calc(var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-icon-font-size, 1lh)))}.db-navigation-item:not([hidden]){display:inline-flex}.db-navigation-item{position:relative;inline-size:auto}.db-navigation-item[data-wrap=true] :is(a,.db-navigation-item-expand-button):first-of-type{white-space:normal;text-align:start}.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{margin-inline-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{margin-inline-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{visibility:visible;transform:translateX(0)}@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:0;inline-size:100%;border-color:#0000}.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{visibility:visible;transform:translateX(0)}}@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:0;inline-size:100%;border-color:#0000}.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))}@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[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{margin-inline-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-sub-navigation{margin:0}.db-sub-navigation:not([hidden]){display:flex}.db-sub-navigation{flex-direction:column;z-index:70;background-color:var(--db-adaptive-bg-basic-level-1-default);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right)));inline-size:100%;max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal));position:fixed;overflow:hidden auto;inset-inline-end:0;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-top)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-bottom))}@media (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-xs) max(var(--db-spacing-fixed-sm),max(env(safe-area-inset-left),env(safe-area-inset-right)));inline-size:100%;max-inline-size:var(--db-drawer-max-width,var(--db-drawer-max-width-horizontal));position:fixed;overflow:hidden auto;inset-inline-end:0;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-top)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + env(safe-area-inset-bottom))}}@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);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:var(--db-container-xs);inset-block-start:calc(100% + var(--db-spacing-fixed-md));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]{transform:translateX(-100%);inset-inline-start: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{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs))}.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]{transform:translateX(-100%);inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1)}.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{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;block-size:100%;inline-size:var(--db-navigation-item-inline-size,100%);background:#0000;transform:translateX(-100%);clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.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:not([hidden]){display:flex}.db-mobile-navigation-back{font-weight:400;background-color:var(--db-adaptive-bg-basic-level-1-default);padding-block-end:var(--db-spacing-fixed-md);margin-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[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-width-3xs);inset-block-end:0;inset-inline:0}@media (forced-colors:active){.db-mobile-navigation-back:before{border-block-end:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@supports (field-sizing:content){.db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]),[data-field-sizing=content].db-tab-list:is([data-hide-resizer=true],[data-resize=none]){scrollbar-width:none}}.db-tab-list::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-adaptive-bg-basic-level-1-default);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-tab-list: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:read-only::-webkit-scrollbar-button:single-button,.db-tab-list: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::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-tab-list::-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::-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::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{border-start-end-radius:var(--db-border-radius-xs);background-image:var(--db-scrollbar-button-vertical-decrement)}.db-tab-list::-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::-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::-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-textarea textarea[data-variant=floating]::-webkit-resizer,[data-variant=floating].db-tab-list::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner,[data-variant=floating].db-tab-list::-webkit-scrollbar-corner{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-full-default);background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:var(--db-textarea-resizer-image);border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list::-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;position:relative;flex-direction:column}.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{padding-inline-start:1px;content:"*"}@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{opacity:var(--db-opacity-xl);position:absolute;z-index:2;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));pointer-events:none;font-style:italic}.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{transition:none;opacity:0}.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{transition:none;opacity:0}.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{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1;font-style:normal}.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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}@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{opacity:var(--db-opacity-xl);font-family:var(--db-font-family-sans);font-style:italic}@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(
|
|
1806
1806
|
--db-successful-bg-basic-transparent-full-default
|
|
1807
1807
|
);--db-adaptive-bg-basic-transparent-semi-default:var(
|
|
1808
1808
|
--db-successful-bg-basic-transparent-semi-default
|