@db-ux/core-components 2.3.0 → 2.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/custom-select-list/custom-select-list.css +1 -0
- package/build/components/custom-select-list/custom-select-list.scss +1 -0
- package/build/components/drawer/drawer.css +5 -0
- package/build/components/drawer/drawer.scss +1 -0
- package/build/components/textarea/textarea.css +1 -0
- package/build/components/textarea/textarea.scss +1 -0
- package/build/styles/absolute.css +3 -3
- package/build/styles/index.css +3 -3
- package/build/styles/relative.css +3 -3
- package/build/styles/rollup.css +3 -3
- package/build/styles/webpack.css +3 -3
- package/package.json +3 -3
package/build/styles/index.css
CHANGED
|
@@ -632,7 +632,7 @@
|
|
|
632
632
|
--db-warning-on-bg-basic-emphasis-60-default
|
|
633
633
|
);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(
|
|
634
634
|
--db-informational-on-bg-basic-emphasis-60-default
|
|
635
|
-
);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-hide-icon=true]):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-hide-icon=true]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-hide-icon=true]) button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-hide-icon=true]) 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-hide-icon-after=true]):after{--db-icon-after:"circle";content:var(--db-icon-after,attr(data-icon-after));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-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-tag[data-show-check-state=true] label:has(input:checked):not([data-hide-icon-after=true]):after{--db-icon-after:"check_circle";content:var(--db-icon-after,attr(data-icon-after));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-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.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-hide-icon-before=true]):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[data-backdrop],dialog[data-variant]{inset:0;position:fixed;z-index:9995}dialog{border:0;color:inherit;margin:0;padding:0;z-index:9996}dialog[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}.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-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-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-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-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-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)))}.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}@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-hide-icon=true]),[data-icon].db-select:not([data-hide-icon=true]){--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[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([hidden]),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([hidden]),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([hidden]),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([hidden]),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([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-select:has(select:required):is(label):after,.db-select:has(select:required)>label:after,.db-select[data-required=true]:is(label):after,.db-select[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-select:has(select:required):is(label):after,.db-select:has(select:required)>label:after,.db-select[data-required=true]:is(label):after,.db-select[data-required=true]>label:after{content:"*"/""}}.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-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 select:is(input,textarea)[data-field-sizing=content]{field-sizing:content}.db-select select:is(input,textarea)[data-field-sizing=fixed]{field-sizing:fixed}.db-select select:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-level-1-default))!important}.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-hide-icon=true]){--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:has(>select option:checked:not([hidden])) [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-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-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-hovered)}.db-navigation-item{--db-has-before:0;display:inline-flex;inline-size:auto;position:relative}.db-navigation-item[data-icon]:not([data-hide-icon=true]):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-hide-icon=true]) a,.db-navigation-item[data-icon]:not([data-hide-icon=true]) button,.db-navigation-item[data-icon]:not([data-hide-icon=true]) 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-hide-icon-after=true]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-hide-icon-after=true]):after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));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-hide-icon-after=true]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.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-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-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-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-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[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([hidden]),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([hidden]),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([hidden]),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([hidden]),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([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-textarea:has(textarea:required):is(label):after,.db-textarea:has(textarea:required)>label:after,.db-textarea[data-required=true]:is(label):after,.db-textarea[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-textarea:has(textarea:required):is(label):after,.db-textarea:has(textarea:required)>label:after,.db-textarea[data-required=true]:is(label):after,.db-textarea[data-required=true]>label:after{content:"*"/""}}.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(
|
|
635
|
+
);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-hide-icon=true]):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-hide-icon=true]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-hide-icon=true]) button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:not([data-hide-icon=true]) 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-hide-icon-after=true]):after{--db-icon-after:"circle";content:var(--db-icon-after,attr(data-icon-after));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-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-tag[data-show-check-state=true] label:has(input:checked):not([data-hide-icon-after=true]):after{--db-icon-after:"check_circle";content:var(--db-icon-after,attr(data-icon-after));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-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.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-hide-icon-before=true]):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[data-backdrop],dialog[data-variant]{inset:0;position:fixed;z-index:9995}dialog{border:0;color:inherit;margin:0;padding:0;z-index:9996}dialog[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}.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)))}.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}@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-hide-icon=true]),[data-icon].db-select:not([data-hide-icon=true]){--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[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([hidden]),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([hidden]),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([hidden]),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([hidden]),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([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) select::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-select:has(select:required):is(label):after,.db-select:has(select:required)>label:after,.db-select[data-required=true]:is(label):after,.db-select[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-select:has(select:required):is(label):after,.db-select:has(select:required)>label:after,.db-select[data-required=true]:is(label):after,.db-select[data-required=true]>label:after{content:"*"/""}}.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-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 select:is(input,textarea)[data-field-sizing=content]{field-sizing:content}.db-select select:is(input,textarea)[data-field-sizing=fixed]{field-sizing:fixed}.db-select select:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-level-1-default))!important}.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-hide-icon=true]){--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:has(>select option:checked:not([hidden])) [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-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-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-hovered)}.db-navigation-item{--db-has-before:0;display:inline-flex;inline-size:auto;position:relative}.db-navigation-item[data-icon]:not([data-hide-icon=true]):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-hide-icon=true]) a,.db-navigation-item[data-icon]:not([data-hide-icon=true]) button,.db-navigation-item[data-icon]:not([data-hide-icon=true]) 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-hide-icon-after=true]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-hide-icon-after=true]):after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));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-hide-icon-after=true]):after,.db-navigation-item .db-navigation-item-expand-button>button:not([data-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.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-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-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-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-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[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([hidden]),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([hidden]),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([hidden]),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([hidden]),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([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-textarea:has(textarea:required):is(label):after,.db-textarea:has(textarea:required)>label:after,.db-textarea[data-required=true]:is(label):after,.db-textarea[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-textarea:has(textarea:required):is(label):after,.db-textarea:has(textarea:required)>label:after,.db-textarea[data-required=true]:is(label):after,.db-textarea[data-required=true]>label:after{content:"*"/""}}.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(
|
|
636
636
|
--db-successful-bg-basic-transparent-full-default
|
|
637
637
|
);--db-adaptive-bg-basic-transparent-semi-default:var(
|
|
638
638
|
--db-successful-bg-basic-transparent-semi-default
|
|
@@ -680,7 +680,7 @@
|
|
|
680
680
|
--db-critical-on-bg-basic-emphasis-100-default
|
|
681
681
|
);--db-adaptive-on-bg-basic-emphasis-60-default:var(
|
|
682
682
|
--db-critical-on-bg-basic-emphasis-60-default
|
|
683
|
-
)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical],.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical],.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical],.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{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-textarea textarea:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true]):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea:is(input,textarea)[data-field-sizing=content]{field-sizing:content}.db-textarea textarea:is(input,textarea)[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-level-1-default))!important}.db-textarea>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-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea: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-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:none;border-inline-end:none;border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none;z-index:1}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:read-only):after{background-color:var(--db-adaptive-bg-basic-level-1-default)!important}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:not(:disabled):is(:hover,:focus)):after{background-color:var(--db-adaptive-bg-basic-transparent-hovered)}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);block-size:fit-content;border-radius:var(--db-border-radius-full);font-weight:700;inline-size:fit-content;padding-inline:var(--db-spacing-fixed-2xs)}.db-badge:not([data-semantic]):not([data-emphasis]),.db-badge:not([data-semantic])[data-emphasis=weak],.db-badge[data-semantic=adaptive]:not([data-emphasis]),.db-badge[data-semantic=adaptive][data-emphasis=weak]{--db-tag-border-color:var(
|
|
683
|
+
)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical],.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical],.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical],.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{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-textarea textarea:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true]):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea:is(input,textarea)[data-field-sizing=content]{field-sizing:content}.db-textarea textarea:is(input,textarea)[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-level-1-default))!important}.db-textarea>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-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea: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-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:none;border-inline-end:none;border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none;z-index:1}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:read-only):after{background-color:var(--db-adaptive-bg-basic-level-1-default)!important}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:not(:disabled):is(:hover,:focus)):after{background-color:var(--db-adaptive-bg-basic-transparent-hovered)}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);block-size:fit-content;border-radius:var(--db-border-radius-full);font-weight:700;inline-size:fit-content;padding-inline:var(--db-spacing-fixed-2xs)}.db-badge:not([data-semantic]):not([data-emphasis]),.db-badge:not([data-semantic])[data-emphasis=weak],.db-badge[data-semantic=adaptive]:not([data-emphasis]),.db-badge[data-semantic=adaptive][data-emphasis=weak]{--db-tag-border-color:var(
|
|
684
684
|
--db-adaptive-on-bg-basic-emphasis-70-default
|
|
685
685
|
);background-color:var(--db-adaptive-bg-basic-level-3-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic]):not([data-emphasis]):after,.db-badge:not([data-semantic]):not([data-emphasis]):before,.db-badge:not([data-semantic])[data-emphasis=weak]:after,.db-badge:not([data-semantic])[data-emphasis=weak]:before,.db-badge[data-semantic=adaptive]:not([data-emphasis]):after,.db-badge[data-semantic=adaptive]:not([data-emphasis]):before,.db-badge[data-semantic=adaptive][data-emphasis=weak]:after,.db-badge[data-semantic=adaptive][data-emphasis=weak]:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic])[data-emphasis=strong],.db-badge[data-semantic=adaptive][data-emphasis=strong]{--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-badge:not([data-semantic])[data-emphasis=strong]:after,.db-badge:not([data-semantic])[data-emphasis=strong]:before,.db-badge[data-semantic=adaptive][data-emphasis=strong]:after,.db-badge[data-semantic=adaptive][data-emphasis=strong]:before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge[data-semantic=neutral]:not([data-emphasis]),.db-badge[data-semantic=neutral][data-emphasis=weak]{--db-tag-border-color:var(
|
|
686
686
|
--db-neutral-on-bg-basic-emphasis-70-default
|
|
@@ -696,4 +696,4 @@
|
|
|
696
696
|
--db-adaptive-on-bg-basic-emphasis-100-hovered
|
|
697
697
|
)}.db-switch:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover):is(label),.db-switch:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover)>label{cursor:var(--db-overwrite-cursor,pointer)}.db-switch:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover) input{background-color:var(--db-adaptive-bg-basic-transparent-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-switch:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active){--db-check-element-label-color:var(
|
|
698
698
|
--db-adaptive-on-bg-basic-emphasis-100-pressed
|
|
699
|
-
)}.db-switch:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active):is(label),.db-switch:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active)>label{cursor:var(--db-overwrite-cursor,pointer)}.db-switch:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active) input{background-color:var(--db-adaptive-bg-basic-transparent-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-switch>input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;display:flex;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem)}.db-switch>input:not([data-hide-icon-after=true]):after{--db-icon-after:"cross";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch>input:not([data-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch>input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch>input:before{align-content:center;aspect-ratio:1;background-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-adaptive-on-bg-basic-emphasis-100-default);content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch>input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch>input:checked{--thumb-offset-x:calc(100% + 0.125rem);background-color:var(--db-adaptive-bg-inverted-contrast-max-default);border-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);color:var(--db-adaptive-on-bg-inverted-default)}.db-switch>input:checked:after,.db-switch>input:checked:before{--db-icon-color:var(--db-adaptive-on-bg-inverted-default)}.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-inverted-contrast-max-hovered)}.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-inverted-contrast-max-pressed)}.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]){border-color:var(--db-adaptive-on-bg-basic-emphasis-100-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]):is(input),.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]){border-color:var(--db-adaptive-on-bg-basic-emphasis-100-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]):is(input),.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:after{--db-icon-color:var(--db-adaptive-on-bg-inverted-default)}.db-switch>input:checked:before{background-color:var(--db-adaptive-on-bg-inverted-default);block-size:calc(var(--db-icon-font-size));color:var(--db-adaptive-on-bg-inverted-default);margin:0}.db-switch>input:focus-visible{border-radius:var(--db-border-radius-full)}.db-switch>input[data-aid-icon]:not(:checked):after{--db-icon-after:attr(data-aid-icon)}.db-switch>input[data-aid-icon-after]:checked:after{--db-icon-after:attr(data-aid-icon-after)}@media screen and (prefers-reduced-motion:no-preference){.db-switch>input{transition:none}}.db-switch[data-hide-label=true]{gap:0}.db-switch[data-size=small]{gap:var(--db-spacing-fixed-2xs)}.db-switch[data-emphasis=strong]>input{--db-check-element-border-color:var(--db-adaptive-bg-basic-transparent-full-default);background-color:var(--db-adaptive-bg-inverted-contrast-low-default);border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);color:var(--db-adaptive-on-bg-inverted-default)}.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-inverted-contrast-low-hovered);border-color:var(--db-adaptive-on-bg-basic-emphasis-70-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-inverted-contrast-low-pressed);border-color:var(--db-adaptive-on-bg-basic-emphasis-70-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):before{block-size:calc(var(--db-icon-font-size) - .25rem)}.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]>input:not(:checked){--thumb-offset-x:0}.db-switch[data-emphasis=strong]>input:checked:before{background-color:var(--db-adaptive-on-bg-inverted-default);color:var(--db-adaptive-on-bg-inverted-default)}.db-switch[data-emphasis=strong]>input:after,.db-switch[data-emphasis=strong]>input:checked:after{--db-icon-color:var(--db-adaptive-on-bg-inverted-default)}.db-switch[data-emphasis=strong]>input:before{background-color:var(--db-adaptive-on-bg-inverted-default);block-size:calc(var(--db-icon-font-size));color:var(--db-adaptive-on-bg-inverted-default);margin:0}.db-switch[data-emphasis=strong]>input:after,.db-switch[data-visual-aid=true]>input:after{block-size:calc(var(--db-icon-font-size));visibility:visible}.db-switch[data-emphasis=strong]>input:checked:not([data-aid-icon]):not([data-hide-icon-after=true]):after,.db-switch[data-visual-aid=true]>input:checked:not([data-aid-icon]):not([data-hide-icon-after=true]):after{--db-icon-after:"check";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch[data-emphasis=strong]>input:checked:not([data-aid-icon]):not([data-hide-icon-after=true]):after,.db-switch[data-visual-aid=true]>input:checked:not([data-aid-icon]):not([data-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{block-size:calc(var(--db-icon-font-size));transform:translateX(calc(-100% - .125rem))}.db-stack{block-size:100%;display:flex;gap:var(--db-spacing-fixed-sm);inline-size:100%;justify-content:flex-start;overflow:auto}.db-stack:is([data-direction=column],:not([data-direction])){flex-direction:column}.db-stack>.db-divider,.db-stack>db-divider>.db-divider{margin:0}[data-direction=row].db-stack{flex-direction:row}[data-wrap=true].db-stack{flex-wrap:wrap}[data-alignment=stretch].db-stack{align-items:stretch}[data-alignment=start].db-stack{align-items:flex-start}[data-alignment=end].db-stack{align-items:flex-end}[data-alignment=center].db-stack{align-items:center}[data-justify-content=start].db-stack{justify-content:flex-start}[data-justify-content=end].db-stack{justify-content:flex-end}[data-justify-content=center].db-stack{justify-content:center}[data-justify-content=space-between].db-stack{justify-content:space-between}[data-gap="3x-small"].db-stack{gap:var(--db-spacing-fixed-3xs)}[data-gap="2x-small"].db-stack{gap:var(--db-spacing-fixed-2xs)}[data-gap=x-small].db-stack{gap:var(--db-spacing-fixed-xs)}[data-gap=small].db-stack{gap:var(--db-spacing-fixed-sm)}[data-gap=medium].db-stack{gap:var(--db-spacing-fixed-md)}[data-gap=large].db-stack{gap:var(--db-spacing-fixed-lg)}[data-gap=x-large].db-stack{gap:var(--db-spacing-fixed-xl)}[data-gap="2x-large"].db-stack{gap:var(--db-spacing-fixed-2xl)}[data-gap="3x-large"].db-stack{gap:var(--db-spacing-fixed-3xl)}[data-gap=none].db-stack{gap:0}.db-custom-select{--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-sizing-sm) + var(--db-spacing-fixed-sm));--db-form-component-padding-inline-start:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) + var(--db-spacing-fixed-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-custom-select[data-icon]:not([data-hide-icon=true]){--db-form-component-min-inline-size:var(--db-sizing-2xl)}.db-custom-select:not([data-width]),.db-custom-select:not([data-width]) .db-custom-select-form-field,.db-custom-select[data-width=full],.db-custom-select[data-width=full] .db-custom-select-form-field{inline-size:100%}.db-custom-select[data-hide-label=true]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-custom-select{--db-form-has-before:0;display:flex;flex-direction:column;position:relative}.db-custom-select[data-hide-label=true],.db-custom-select[data-variant=floating]{--db-label-visible-above:0}.db-custom-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-custom-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-custom-select[data-variant=floating] [id$=-placeholder],.db-custom-select[data-variant=floating] summary::placeholder{opacity:0;transition:none}.db-custom-select[data-variant=floating] summary{padding-block-start:var(--db-base-body-icon-font-size-2xs)}.db-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) summary::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-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) summary::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-custom-select:has(summary:required):is(label):after,.db-custom-select:has(summary:required)>label:after,.db-custom-select[data-required=true]:is(label):after,.db-custom-select[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-custom-select:has(summary:required):is(label):after,.db-custom-select:has(summary:required)>label:after,.db-custom-select[data-required=true]:is(label):after,.db-custom-select[data-required=true]>label:after{content:"*"/""}}.db-custom-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-custom-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) summary{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-custom-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-custom-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-custom-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-custom-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-custom-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-custom-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) summary,.db-custom-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-custom-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) summary{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-custom-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-custom-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-custom-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext[data-semantic=successful],.db-custom-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-custom-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-custom-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-custom-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext:not([data-semantic]),.db-custom-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-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid) summary{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext[data-semantic=critical],.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext:not([data-semantic]),.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext:not([data-semantic]){display:none}.db-custom-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-custom-select:has(select[data-custom-validity=invalid]) summary,.db-custom-select[data-custom-validity=invalid] [id$=-placeholder],.db-custom-select[data-custom-validity=invalid] summary{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-custom-select:has(select[data-custom-validity=invalid])>.db-infotext[data-semantic=critical],.db-custom-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical],.db-custom-select[data-custom-validity=invalid]>.db-infotext[data-semantic=critical],.db-custom-select[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-custom-select:has(select[data-custom-validity=invalid])>.db-infotext:not([data-semantic]),.db-custom-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]),.db-custom-select[data-custom-validity=invalid]>.db-infotext:not([data-semantic]),.db-custom-select[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]){display:none}.db-custom-select [id$=-placeholder],.db-custom-select summary::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-custom-select summary{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-custom-select summary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-custom-select summary:hover:not(:disabled,[aria-disabled=true]):is(input),.db-custom-select summary:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-custom-select summary:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-custom-select summary:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-custom-select summary:is(input,textarea)[data-field-sizing=content]{field-sizing:content}.db-custom-select summary:is(input,textarea)[data-field-sizing=fixed]{field-sizing:fixed}.db-custom-select summary:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-level-1-default))!important}.db-custom-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-custom-select>label{transition:font-size var(--db-transition-straight-emotional)}}.db-custom-select[data-hide-label=true]>label{padding:0}.db-custom-select:has(summary:disabled,summary[data-disabled=true],summary[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-custom-select:after,.db-custom-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-custom-select:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-custom-select:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-custom-select summary{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-custom-select [id$=-placeholder]{display:none;margin-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm))}.db-custom-select:has(.db-custom-select-form-field:empty),.db-custom-select:has(.db-custom-select-form-field>:empty){--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-custom-select:has(.db-custom-select-form-field:empty) [id$=-placeholder],.db-custom-select:has(.db-custom-select-form-field>:empty) [id$=-placeholder]{display:block}.db-custom-select>.db-button[data-icon=cross][data-variant=ghost],.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost]{--db-tooltip-parent-position:absolute;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);inset-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-xs));transform:translateY(-50%);--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select>.db-button[data-icon=cross][data-variant=ghost][data-emphasis=strong],.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost][data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select>.db-button[data-icon=cross][data-variant=ghost]:after,.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost]:after{background-color:var(--db-divider-bg-color);content:"";inline-size:var(--db-border-width-3xs);inset-block:0;inset-inline-end:0}@media (forced-colors:active){.db-custom-select>.db-button[data-icon=cross][data-variant=ghost],.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost]{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select>.db-button[data-icon=cross][data-variant=ghost]:after,.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost]:after{inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1 - var(--db-border-width-3xs));position:absolute}.db-custom-select[data-selected-type=tag] .db-custom-select-form-field:has(:not(div:empty)){block-size:auto;padding-block:var(--db-spacing-fixed-xs)}.db-custom-select[data-selected-type=tag] .db-custom-select-form-field:has(:not(div:empty))>div{flex-wrap:wrap}.db-custom-select[data-selected-type=tag] .db-custom-select-form-field>button{align-self:start}.db-custom-select>details[open]>summary[data-force-mobile=true]:before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg));content:"";cursor:default;inset:0;opacity:var(--db-opacity-lg);position:fixed;z-index:9998}@media screen and (max-width:44.9375em){.db-custom-select>details[open]>summary:before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg));content:"";cursor:default;inset:0;opacity:var(--db-opacity-lg);position:fixed;z-index:9998}}.db-custom-select[data-variant=floating] .db-custom-select-form-field>span{padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-custom-select-form-field:is(summary){align-items:center;display:flex;gap:var(--db-spacing-fixed-sm);justify-content:space-between;list-style:none}.db-custom-select-form-field:is(summary) span{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.db-custom-select-form-field:is(summary)>div{display:flex;gap:var(--db-spacing-fixed-sm)}.db-custom-select-dropdown{box-shadow:var(--db-elevation-md);max-block-size:calc(100vh - var(--db-spacing-fixed-sm)*2);max-inline-size:calc(100vw - var(--db-spacing-fixed-sm)*2);min-inline-size:var(--db-sizing-xl);position:absolute;z-index:32}.db-custom-select-dropdown:not([data-width]),.db-custom-select-dropdown[data-width=fixed]{inline-size:var(--db-custom-select-dropdown-fixed-inline-size,var(--db-sizing-3xl))}.db-custom-select-dropdown[data-width=full]{inline-size:100%}.db-custom-select-dropdown[data-force-mobile=true]{block-size:fit-content;inset-block:0;inset-inline:50%;margin:auto;position:fixed;transform:translateX(-50%);z-index:9999}@media screen and (max-width:44.9375em){.db-custom-select-dropdown{block-size:fit-content;inset-block:0;inset-inline:50%;margin:auto;position:fixed;transform:translateX(-50%);z-index:9999}}.db-custom-select-dropdown .db-input{min-inline-size:var(--db-sizing-2xl)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-checkbox),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-checkbox){padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-checkbox)[data-emphasis=strong],.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-checkbox)[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-checkbox):after,.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-checkbox):after{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-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-checkbox),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-checkbox){border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button),.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input){padding:var(--db-spacing-fixed-md) calc(var(--db-spacing-fixed-sm)*2)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input){--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input)[data-emphasis=strong],.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input)[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input):after,.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input):after{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-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input){border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button){--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button)[data-emphasis=strong],.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button)[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button):after,.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button):after{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-start:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button){border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@media screen and (min-width:45em){.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button):not([data-force-mobile]),.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button)[data-force-mobile=false],.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button):not([data-force-mobile]),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button)[data-force-mobile=false]{display:none}}.db-custom-select-dropdown>.db-infotext,.db-custom-select-dropdown>db-infotext>.db-infotext{margin:auto;padding:var(--db-spacing-fixed-lg) var(--db-spacing-fixed-md)}@media screen and (prefers-reduced-motion:no-preference){.db-custom-select-dropdown>.db-infotext[data-icon=circular_arrows]:before,.db-custom-select-dropdown>db-infotext>.db-infotext[data-icon=circular_arrows]:before{animation:rotate 1.5s linear 0s infinite normal none running}}.db-custom-select-list{all:unset;max-block-size:calc(var(--db-icon-font-size)*5.5 - var(--db-border-width-3xs)*2*5.5 + var(--db-spacing-fixed-sm)*2*5.5 + var(--db-spacing-fixed-sm)*2);overflow-y:auto;padding:var(--db-spacing-fixed-sm)}.db-custom-select-list::-webkit-scrollbar-button:single-button:vertical:decrement{border-start-end-radius:0}.db-custom-select-list>ul{all:unset;display:flex;flex-direction:column}.db-custom-select-list>ul:has(span){--db-custom-select-list-item-group-padding:1}db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true][data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true]: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-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true]{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select-list-item{background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:100%;border-radius:var(--db-border-radius-xs);box-sizing:border-box;display:flex;padding:var(--db-spacing-fixed-sm);position:relative}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]):is(input),.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]):is(input),.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-custom-select-list-item span{color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-custom-select-list-item[data-divider=true]:not(:last-of-type){--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select-list-item[data-divider=true]:not(:last-of-type)[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select-list-item[data-divider=true]:not(:last-of-type):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-custom-select-list-item[data-divider=true]:not(:last-of-type){border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select-list-item>label{--db-icon-margin-start:auto;--db-check-element-label-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%}.db-custom-select-list-item>label:has(input:checked){font-weight:700}.db-custom-select-list-item>label:has(input[type=radio]){--db-icon-after:"none";gap:0}.db-custom-select-list-item>label:has(input[type=radio]:checked){--db-overwrite-cursor:default;--db-icon-after:"check"}.db-custom-select-list-item>label>input{--db-adaptive-bg-basic-transparent-hovered:var(--db-adaptive-bg-basic-transparent-full-default);--db-adaptive-bg-basic-transparent-pressed:var(--db-adaptive-bg-basic-transparent-full-default)}.db-custom-select-list-item>label>input:after{content:"";inset-block:calc(var(--db-spacing-fixed-xs)*-1);inset-inline:calc(var(--db-spacing-fixed-xs)*-1);position:absolute}.db-custom-select-list-item>label>input[type=radio]{all:unset}.db-custom-select-list-item>label>input:focus-visible{outline:none!important}
|
|
699
|
+
)}.db-switch:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active):is(label),.db-switch:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active)>label{cursor:var(--db-overwrite-cursor,pointer)}.db-switch:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active) input{background-color:var(--db-adaptive-bg-basic-transparent-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-switch>input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;display:flex;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem)}.db-switch>input:not([data-hide-icon-after=true]):after{--db-icon-after:"cross";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch>input:not([data-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch>input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch>input:before{align-content:center;aspect-ratio:1;background-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-adaptive-on-bg-basic-emphasis-100-default);content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch>input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch>input:checked{--thumb-offset-x:calc(100% + 0.125rem);background-color:var(--db-adaptive-bg-inverted-contrast-max-default);border-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);color:var(--db-adaptive-on-bg-inverted-default)}.db-switch>input:checked:after,.db-switch>input:checked:before{--db-icon-color:var(--db-adaptive-on-bg-inverted-default)}.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-inverted-contrast-max-hovered)}.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-inverted-contrast-max-pressed)}.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]){border-color:var(--db-adaptive-on-bg-basic-emphasis-100-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]):is(input),.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]){border-color:var(--db-adaptive-on-bg-basic-emphasis-100-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]):is(input),.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:after{--db-icon-color:var(--db-adaptive-on-bg-inverted-default)}.db-switch>input:checked:before{background-color:var(--db-adaptive-on-bg-inverted-default);block-size:calc(var(--db-icon-font-size));color:var(--db-adaptive-on-bg-inverted-default);margin:0}.db-switch>input:focus-visible{border-radius:var(--db-border-radius-full)}.db-switch>input[data-aid-icon]:not(:checked):after{--db-icon-after:attr(data-aid-icon)}.db-switch>input[data-aid-icon-after]:checked:after{--db-icon-after:attr(data-aid-icon-after)}@media screen and (prefers-reduced-motion:no-preference){.db-switch>input{transition:none}}.db-switch[data-hide-label=true]{gap:0}.db-switch[data-size=small]{gap:var(--db-spacing-fixed-2xs)}.db-switch[data-emphasis=strong]>input{--db-check-element-border-color:var(--db-adaptive-bg-basic-transparent-full-default);background-color:var(--db-adaptive-bg-inverted-contrast-low-default);border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);color:var(--db-adaptive-on-bg-inverted-default)}.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-inverted-contrast-low-hovered);border-color:var(--db-adaptive-on-bg-basic-emphasis-70-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]>input:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-inverted-contrast-low-pressed);border-color:var(--db-adaptive-on-bg-basic-emphasis-70-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):before{block-size:calc(var(--db-icon-font-size) - .25rem)}.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]>input:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]>input:not(:checked){--thumb-offset-x:0}.db-switch[data-emphasis=strong]>input:checked:before{background-color:var(--db-adaptive-on-bg-inverted-default);color:var(--db-adaptive-on-bg-inverted-default)}.db-switch[data-emphasis=strong]>input:after,.db-switch[data-emphasis=strong]>input:checked:after{--db-icon-color:var(--db-adaptive-on-bg-inverted-default)}.db-switch[data-emphasis=strong]>input:before{background-color:var(--db-adaptive-on-bg-inverted-default);block-size:calc(var(--db-icon-font-size));color:var(--db-adaptive-on-bg-inverted-default);margin:0}.db-switch[data-emphasis=strong]>input:after,.db-switch[data-visual-aid=true]>input:after{block-size:calc(var(--db-icon-font-size));visibility:visible}.db-switch[data-emphasis=strong]>input:checked:not([data-aid-icon]):not([data-hide-icon-after=true]):after,.db-switch[data-visual-aid=true]>input:checked:not([data-aid-icon]):not([data-hide-icon-after=true]):after{--db-icon-after:"check";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch[data-emphasis=strong]>input:checked:not([data-aid-icon]):not([data-hide-icon-after=true]):after,.db-switch[data-visual-aid=true]>input:checked:not([data-aid-icon]):not([data-hide-icon-after=true]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{block-size:calc(var(--db-icon-font-size));transform:translateX(calc(-100% - .125rem))}.db-stack{block-size:100%;display:flex;gap:var(--db-spacing-fixed-sm);inline-size:100%;justify-content:flex-start;overflow:auto}.db-stack:is([data-direction=column],:not([data-direction])){flex-direction:column}.db-stack>.db-divider,.db-stack>db-divider>.db-divider{margin:0}[data-direction=row].db-stack{flex-direction:row}[data-wrap=true].db-stack{flex-wrap:wrap}[data-alignment=stretch].db-stack{align-items:stretch}[data-alignment=start].db-stack{align-items:flex-start}[data-alignment=end].db-stack{align-items:flex-end}[data-alignment=center].db-stack{align-items:center}[data-justify-content=start].db-stack{justify-content:flex-start}[data-justify-content=end].db-stack{justify-content:flex-end}[data-justify-content=center].db-stack{justify-content:center}[data-justify-content=space-between].db-stack{justify-content:space-between}[data-gap="3x-small"].db-stack{gap:var(--db-spacing-fixed-3xs)}[data-gap="2x-small"].db-stack{gap:var(--db-spacing-fixed-2xs)}[data-gap=x-small].db-stack{gap:var(--db-spacing-fixed-xs)}[data-gap=small].db-stack{gap:var(--db-spacing-fixed-sm)}[data-gap=medium].db-stack{gap:var(--db-spacing-fixed-md)}[data-gap=large].db-stack{gap:var(--db-spacing-fixed-lg)}[data-gap=x-large].db-stack{gap:var(--db-spacing-fixed-xl)}[data-gap="2x-large"].db-stack{gap:var(--db-spacing-fixed-2xl)}[data-gap="3x-large"].db-stack{gap:var(--db-spacing-fixed-3xl)}[data-gap=none].db-stack{gap:0}.db-custom-select{--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-sizing-sm) + var(--db-spacing-fixed-sm));--db-form-component-padding-inline-start:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) + var(--db-spacing-fixed-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-custom-select[data-icon]:not([data-hide-icon=true]){--db-form-component-min-inline-size:var(--db-sizing-2xl)}.db-custom-select:not([data-width]),.db-custom-select:not([data-width]) .db-custom-select-form-field,.db-custom-select[data-width=full],.db-custom-select[data-width=full] .db-custom-select-form-field{inline-size:100%}.db-custom-select[data-hide-label=true]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-custom-select{--db-form-has-before:0;display:flex;flex-direction:column;position:relative}.db-custom-select[data-hide-label=true],.db-custom-select[data-variant=floating]{--db-label-visible-above:0}.db-custom-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-custom-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-custom-select[data-variant=floating] [id$=-placeholder],.db-custom-select[data-variant=floating] summary::placeholder{opacity:0;transition:none}.db-custom-select[data-variant=floating] summary{padding-block-start:var(--db-base-body-icon-font-size-2xs)}.db-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked)>label{font-style:normal;inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) summary::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-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) [id$=-placeholder],.db-custom-select[data-variant=floating]:has(summary:focus-within,summary:is(input,textarea):not(:placeholder-shown),>select option:checked:not([hidden]),input[type=checkbox]:checked,input[type=radio]:checked) summary::placeholder{transition:opacity var(--db-transition-straight-emotional)}}.db-custom-select:has(summary:required):is(label):after,.db-custom-select:has(summary:required)>label:after,.db-custom-select[data-required=true]:is(label):after,.db-custom-select[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-custom-select:has(summary:required):is(label):after,.db-custom-select:has(summary:required)>label:after,.db-custom-select[data-required=true]:is(label):after,.db-custom-select[data-required=true]>label:after{content:"*"/""}}.db-custom-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-custom-select:has(select:not([data-custom-validity]):is(:required):user-valid):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) summary{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-custom-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-custom-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-custom-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-custom-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-custom-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-custom-select:has(select[data-custom-validity=valid]):has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) summary,.db-custom-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) [id$=-placeholder],.db-custom-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful]) summary{caret-color:var(--db-successful-on-bg-basic-emphasis-100-default);color:var(--db-successful-on-bg-basic-emphasis-100-default)}.db-custom-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-custom-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-custom-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext[data-semantic=successful],.db-custom-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-custom-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-custom-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-custom-select[data-custom-validity=valid]:has(>.db-infotext[data-semantic=successful],>db-infotext>.db-infotext[data-semantic=successful])>.db-infotext:not([data-semantic]),.db-custom-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-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid) summary{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext[data-semantic=critical],.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>.db-infotext:not([data-semantic]),.db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid)>db-infotext>.db-infotext:not([data-semantic]){display:none}.db-custom-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-custom-select:has(select[data-custom-validity=invalid]) summary,.db-custom-select[data-custom-validity=invalid] [id$=-placeholder],.db-custom-select[data-custom-validity=invalid] summary{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-custom-select:has(select[data-custom-validity=invalid])>.db-infotext[data-semantic=critical],.db-custom-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical],.db-custom-select[data-custom-validity=invalid]>.db-infotext[data-semantic=critical],.db-custom-select[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]{display:flex}.db-custom-select:has(select[data-custom-validity=invalid])>.db-infotext:not([data-semantic]),.db-custom-select:has(select[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]),.db-custom-select[data-custom-validity=invalid]>.db-infotext:not([data-semantic]),.db-custom-select[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]){display:none}.db-custom-select [id$=-placeholder],.db-custom-select summary::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-custom-select summary{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-custom-select summary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-custom-select summary:hover:not(:disabled,[aria-disabled=true]):is(input),.db-custom-select summary:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-custom-select summary:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-custom-select summary:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-custom-select summary:is(input,textarea)[data-field-sizing=content]{field-sizing:content}.db-custom-select summary:is(input,textarea)[data-field-sizing=fixed]{field-sizing:fixed}.db-custom-select summary:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-level-1-default))!important}.db-custom-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-custom-select>label{transition:font-size var(--db-transition-straight-emotional)}}.db-custom-select[data-hide-label=true]>label{padding:0}.db-custom-select:has(summary:disabled,summary[data-disabled=true],summary[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-custom-select:after,.db-custom-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-custom-select:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-custom-select:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-custom-select summary{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-custom-select [id$=-placeholder]{display:none;margin-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm))}.db-custom-select:has(.db-custom-select-form-field:empty),.db-custom-select:has(.db-custom-select-form-field>:empty){--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-custom-select:has(.db-custom-select-form-field:empty) [id$=-placeholder],.db-custom-select:has(.db-custom-select-form-field>:empty) [id$=-placeholder]{display:block}.db-custom-select>.db-button[data-icon=cross][data-variant=ghost],.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost]{--db-tooltip-parent-position:absolute;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);inset-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-xs));transform:translateY(-50%);--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select>.db-button[data-icon=cross][data-variant=ghost][data-emphasis=strong],.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost][data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select>.db-button[data-icon=cross][data-variant=ghost]:after,.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost]:after{background-color:var(--db-divider-bg-color);content:"";inline-size:var(--db-border-width-3xs);inset-block:0;inset-inline-end:0}@media (forced-colors:active){.db-custom-select>.db-button[data-icon=cross][data-variant=ghost],.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost]{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select>.db-button[data-icon=cross][data-variant=ghost]:after,.db-custom-select>db-button>.db-button[data-icon=cross][data-variant=ghost]:after{inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1 - var(--db-border-width-3xs));position:absolute}.db-custom-select[data-selected-type=tag] .db-custom-select-form-field:has(:not(div:empty)){block-size:auto;padding-block:var(--db-spacing-fixed-xs)}.db-custom-select[data-selected-type=tag] .db-custom-select-form-field:has(:not(div:empty))>div{flex-wrap:wrap}.db-custom-select[data-selected-type=tag] .db-custom-select-form-field>button{align-self:start}.db-custom-select>details[open]>summary[data-force-mobile=true]:before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg));content:"";cursor:default;inset:0;opacity:var(--db-opacity-lg);position:fixed;z-index:9998}@media screen and (max-width:44.9375em){.db-custom-select>details[open]>summary:before{background-color:color(from var(--db-adaptive-on-bg-basic-emphasis-100-default) srgb r g b/var(--db-opacity-lg));content:"";cursor:default;inset:0;opacity:var(--db-opacity-lg);position:fixed;z-index:9998}}.db-custom-select[data-variant=floating] .db-custom-select-form-field>span{padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-custom-select-form-field:is(summary){align-items:center;display:flex;gap:var(--db-spacing-fixed-sm);justify-content:space-between;list-style:none}.db-custom-select-form-field:is(summary) span{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.db-custom-select-form-field:is(summary)>div{display:flex;gap:var(--db-spacing-fixed-sm)}.db-custom-select-dropdown{box-shadow:var(--db-elevation-md);max-block-size:calc(100vh - var(--db-spacing-fixed-sm)*2);max-inline-size:calc(100vw - var(--db-spacing-fixed-sm)*2);min-inline-size:var(--db-sizing-xl);position:absolute;z-index:32}.db-custom-select-dropdown:not([data-width]),.db-custom-select-dropdown[data-width=fixed]{inline-size:var(--db-custom-select-dropdown-fixed-inline-size,var(--db-sizing-3xl))}.db-custom-select-dropdown[data-width=full]{inline-size:100%}.db-custom-select-dropdown[data-force-mobile=true]{block-size:fit-content;inset-block:0;inset-inline:50%;margin:auto;position:fixed;transform:translateX(-50%);z-index:9999}@media screen and (max-width:44.9375em){.db-custom-select-dropdown{block-size:fit-content;inset-block:0;inset-inline:50%;margin:auto;position:fixed;transform:translateX(-50%);z-index:9999}}.db-custom-select-dropdown .db-input{min-inline-size:var(--db-sizing-2xl)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-checkbox),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-checkbox){padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-checkbox)[data-emphasis=strong],.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-checkbox)[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-checkbox):after,.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-checkbox):after{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-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-checkbox),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-checkbox){border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button),.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input){padding:var(--db-spacing-fixed-md) calc(var(--db-spacing-fixed-sm)*2)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input){--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input)[data-emphasis=strong],.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input)[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input):after,.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input):after{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-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-input),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-input){border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button){--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button)[data-emphasis=strong],.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button)[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button):after,.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button):after{background-color:var(--db-divider-bg-color);block-size:var(--db-border-width-3xs);content:"";inset-block-start:0;inset-inline:0;position:absolute}@media (forced-colors:active){.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button){border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}@media screen and (min-width:45em){.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button):not([data-force-mobile]),.db-custom-select-dropdown>db-custom-select-list>div:not([class~=db-custom-select-list]):has(.db-button)[data-force-mobile=false],.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button):not([data-force-mobile]),.db-custom-select-dropdown>div:not([class~=db-custom-select-list]):has(.db-button)[data-force-mobile=false]{display:none}}.db-custom-select-dropdown>.db-infotext,.db-custom-select-dropdown>db-infotext>.db-infotext{margin:auto;padding:var(--db-spacing-fixed-lg) var(--db-spacing-fixed-md)}@media screen and (prefers-reduced-motion:no-preference){.db-custom-select-dropdown>.db-infotext[data-icon=circular_arrows]:before,.db-custom-select-dropdown>db-infotext>.db-infotext[data-icon=circular_arrows]:before{animation:rotate 1.5s linear 0s infinite normal none running}}.db-custom-select-list{all:unset;max-block-size:calc(var(--db-icon-font-size)*5.5 - var(--db-border-width-3xs)*2*5.5 + var(--db-spacing-fixed-sm)*2*5.5 + var(--db-spacing-fixed-sm)*2);overflow-block:auto;overflow-y:auto;padding:var(--db-spacing-fixed-sm)}.db-custom-select-list::-webkit-scrollbar-button:single-button:vertical:decrement{border-start-end-radius:0}.db-custom-select-list>ul{all:unset;display:flex;flex-direction:column}.db-custom-select-list>ul:has(span){--db-custom-select-list-item-group-padding:1}db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true][data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true]: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-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true]{border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select-list-item{background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:100%;border-radius:var(--db-border-radius-xs);box-sizing:border-box;display:flex;padding:var(--db-spacing-fixed-sm);position:relative}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]):is(input),.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]){background-color:var(--db-adaptive-bg-basic-transparent-pressed);cursor:var(--db-overwrite-cursor,pointer)}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]):is(input),.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-custom-select-list-item:has(>label):not(:has(input[type=radio]:checked)):active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-custom-select-list-item span{color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-custom-select-list-item[data-divider=true]:not(:last-of-type){--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-60-default);position:var(--db-tooltip-parent-position,relative)}.db-custom-select-list-item[data-divider=true]:not(:last-of-type)[data-emphasis=strong]{--db-divider-bg-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-custom-select-list-item[data-divider=true]:not(:last-of-type):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-custom-select-list-item[data-divider=true]:not(:last-of-type){border:var(--db-border-width-3xs) solid var(--db-divider-bg-color)}}.db-custom-select-list-item>label{--db-icon-margin-start:auto;--db-check-element-label-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%}.db-custom-select-list-item>label:has(input:checked){font-weight:700}.db-custom-select-list-item>label:has(input[type=radio]){--db-icon-after:"none";gap:0}.db-custom-select-list-item>label:has(input[type=radio]:checked){--db-overwrite-cursor:default;--db-icon-after:"check"}.db-custom-select-list-item>label>input{--db-adaptive-bg-basic-transparent-hovered:var(--db-adaptive-bg-basic-transparent-full-default);--db-adaptive-bg-basic-transparent-pressed:var(--db-adaptive-bg-basic-transparent-full-default)}.db-custom-select-list-item>label>input:after{content:"";inset-block:calc(var(--db-spacing-fixed-xs)*-1);inset-inline:calc(var(--db-spacing-fixed-xs)*-1);position:absolute}.db-custom-select-list-item>label>input[type=radio]{all:unset}.db-custom-select-list-item>label>input:focus-visible{outline:none!important}
|