@db-ux/core-components 3.1.3 → 3.1.15

package/README.md

@@ -23,10 +23,21 @@ For additional information besides the frameworks see our [Getting started](http
 
 If you just need the styling follow this:
 
+## Package Relationship
+
+**✅ Do I need foundations if I install components?**
+
+**No!** The `@db-ux/core-components` package **automatically includes** all the foundations (`@db-ux/core-foundations`) you need. You only need to install one package:
+
+- **Use `@db-ux/core-components`** - If you want to use UI components (buttons, inputs, etc.) 
+- **Use `@db-ux/core-foundations`** - If you only need design tokens, colors, spacing, fonts, and assets without any component styles
+
 ## Install
 
 `npm i @db-ux/core-components`
 
+> **Note**: This automatically includes `@db-ux/core-foundations` as a dependency, so you don't need to install it separately.
+
 ## Styling Dependencies
 
 Import the styles in `scss` or `css`. Based on your technology the file names could be different.
@@ -35,7 +46,7 @@ Import the styles in `scss` or `css`. Based on your technology the file names co
 - `webpack`: asset path point to `~@db-ux/core-foundations/assets`
 - `rollup`: asset path point to `@db-ux/core-foundations/assets`
 
-They are bundling all dependencies from [foundations](https://www.npmjs.com/package/@db-ux/core-foundations) and all [components](https://github.com/db-ux-design-system/core-web/blob/main/packages/components/src/styles/db-ux-components.scss) available.
+**Important**: These bundled files automatically include **all dependencies from [foundations](https://www.npmjs.com/package/@db-ux/core-foundations)** (design tokens, colors, fonts, etc.) **and all [components](https://github.com/db-ux-design-system/core-web/blob/main/packages/components/src/styles/db-ux-components.scss)** - everything you need in one import!
 
 **SCSS**
 

package/build/components/custom-select/custom-select.css

@@ -721,35 +721,12 @@ input[type=radio]:checked) > label {
   --db-form-has-before: 1;
 }
 
-.db-custom-select {
-  /* [id$="-placeholder"] {
-  	@extend %db-overwrite-font-size-md;
-
-  	position: absolute;
-  	pointer-events: none;
-  	// we use the top of the element, the size of the label+label-margin-bottom and the font-size of the select/2
-  	// for functional we have some rounding issues for rem, so we need 1px less
-  	inset-block-start: calc(
-  		0% +
-  			(
-  				var(--db-base-body-icon-font-size-xs) +
-  					var(--db-spacing-fixed-xs)
-  			) *
-  			var(--db-label-visible-above, 1) +
-  			var(--db-type-body-font-size-md) /
-  			2 - var(--db-density-functional, 0) * 1px
-  	);
-  	inset-inline: $has-before-padding;
-  	margin-inline-start: variables.$db-spacing-fixed-sm;
-  	overflow: hidden;
-  	white-space: nowrap;
-  	text-overflow: ellipsis;
-  	inline-size: calc(
-  		100% - var(--db-form-component-padding-inline-end) -
-  			calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm)
-  	);
-  } */
+.db-custom-select-placeholder {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
 }
+
 .db-custom-select [id$=-placeholder] {
   --label-block-start: calc(
   	(

package/build/components/custom-select/custom-select.scss

@@ -7,6 +7,10 @@
 @use "../../styles/internal/select-components";
 @use "../../styles/dialog-init";
 
+.db-custom-select-placeholder {
+	@extend %select-absolute-placeholder;
+}
+
 .db-custom-select {
 	--db-form-component-padding-inline-end: calc(
 		#{select-components.$select-icon-padding} + #{variables.$db-sizing-sm} +

package/build/components/select/select.css

@@ -568,35 +568,12 @@ input[type=radio]:checked) > label {
   --db-form-has-before: 1;
 }
 
-.db-select {
-  /* [id$="-placeholder"] {
-  	@extend %db-overwrite-font-size-md;
-
-  	position: absolute;
-  	pointer-events: none;
-  	// we use the top of the element, the size of the label+label-margin-bottom and the font-size of the select/2
-  	// for functional we have some rounding issues for rem, so we need 1px less
-  	inset-block-start: calc(
-  		0% +
-  			(
-  				var(--db-base-body-icon-font-size-xs) +
-  					var(--db-spacing-fixed-xs)
-  			) *
-  			var(--db-label-visible-above, 1) +
-  			var(--db-type-body-font-size-md) /
-  			2 - var(--db-density-functional, 0) * 1px
-  	);
-  	inset-inline: $has-before-padding;
-  	margin-inline-start: variables.$db-spacing-fixed-sm;
-  	overflow: hidden;
-  	white-space: nowrap;
-  	text-overflow: ellipsis;
-  	inline-size: calc(
-  		100% - var(--db-form-component-padding-inline-end) -
-  			calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm)
-  	);
-  } */
+.db-select-placeholder {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
 }
+
 .db-select [id$=-placeholder] {
   --label-block-start: calc(
   	(

package/build/components/select/select.scss

@@ -7,6 +7,10 @@
 @use "../../styles/internal/component";
 @use "../../styles/internal/select-components";
 
+.db-select-placeholder {
+	@extend %select-absolute-placeholder;
+}
+
 .db-select {
 	--db-form-component-padding-inline-end: #{select-components.$select-icon-padding};
 	--db-form-component-min-inline-size: #{variables.$db-sizing-xl};

package/build/styles/absolute.css

@@ -1804,7 +1804,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),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{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;display:flex;inline-size:100%;margin-inline-start:0}@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;display:inline-flex;text-decoration:none}.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{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{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}.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}.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}.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)}.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}@media screen and (prefers-reduced-motion:no-preference){.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-straight-hide)}}[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 [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;display:flex;flex-direction:column;position:relative}.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]>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(50% - .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{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:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) 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):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext[data-semantic=successful],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext[data-semantic=successful]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext:not([data-semantic]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) select,.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) 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]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext[data-semantic=successful],.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext[data-semantic=successful],.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext[data-semantic=successful],.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext[data-semantic=successful]{display:flex}.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext:not([data-semantic]),.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext:not([data-semantic]),.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext:not([data-semantic]),.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext:not([data-semantic]){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],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext:not([data-semantic]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext:not([data-semantic]){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],.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical],.db-select[data-custom-validity=invalid]>.db-infotext[data-semantic=critical],.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-select:has(select[data-custom-validity=invalid])>.db-infotext:not([data-semantic]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]),.db-select[data-custom-validity=invalid]>.db-infotext:not([data-semantic]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]){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{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;display:inline-flex;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: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;display:inline-flex;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[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{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{animation:show-right-to-left var(--db-transition-straight-show);transition:visibility 0s linear 0s}}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}@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{animation:hide-right-to-left var(--db-transition-straight-hide);transition:visibility 0s linear .41s}}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{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{animation:show-right-to-left var(--db-transition-straight-show);transition:visibility 0s linear 0s}}@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}}@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{animation:hide-right-to-left var(--db-transition-straight-hide);transition:visibility 0s linear .41s}}.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);display:flex;flex-direction:column;inset-inline-start:0;margin:0;visibility:hidden;z-index:70}.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,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{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{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);display:flex;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[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;display:flex;flex-direction:column;position:relative}.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]>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(50% - .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{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:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]){--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),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{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;display:flex;inline-size:100%;margin-inline-start:0}@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;display:inline-flex;text-decoration:none}.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{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{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}.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}.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}.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)}.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}@media screen and (prefers-reduced-motion:no-preference){.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-straight-hide)}}[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;position:absolute}.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;display:flex;flex-direction:column;position:relative}.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]>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(50% - .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{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:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) 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):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext[data-semantic=successful],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext[data-semantic=successful]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext:not([data-semantic]),.db-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) select,.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) 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]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext[data-semantic=successful],.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext[data-semantic=successful],.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext[data-semantic=successful],.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext[data-semantic=successful]{display:flex}.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext:not([data-semantic]),.db-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext:not([data-semantic]),.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext:not([data-semantic]),.db-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>db-infotext>.db-infotext:not([data-semantic]){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],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext:not([data-semantic]),.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext:not([data-semantic]){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],.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical],.db-select[data-custom-validity=invalid]>.db-infotext[data-semantic=critical],.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-select:has(select[data-custom-validity=invalid])>.db-infotext:not([data-semantic]),.db-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]),.db-select[data-custom-validity=invalid]>.db-infotext:not([data-semantic]),.db-select[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]){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{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;display:inline-flex;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: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;display:inline-flex;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[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{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{animation:show-right-to-left var(--db-transition-straight-show);transition:visibility 0s linear 0s}}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}@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{animation:hide-right-to-left var(--db-transition-straight-hide);transition:visibility 0s linear .41s}}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{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{animation:show-right-to-left var(--db-transition-straight-show);transition:visibility 0s linear 0s}}@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}}@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{animation:hide-right-to-left var(--db-transition-straight-hide);transition:visibility 0s linear .41s}}.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);display:flex;flex-direction:column;inset-inline-start:0;margin:0;visibility:hidden;z-index:70}.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,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{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{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);display:flex;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[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;display:flex;flex-direction:column;position:relative}.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]>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(50% - .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{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:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]){--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