@db-ux/core-components 4.3.2 → 4.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @db-ux/core-components
 
+## 4.4.0
+
+### Minor Changes
+
+- feat: add `role` property to DBNotification & automatically add role based on semantic if no `role` or `ariaLive` is provided to increase UX for screen-reader users - [see commit 177d71e](https://github.com/db-ux-design-system/core-web/commit/177d71e287a64a6491ba446e7812d0adbda1717e)
+
+- feat(DBSelect): hide empty first option in `required` selects with placeholder after the first user selection, and add `showEmptyOption` prop to overwrite this - [see commit 4280bc4](https://github.com/db-ux-design-system/core-web/commit/4280bc47538d6983d6bb5575f012b6c6b25b40e8)
+
 ## 4.3.2
 
 ### Patch Changes

package/build/components/select/select.css

@@ -950,6 +950,7 @@ select[aria-disabled=true]) {
 .db-select optgroup {
   background-color: var(--db-adaptive-bg-basic-level-3-default);
 }
-.db-select:has(> select option:checked:not(.placeholder)) [id$=-placeholder] {
+.db-select:has(> select option:checked:not(.placeholder)) [id$=-placeholder],
+.db-select:has(> select option:checked:not(.placeholder)) option[data-show-empty-option=false] {
   display: none;
 }

package/build/components/select/select.scss

@@ -45,7 +45,10 @@
 	}
 
 	&:has(> select option:checked:not(.placeholder)) {
-		[id$="-placeholder"] {
+		[id$="-placeholder"],
+		// Hide placeholder option in dropdown for required selects after a selection has been made
+		// This prevents users from selecting an invalid empty option when the field is required
+		option[data-show-empty-option="false"] {
 			display: none;
 		}
 	}

package/build/styles/absolute.css

@@ -1816,7 +1816,7 @@
   	--db-warning-on-bg-basic-emphasis-60-default
   );background-color:var(--db-warning-bg-basic-level-1-default);border-color:var(--db-tag-border-color);color:var(--db-warning-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=warning]:not([data-emphasis]):after,.db-tag:has(.db-tab-remove-button)[data-semantic=warning]:not([data-emphasis]):before,.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=weak]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=weak]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]:not([data-emphasis]):after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]:not([data-emphasis]):before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=weak]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=weak]:before{--db-icon-color:var(--db-warning-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong]{--db-tag-border-color:var(--db-warning-on-bg-basic-emphasis-70-default);background-color:var(--db-warning-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-warning-on-bg-vibrant-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong]:before{--db-icon-color:var(--db-warning-on-bg-vibrant-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]),.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]{--db-tag-border-color:var(
   	--db-informational-on-bg-basic-emphasis-60-default
-  );background-color:var(--db-informational-bg-basic-level-1-default);border-color:var(--db-tag-border-color);color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]):after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]):before,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]):after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]):before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]:before{--db-icon-color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]{--db-tag-border-color:var(--db-informational-on-bg-basic-emphasis-70-default);background-color:var(--db-informational-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-informational-on-bg-vibrant-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]:before{--db-icon-color:var(--db-informational-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a){--db-icon-margin-end:var(--db-spacing-fixed-2xs)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]):before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;position:absolute;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-icon-font-size));padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true]){background-color:transparent;cursor:var(--db-overwrite-cursor,pointer)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true]){background-color:transparent;cursor:var(--db-overwrite-cursor,pointer)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked):before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked){--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag button:nth-of-type(2):not([hidden]),.db-tag dbbutton:nth-of-type(2):not([hidden]),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button:not([hidden]){display:none}.db-tag>:is([class=db-checkbox],[class=db-radio],[class=db-link],[class=db-button]){block-size:100%}.db-tag[data-show-check-state=true] label{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"circle";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false]):after{--db-icon-trailing:"check_circle";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-tag label{align-items:center;inline-size:100%;margin-inline-start:0}.db-tag label:not([hidden]){display:flex}@media (forced-colors:active){.db-tag label:not(:has(input:checked)){border-style:dashed}}@layer variables{.db-tag label:after{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs)}}.db-tag label:has(input:checked){border-width:var(--db-border-width-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{appearance:none;aspect-ratio:unset;block-size:100%;border:0;border-radius:inherit;cursor:pointer;inline-size:100%;inset:0;margin-inline-end:0;position:absolute}.db-tag label input:checked:not([data-show-icon-leading=false]):before{content:none}.db-tag a{align-items:center;text-decoration:none}.db-tag a:not([hidden]){display:inline-flex}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:is(:hover,:focus,:active){color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:0}.db-tag a,.db-tag button,.db-tag label{appearance:none;block-size:inherit;border-radius:var(--db-border-radius-xs);font-weight:700;padding:0 var(--db-spacing-fixed-2xs)}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag:has(:disabled),.db-tag[data-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){aspect-ratio:1/1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);border-end-start-radius:0;border-inline-start:0;border-color:var(--db-tag-border-color);border-start-start-radius:0;color:currentcolor}dialog{border:0;color:inherit;margin:0;padding:0;z-index:9996}dialog:not([data-position=absolute])[data-backdrop],dialog:not([data-position=absolute])[data-variant]{inset:0;position:fixed;z-index:9995}dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none]):before{content:"";inset:0;position:fixed}dialog:not([data-backdrop=none])::backdrop,dialog:not([data-backdrop=none]):before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg))}dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop,dialog:not([data-backdrop=none])[data-backdrop=invisible]:before{background-color:transparent}dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop,dialog:not([data-backdrop=none])[data-backdrop=weak]:before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-sm))}.db-drawer .db-drawer-container:not([data-direction]),.db-drawer .db-drawer-container[data-direction=right]{inset-inline:auto 0;transform:translateX(110%)}.db-drawer [data-rounded=true].db-drawer-container:not([data-direction]),.db-drawer [data-rounded=true].db-drawer-container[data-direction=right]{border-end-start-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto;transform:translateX(-110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-end-end-radius:var(--db-border-radius-sm);border-start-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none;min-block-size:var(--db-drawer-min-height,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0;transform:translateY(110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto;transform:translateY(-110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer .db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:100%;box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;inline-size:100%;position:fixed}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)));min-inline-size:var(--db-drawer-min-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container:not([data-width=full]):not([data-direction]),.db-drawer .db-drawer-container:not([data-width=full])[data-direction=right]{border-inline-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=left]{border-inline-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=up]{border-block-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=down]{border-block-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}@media screen and (prefers-reduced-motion:no-preference){.db-drawer .db-drawer-container{transition:transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}.db-drawer .db-drawer-container .db-drawer-header{display:none;--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-drawer .db-drawer-container .db-drawer-header:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-drawer .db-drawer-container .db-drawer-header{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{font-weight:700;margin-block:auto}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[data-position=absolute]{background-color:transparent;block-size:100%;inline-size:100%;inset:0;position:absolute;z-index:3}.db-drawer[data-position=absolute][open]{display:flex}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=left],.db-drawer[data-position=absolute][data-direction=right]{flex-direction:column}.db-drawer[data-position=absolute][data-direction=down],.db-drawer[data-position=absolute][data-direction=left]{align-items:start}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=right],.db-drawer[data-position=absolute][data-direction=up]{align-items:end}.db-drawer[data-position=absolute] .db-drawer-container{position:relative}.db-drawer[open] .db-drawer-container[data-transition=open]:not([data-direction]),.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=left],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=right]{transform:translateX(0)}.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=down],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=up]{transform:translateY(0)}@media screen and (prefers-reduced-motion:no-preference){.db-drawer[open] .db-drawer-container[data-transition=close]{transition:transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}[data-icon].db-custom-select:not([data-show-icon=false]),[data-icon].db-select:not([data-show-icon=false]){--db-form-has-before:1}.db-custom-select-placeholder,.db-select-placeholder{inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute}@media screen and (prefers-reduced-motion:no-preference){.db-custom-select-placeholder,.db-select-placeholder{transition:opacity var(--db-transition-straight-emotional),outline var(--db-transition-duration-extra-fast),border-color var(--db-transition-straight-emotional),background-color var(--db-transition-straight-emotional)}}.db-custom-select [id$=-placeholder],.db-select [id$=-placeholder]{--label-block-start:calc(var(--db-base-body-icon-font-size-xs) + var(--db-spacing-fixed-xs));--label-block-start-half:calc(var(--label-block-start)*-1/2);inline-size:calc(100% - var(--db-form-component-padding-inline-end) - var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) - var(--db-spacing-fixed-sm));inset-block-start:calc(var(--label-block-start)*var(--db-label-visible-height, 1) + var(--db-sizing-md)/2);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateY(var(--label-block-start-half));white-space:nowrap}.db-select{--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));--db-form-component-min-inline-size:var(--db-sizing-xl);min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));--db-form-has-before:0;flex-direction:column;position:relative}.db-select:not([hidden]){display:flex}.db-select[data-hide-label=true],.db-select[data-variant=floating]{--db-label-visible-above:0}.db-select:not([data-hide-asterisk=true]):has(select:required):is(label):after,.db-select:not([data-hide-asterisk=true]):has(select:required)>label:after,.db-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-select:not([data-hide-asterisk=true]):has(select:required):is(label):after,.db-select:not([data-hide-asterisk=true]):has(select:required)>label:after,.db-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-select[data-variant=floating]:has(select:not([data-custom-validity]):is(:required):user-valid) label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select[data-custom-validity=valid]) label,.db-select[data-variant=floating][data-custom-validity=valid] label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select:not([data-custom-validity]):is(:required):user-invalid) label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select[data-custom-validity=invalid]) label,.db-select[data-variant=floating][data-custom-validity=invalid] label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]>label{font-style:italic;inset-block-start:calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm));opacity:var(--db-opacity-xl);pointer-events:none;position:absolute;z-index:2}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select::placeholder{opacity:0;transition:none}.db-select[data-variant=floating] select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{opacity:0;transition:none}.db-select[data-variant=floating] select{padding-block-start:var(--db-base-body-icon-font-size-2xs)}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl);padding-block-start:var(--db-base-body-icon-font-size-2xs)}@media screen and (prefers-reduced-motion:no-preference){.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl);padding-block-start:var(--db-base-body-icon-font-size-2xs)}@media screen and (prefers-reduced-motion:no-preference){.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{transition:opacity var(--db-transition-straight-emotional)}}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>.db-infotext[data-semantic=successful]:not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]){display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select,.db-select[data-custom-validity=valid] [id$=-placeholder],.db-select[data-custom-validity=valid] select{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-select:has(select[data-custom-validity=valid])>.db-infotext[data-semantic=successful]:not([hidden]),.db-select:has(select[data-custom-validity=valid])>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]),.db-select[data-custom-validity=valid]>.db-infotext[data-semantic=successful]:not([hidden]),.db-select[data-custom-validity=valid]>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]){display:flex}.db-select:has(select[data-custom-validity=valid])>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select[data-custom-validity=valid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=valid]>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=valid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext[data-semantic=critical]:not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select,.db-select[data-custom-validity=invalid] [id$=-placeholder],.db-select[data-custom-validity=invalid] select{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-select:has(select[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-select[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-select:has(select[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select [id$=-placeholder],.db-select select::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-select select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-select select{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-select select:hover:not(:disabled,[aria-disabled=true]):is(input),.db-select select:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-select select:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-select select:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-select>label{transition:font-size var(--db-transition-straight-emotional)}}.db-select[data-hide-label=true]>label{padding:0}.db-select:has(select:disabled,select[data-disabled=true],select[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-select:after,.db-select:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-select:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-select:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-select[data-icon]:not([data-show-icon=false]){--db-form-component-min-inline-size:var(--db-sizing-2xl)}.db-select select{text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select[data-hide-label=true]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select option{background-color:var(--db-adaptive-bg-basic-level-1-default);color:var(--db-adaptive-on-bg-basic-emphasis-100-default)}.db-select optgroup{background-color:var(--db-adaptive-bg-basic-level-3-default)}.db-select:has(>select option:checked:not(.placeholder)) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):is(:hover,:focus-visible):is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):is(:hover,:focus-visible)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:is(:hover,:focus-visible)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:is(:hover,:focus-visible):is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{align-items:center;background-color:var(--db-adaptive-bg-basic-transparent-full-default);border-radius:var(--db-border-radius-sm);cursor:pointer;inline-size:100%;justify-content:space-between;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);text-align:center;white-space:nowrap}.db-navigation-item .db-navigation-item-expand-button:not([hidden]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:not([hidden]),.db-navigation-item a:not([hidden]){display:inline-flex}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]):is(textarea),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]):is(input),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-full-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]):is(textarea),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]):is(input),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:is(:hover,:focus)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:is(:hover,:focus)),.db-navigation-item a:has(~.db-sub-navigation:is(:hover,:focus)){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-navigation-item{--db-has-before:0;inline-size:auto;position:relative}.db-navigation-item[data-icon]:not([data-show-icon=false]):before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;position:absolute;z-index:1}.db-navigation-item[data-icon]:not([data-show-icon=false]) a,.db-navigation-item[data-icon]:not([data-show-icon=false]) button,.db-navigation-item[data-icon]:not([data-show-icon=false]) label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-icon-font-size));padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item:not([hidden]){display:inline-flex}.db-navigation-item[data-wrap=true] :is(a,.db-navigation-item-expand-button):first-of-type{text-align:start;white-space:normal}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{transform:translateX(0);visibility:visible}@media screen and (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{transition:visibility 0s linear 0s,transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transform:translateX(110%)}@media screen and (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 screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{transform:translateX(0);visibility:visible}}@media screen and (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 screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transform:translateX(110%)}}@media screen and (max-width:63.9375em) and (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0s linear .41s,transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing=false]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"chevron_right";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing=false]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item:has([data-active=true])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button),.db-navigation-item[data-active=true]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-sub-navigation{background-color:var(--db-adaptive-bg-basic-level-1-default);flex-direction:column;inset-inline-start:0;margin:0;visibility:hidden;z-index:70}.db-sub-navigation:not([hidden]){display:flex}.db-sub-navigation[data-force-mobile=true]{inline-size:100%;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs));overflow:hidden auto;padding:var(--db-spacing-fixed-md);position:fixed}@media screen and (max-width:63.9375em){.db-sub-navigation{inline-size:100%;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs));overflow:hidden auto;padding:var(--db-spacing-fixed-md);position:fixed}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back:not([hidden]),.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back:not([hidden]){display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);inset-block-start:calc(100% + var(--db-spacing-fixed-md));min-inline-size:328px;padding:var(--db-spacing-fixed-sm);position:absolute;transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{inset-inline-start:100%;transform:translateX(-100%)}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):is(:hover,:focus-within):not([data-force-close=true]),.db-sub-navigation[data-force-mobile=false]:is(:hover,:focus-within):not([data-force-close=true]){visibility:visible}.db-sub-navigation:not([data-force-mobile])[data-force-close=true],.db-sub-navigation[data-force-mobile=false][data-force-close=true]{pointer-events:none}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));content:"";inline-size:100%;inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs));inset-inline-start:0;position:absolute}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=bottom]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]{inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1);transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right]:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]:before{inset-block:auto 0;transform:translateX(100%) scaleX(-1)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{background:transparent;block-size:100%;clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%));content:"";inline-size:var(--db-navigation-item-inline-size,100%);inset-block-start:0;inset-inline-start:0;position:absolute;transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{block-size:100%;content:"";inline-size:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);padding:var(--db-spacing-fixed-xs);position:absolute}}.db-sub-navigation:empty:not([hidden]){display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{margin-inline-start:auto}.db-mobile-navigation-back{background-color:var(--db-adaptive-bg-basic-level-1-default);font-weight:400;margin-block-end:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-mobile-navigation-back:not([hidden]){display:flex}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-mobile-navigation-back:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-mobile-navigation-back{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@supports (field-sizing:content){.db-tab-list>ul[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]),.db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]){scrollbar-width:none}}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:.5rem;border-start-end-radius:var(--db-border-radius-xs);inline-size:.5rem;z-index:3}.db-tab-list>ul:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-tab-list>ul:is(:hover,:focus)::-webkit-scrollbar-track,.db-textarea textarea:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-textarea textarea:is(:hover,:focus)::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);background-position:50%;background-repeat:no-repeat;background-size:.5rem;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:is(:hover,:focus),.db-textarea textarea::-webkit-scrollbar-button:single-button:is(:hover,:focus){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-scrollbar-button-vertical-decrement);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-scrollbar-button-vertical-increment)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:horizontal:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:var(--db-scrollbar-button-horizontal-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:horizontal:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:var(--db-scrollbar-button-horizontal-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-full-default);background-image:var(--db-textarea-resizer-image);background-position:50%;background-repeat:no-repeat;background-size:.5rem;border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=none],.db-textarea textarea[data-hide-resizer=true]{resize:none}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=both]{resize:both}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=horizontal]{resize:horizontal}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=vertical]{resize:vertical}.db-textarea{min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));--db-form-has-before:0;flex-direction:column;position:relative}.db-textarea:not([hidden]){display:flex}.db-textarea[data-hide-label=true],.db-textarea[data-variant=floating]{--db-label-visible-above:0}.db-textarea:not([data-hide-asterisk=true]):has(textarea:required):is(label):after,.db-textarea:not([data-hide-asterisk=true]):has(textarea:required)>label:after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-textarea:not([data-hide-asterisk=true]):has(textarea:required):is(label):after,.db-textarea:not([data-hide-asterisk=true]):has(textarea:required)>label:after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-textarea[data-variant=floating]:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea[data-custom-validity=valid]) label,.db-textarea[data-variant=floating][data-custom-validity=valid] label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea[data-custom-validity=invalid]) label,.db-textarea[data-variant=floating][data-custom-validity=invalid] label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]>label{font-style:italic;inset-block-start:calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm));opacity:var(--db-opacity-xl);pointer-events:none;position:absolute;z-index:2}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{opacity:0;transition:none}.db-textarea[data-variant=floating] textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{opacity:0;transition:none}.db-textarea[data-variant=floating] textarea{padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}@media screen and (prefers-reduced-motion:no-preference){.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}@media screen and (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(
+  );background-color:var(--db-informational-bg-basic-level-1-default);border-color:var(--db-tag-border-color);color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]):after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational]:not([data-emphasis]):before,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=weak]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]):after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]:not([data-emphasis]):before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=weak]:before{--db-icon-color:var(--db-informational-on-bg-basic-emphasis-80-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]{--db-tag-border-color:var(--db-informational-on-bg-basic-emphasis-70-default);background-color:var(--db-informational-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-informational-on-bg-vibrant-default)}.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong]:after,.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong]:before,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]:after,.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]:before{--db-icon-color:var(--db-informational-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a){--db-icon-margin-end:var(--db-spacing-fixed-2xs)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]):before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;position:absolute;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-show-icon=false]) label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-icon-font-size));padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true]){background-color:transparent;cursor:var(--db-overwrite-cursor,pointer)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true]){background-color:transparent;cursor:var(--db-overwrite-cursor,pointer)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked):before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked){--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-tag button:nth-of-type(2):not([hidden]),.db-tag dbbutton:nth-of-type(2):not([hidden]),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button:not([hidden]){display:none}.db-tag>:is([class=db-checkbox],[class=db-radio],[class=db-link],[class=db-button]){block-size:100%}.db-tag[data-show-check-state=true] label{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"circle";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false]):after{--db-icon-trailing:"check_circle";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-tag label{align-items:center;inline-size:100%;margin-inline-start:0}.db-tag label:not([hidden]){display:flex}@media (forced-colors:active){.db-tag label:not(:has(input:checked)){border-style:dashed}}@layer variables{.db-tag label:after{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs)}}.db-tag label:has(input:checked){border-width:var(--db-border-width-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{appearance:none;aspect-ratio:unset;block-size:100%;border:0;border-radius:inherit;cursor:pointer;inline-size:100%;inset:0;margin-inline-end:0;position:absolute}.db-tag label input:checked:not([data-show-icon-leading=false]):before{content:none}.db-tag a{align-items:center;text-decoration:none}.db-tag a:not([hidden]){display:inline-flex}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:is(:hover,:focus,:active){color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:0}.db-tag a,.db-tag button,.db-tag label{appearance:none;block-size:inherit;border-radius:var(--db-border-radius-xs);font-weight:700;padding:0 var(--db-spacing-fixed-2xs)}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag:has(:disabled),.db-tag[data-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){aspect-ratio:1/1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);border-end-start-radius:0;border-inline-start:0;border-color:var(--db-tag-border-color);border-start-start-radius:0;color:currentcolor}dialog{border:0;color:inherit;margin:0;padding:0;z-index:9996}dialog:not([data-position=absolute])[data-backdrop],dialog:not([data-position=absolute])[data-variant]{inset:0;position:fixed;z-index:9995}dialog:not([data-position=absolute])[data-variant=inside]:not([data-backdrop=none]):before{content:"";inset:0;position:fixed}dialog:not([data-backdrop=none])::backdrop,dialog:not([data-backdrop=none]):before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg))}dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop,dialog:not([data-backdrop=none])[data-backdrop=invisible]:before{background-color:transparent}dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop,dialog:not([data-backdrop=none])[data-backdrop=weak]:before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-sm))}.db-drawer .db-drawer-container:not([data-direction]),.db-drawer .db-drawer-container[data-direction=right]{inset-inline:auto 0;transform:translateX(110%)}.db-drawer [data-rounded=true].db-drawer-container:not([data-direction]),.db-drawer [data-rounded=true].db-drawer-container[data-direction=right]{border-end-start-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto;transform:translateX(-110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-end-end-radius:var(--db-border-radius-sm);border-start-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none;min-block-size:var(--db-drawer-min-height,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0;transform:translateY(110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto;transform:translateY(-110%)}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer .db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{overflow-block:auto;overflow-y:auto;padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:100%;box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;inline-size:100%;position:fixed}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)));min-inline-size:var(--db-drawer-min-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container:not([data-width=full]):not([data-direction]),.db-drawer .db-drawer-container:not([data-width=full])[data-direction=right]{border-inline-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=left]{border-inline-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=up]{border-block-start:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container:not([data-width=full])[data-direction=down]{border-block-end:var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default)}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}@media screen and (prefers-reduced-motion:no-preference){.db-drawer .db-drawer-container{transition:transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}.db-drawer .db-drawer-container .db-drawer-header{display:none;--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-drawer .db-drawer-container .db-drawer-header:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-drawer .db-drawer-container .db-drawer-header{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{font-weight:700;margin-block:auto}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[data-position=absolute]{background-color:transparent;block-size:100%;inline-size:100%;inset:0;position:absolute;z-index:3}.db-drawer[data-position=absolute][open]{display:flex}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=left],.db-drawer[data-position=absolute][data-direction=right]{flex-direction:column}.db-drawer[data-position=absolute][data-direction=down],.db-drawer[data-position=absolute][data-direction=left]{align-items:start}.db-drawer[data-position=absolute]:not([data-direction]),.db-drawer[data-position=absolute][data-direction=right],.db-drawer[data-position=absolute][data-direction=up]{align-items:end}.db-drawer[data-position=absolute] .db-drawer-container{position:relative}.db-drawer[open] .db-drawer-container[data-transition=open]:not([data-direction]),.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=left],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=right]{transform:translateX(0)}.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=down],.db-drawer[open] .db-drawer-container[data-transition=open][data-direction=up]{transform:translateY(0)}@media screen and (prefers-reduced-motion:no-preference){.db-drawer[open] .db-drawer-container[data-transition=close]{transition:transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}[data-icon].db-custom-select:not([data-show-icon=false]),[data-icon].db-select:not([data-show-icon=false]){--db-form-has-before:1}.db-custom-select-placeholder,.db-select-placeholder{inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute}@media screen and (prefers-reduced-motion:no-preference){.db-custom-select-placeholder,.db-select-placeholder{transition:opacity var(--db-transition-straight-emotional),outline var(--db-transition-duration-extra-fast),border-color var(--db-transition-straight-emotional),background-color var(--db-transition-straight-emotional)}}.db-custom-select [id$=-placeholder],.db-select [id$=-placeholder]{--label-block-start:calc(var(--db-base-body-icon-font-size-xs) + var(--db-spacing-fixed-xs));--label-block-start-half:calc(var(--label-block-start)*-1/2);inline-size:calc(100% - var(--db-form-component-padding-inline-end) - var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) - var(--db-spacing-fixed-sm));inset-block-start:calc(var(--label-block-start)*var(--db-label-visible-height, 1) + var(--db-sizing-md)/2);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateY(var(--label-block-start-half));white-space:nowrap}.db-select{--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));--db-form-component-min-inline-size:var(--db-sizing-xl);min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));--db-form-has-before:0;flex-direction:column;position:relative}.db-select:not([hidden]){display:flex}.db-select[data-hide-label=true],.db-select[data-variant=floating]{--db-label-visible-above:0}.db-select:not([data-hide-asterisk=true]):has(select:required):is(label):after,.db-select:not([data-hide-asterisk=true]):has(select:required)>label:after,.db-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-select:not([data-hide-asterisk=true]):has(select:required):is(label):after,.db-select:not([data-hide-asterisk=true]):has(select:required)>label:after,.db-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-select[data-variant=floating]:has(select:not([data-custom-validity]):is(:required):user-valid) label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select[data-custom-validity=valid]) label,.db-select[data-variant=floating][data-custom-validity=valid] label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select:not([data-custom-validity]):is(:required):user-invalid) label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]:has(select[data-custom-validity=invalid]) label,.db-select[data-variant=floating][data-custom-validity=invalid] label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-select[data-variant=floating]>label{font-style:italic;inset-block-start:calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm));opacity:var(--db-opacity-xl);pointer-events:none;position:absolute;z-index:2}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select::placeholder{opacity:0;transition:none}.db-select[data-variant=floating] select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{opacity:0;transition:none}.db-select[data-variant=floating] select{padding-block-start:var(--db-base-body-icon-font-size-2xs)}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl);padding-block-start:var(--db-base-body-icon-font-size-2xs)}@media screen and (prefers-reduced-motion:no-preference){.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl);padding-block-start:var(--db-base-body-icon-font-size-2xs)}@media screen and (prefers-reduced-motion:no-preference){.db-select[data-variant=floating]:has(select:focus-within,select:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{transition:opacity var(--db-transition-straight-emotional)}}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>.db-infotext[data-semantic=successful]:not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]){display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid)>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select,.db-select[data-custom-validity=valid] [id$=-placeholder],.db-select[data-custom-validity=valid] select{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-select:has(select[data-custom-validity=valid])>.db-infotext[data-semantic=successful]:not([hidden]),.db-select:has(select[data-custom-validity=valid])>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]),.db-select[data-custom-validity=valid]>.db-infotext[data-semantic=successful]:not([hidden]),.db-select[data-custom-validity=valid]>db-infotext>.db-infotext[data-semantic=successful]:not([hidden]){display:flex}.db-select:has(select[data-custom-validity=valid])>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select[data-custom-validity=valid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=valid]>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=valid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext[data-semantic=critical]:not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select,.db-select[data-custom-validity=invalid] [id$=-placeholder],.db-select[data-custom-validity=invalid] select{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-select:has(select[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-select[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-select:has(select[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-select [id$=-placeholder],.db-select select::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-select select:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-select select{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-select select:hover:not(:disabled,[aria-disabled=true]):is(input),.db-select select:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-select select:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-select select:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-select>label{transition:font-size var(--db-transition-straight-emotional)}}.db-select[data-hide-label=true]>label{padding:0}.db-select:has(select:disabled,select[data-disabled=true],select[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-select:after,.db-select:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-select:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-select:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-select[data-icon]:not([data-show-icon=false]){--db-form-component-min-inline-size:var(--db-sizing-2xl)}.db-select select{text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select[data-hide-label=true]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select option{background-color:var(--db-adaptive-bg-basic-level-1-default);color:var(--db-adaptive-on-bg-basic-emphasis-100-default)}.db-select optgroup{background-color:var(--db-adaptive-bg-basic-level-3-default)}.db-select:has(>select option:checked:not(.placeholder)) [id$=-placeholder],.db-select:has(>select option:checked:not(.placeholder)) option[data-show-empty-option=false]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):is(:hover,:focus-visible):is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):is(:hover,:focus-visible)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:is(:hover,:focus-visible)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:is(:hover,:focus-visible):is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{align-items:center;background-color:var(--db-adaptive-bg-basic-transparent-full-default);border-radius:var(--db-border-radius-sm);cursor:pointer;inline-size:100%;justify-content:space-between;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);text-align:center;white-space:nowrap}.db-navigation-item .db-navigation-item-expand-button:not([hidden]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:not([hidden]),.db-navigation-item a:not([hidden]){display:inline-flex}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]):is(textarea),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]):is(input),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-full-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]):is(textarea),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]):is(input),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:is(:hover,:focus)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:is(:hover,:focus)),.db-navigation-item a:has(~.db-sub-navigation:is(:hover,:focus)){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-navigation-item{--db-has-before:0;inline-size:auto;position:relative}.db-navigation-item[data-icon]:not([data-show-icon=false]):before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;position:absolute;z-index:1}.db-navigation-item[data-icon]:not([data-show-icon=false]) a,.db-navigation-item[data-icon]:not([data-show-icon=false]) button,.db-navigation-item[data-icon]:not([data-show-icon=false]) label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-icon-font-size));padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item:not([hidden]){display:inline-flex}.db-navigation-item[data-wrap=true] :is(a,.db-navigation-item-expand-button):first-of-type{text-align:start;white-space:normal}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{transform:translateX(0);visibility:visible}@media screen and (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{transition:visibility 0s linear 0s,transform var(--db-transition-duration-extra-slow) var(--db-transition-timing-emotional)}}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transform:translateX(110%)}@media screen and (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 screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{transform:translateX(0);visibility:visible}}@media screen and (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 screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transform:translateX(110%)}}@media screen and (max-width:63.9375em) and (prefers-reduced-motion:no-preference){.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0s linear .41s,transform var(--db-transition-duration-slow) var(--db-transition-timing-emotional)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing=false]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"chevron_right";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):not([data-show-icon-trailing=false]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item:has([data-active=true])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button),.db-navigation-item[data-active=true]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-sub-navigation{background-color:var(--db-adaptive-bg-basic-level-1-default);flex-direction:column;inset-inline-start:0;margin:0;visibility:hidden;z-index:70}.db-sub-navigation:not([hidden]){display:flex}.db-sub-navigation[data-force-mobile=true]{inline-size:100%;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs));overflow:hidden auto;padding:var(--db-spacing-fixed-md);position:fixed}@media screen and (max-width:63.9375em){.db-sub-navigation{inline-size:100%;inset-block:calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs));overflow:hidden auto;padding:var(--db-spacing-fixed-md);position:fixed}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back:not([hidden]),.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back:not([hidden]){display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);inset-block-start:calc(100% + var(--db-spacing-fixed-md));min-inline-size:328px;padding:var(--db-spacing-fixed-sm);position:absolute;transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{inset-inline-start:100%;transform:translateX(-100%)}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):is(:hover,:focus-within):not([data-force-close=true]),.db-sub-navigation[data-force-mobile=false]:is(:hover,:focus-within):not([data-force-close=true]){visibility:visible}.db-sub-navigation:not([data-force-mobile])[data-force-close=true],.db-sub-navigation[data-force-mobile=false][data-force-close=true]{pointer-events:none}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));content:"";inline-size:100%;inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs));inset-inline-start:0;position:absolute}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=bottom]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]{inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1);transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right][data-outside-vy=bottom]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=right]:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=right]:before{inset-block:auto 0;transform:translateX(100%) scaleX(-1)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{background:transparent;block-size:100%;clip-path:var(--db-navigation-item-clip-path,polygon(10% 30px,100% 0,100% 100%));content:"";inline-size:var(--db-navigation-item-inline-size,100%);inset-block-start:0;inset-inline-start:0;position:absolute;transform:translateX(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{block-size:100%;content:"";inline-size:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);padding:var(--db-spacing-fixed-xs);position:absolute}}.db-sub-navigation:empty:not([hidden]){display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{margin-inline-start:auto}.db-mobile-navigation-back{background-color:var(--db-adaptive-bg-basic-level-1-default);font-weight:400;margin-block-end:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-mobile-navigation-back:not([hidden]){display:flex}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-mobile-navigation-back:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-mobile-navigation-back{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@supports (field-sizing:content){.db-tab-list>ul[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]),.db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true],[data-resize=none]){scrollbar-width:none}}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:.5rem;border-start-end-radius:var(--db-border-radius-xs);inline-size:.5rem;z-index:3}.db-tab-list>ul:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-tab-list>ul:is(:hover,:focus)::-webkit-scrollbar-track,.db-textarea textarea:is(:hover,:focus)::-webkit-scrollbar-button:single-button,.db-textarea textarea:is(:hover,:focus)::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);background-position:50%;background-repeat:no-repeat;background-size:.5rem;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:is(:hover,:focus),.db-textarea textarea::-webkit-scrollbar-button:single-button:is(:hover,:focus){background-color:var(--db-adaptive-bg-basic-transparent-full-hovered)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-adaptive-bg-basic-transparent-full-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-scrollbar-button-vertical-decrement);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-scrollbar-button-vertical-increment)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:horizontal:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:var(--db-scrollbar-button-horizontal-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:horizontal:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:var(--db-scrollbar-button-horizontal-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-semi-default)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-adaptive-bg-basic-level-1-default)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-adaptive-bg-basic-transparent-full-default);background-image:var(--db-textarea-resizer-image);background-position:50%;background-repeat:no-repeat;background-size:.5rem;border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=none],.db-textarea textarea[data-hide-resizer=true]{resize:none}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=both]{resize:both}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=horizontal]{resize:horizontal}.db-textarea textarea:not([data-hide-resizer=true])[data-resize=vertical]{resize:vertical}.db-textarea{min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));--db-form-has-before:0;flex-direction:column;position:relative}.db-textarea:not([hidden]){display:flex}.db-textarea[data-hide-label=true],.db-textarea[data-variant=floating]{--db-label-visible-above:0}.db-textarea:not([data-hide-asterisk=true]):has(textarea:required):is(label):after,.db-textarea:not([data-hide-asterisk=true]):has(textarea:required)>label:after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-textarea:not([data-hide-asterisk=true]):has(textarea:required):is(label):after,.db-textarea:not([data-hide-asterisk=true]):has(textarea:required)>label:after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-textarea:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-textarea[data-variant=floating]:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea[data-custom-validity=valid]) label,.db-textarea[data-variant=floating][data-custom-validity=valid] label{color:var(--db-successful-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]:has(textarea[data-custom-validity=invalid]) label,.db-textarea[data-variant=floating][data-custom-validity=invalid] label{color:var(--db-critical-on-bg-basic-emphasis-90-default)}.db-textarea[data-variant=floating]>label{font-style:italic;inset-block-start:calc((var(--db-sizing-md) - var(--db-icon-font-size))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm));opacity:var(--db-opacity-xl);pointer-events:none;position:absolute;z-index:2}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(var(--db-sizing-md)/2 - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{opacity:0;transition:none}.db-textarea[data-variant=floating] textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{opacity:0;transition:none}.db-textarea[data-variant=floating] textarea{padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs))}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}@media screen and (prefers-reduced-motion:no-preference){.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-textarea[data-variant=floating]:has(textarea:focus-within,textarea:is(input,textarea):not(:placeholder-shown),>select option:checked:not(.placeholder),input[type=checkbox]:checked,input[type=radio]:checked) textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}@media screen and (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(
   	--db-successful-bg-basic-transparent-full-default
   );--db-adaptive-bg-basic-transparent-semi-default:var(
   	--db-successful-bg-basic-transparent-semi-default