@db-ux/core-components 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/custom-select/custom-select.css +3 -6
- package/build/components/custom-select/custom-select.scss +4 -6
- package/build/styles/absolute.css +1 -1
- package/build/styles/index.css +1 -1
- package/build/styles/relative.css +1 -1
- package/build/styles/rollup.css +1 -1
- package/build/styles/webpack.css +1 -1
- package/package.json +24 -24
package/build/styles/index.css
CHANGED
|
@@ -732,4 +732,4 @@
|
|
|
732
732
|
--db-adaptive-on-bg-basic-emphasis-100-hovered
|
|
733
733
|
)}.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-full-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(
|
|
734
734
|
--db-adaptive-on-bg-basic-emphasis-100-pressed
|
|
735
|
-
)}.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-full-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-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch>input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.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-trailing:attr(data-aid-icon)}.db-switch>input[data-aid-icon-trailing]:checked:after{--db-icon-trailing:attr(data-aid-icon-trailing)}@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-show-icon-trailing=false]):after,.db-switch[data-visual-aid=true]>input:checked:not([data-aid-icon]):not([data-show-icon-trailing=false]):after{--db-icon-trailing:"check";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch[data-emphasis=strong]>input:checked:not([data-aid-icon]):not([data-show-icon-trailing=false]):after,.db-switch[data-visual-aid=true]>input:checked:not([data-aid-icon]):not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.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-show-icon=false]){--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:not([data-hide-asterisk=true]):has(summary:required):is(label):after,.db-custom-select:not([data-hide-asterisk=true]):has(summary:required)>label:after,.db-custom-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-custom-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-custom-select:not([data-hide-asterisk=true]):has(summary:required):is(label):after,.db-custom-select:not([data-hide-asterisk=true]):has(summary:required)>label:after,.db-custom-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-custom-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.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(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-semi-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:47.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:47.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:48em){.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-full-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-full-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-trailing:"none";gap:0}.db-custom-select-list-item>label:has(input[type=radio]:checked){--db-overwrite-cursor:default;--db-icon-trailing:"check"}.db-custom-select-list-item>label>input{--db-adaptive-bg-basic-transparent-full-hovered:var(--db-adaptive-bg-basic-transparent-full-default);--db-adaptive-bg-basic-transparent-full-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}
|
|
735
|
+
)}.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-full-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-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch>input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.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-trailing:attr(data-aid-icon)}.db-switch>input[data-aid-icon-trailing]:checked:after{--db-icon-trailing:attr(data-aid-icon-trailing)}@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-show-icon-trailing=false]):after,.db-switch[data-visual-aid=true]>input:checked:not([data-aid-icon]):not([data-show-icon-trailing=false]):after{--db-icon-trailing:"check";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch[data-emphasis=strong]>input:checked:not([data-aid-icon]):not([data-show-icon-trailing=false]):after,.db-switch[data-visual-aid=true]>input:checked:not([data-aid-icon]):not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.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-show-icon=false]){--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:not([data-hide-asterisk=true]):has(summary:required):is(label):after,.db-custom-select:not([data-hide-asterisk=true]):has(summary:required)>label:after,.db-custom-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-custom-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-custom-select:not([data-hide-asterisk=true]):has(summary:required):is(label):after,.db-custom-select:not([data-hide-asterisk=true]):has(summary:required)>label:after,.db-custom-select:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-custom-select:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.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(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-semi-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]{--db-form-component-padding-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));margin-inline-end:calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm))}.db-custom-select:has(summary span) [id$=-placeholder]{display:none}.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:47.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:47.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:48em){.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-full-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-full-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-trailing:"none";gap:0}.db-custom-select-list-item>label:has(input[type=radio]:checked){--db-overwrite-cursor:default;--db-icon-trailing:"check"}.db-custom-select-list-item>label>input{--db-adaptive-bg-basic-transparent-full-hovered:var(--db-adaptive-bg-basic-transparent-full-default);--db-adaptive-bg-basic-transparent-full-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}
|