@charset "utf-8";

.ds-select-option { display: flex; align-items: center; gap: var(--fds-ref-spacing-xsmall); border-radius: var(--fds-ref-radius-xsmall); cursor: pointer; position: relative; width: 100%; box-sizing: border-box; flex-shrink: 0; transition: background 0.15s; }

.ds-select-option .ds-label { flex: 1 0 0px; min-width: 0px; color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ds-select-option__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.ds-select-option__icon svg { width: 100%; height: 100%; }

.ds-select-option__right { display: flex; align-items: center; gap: var(--fds-ref-spacing-xsmall); flex-shrink: 0; }

.ds-select-option__right .ds-label { color: rgba(var(--b-sc),var(--fds-ref-alpha-32)); white-space: nowrap; }

.ds-select-option__check { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }

.ds-select-option__check svg { width: 100%; height: 100%; }

.ds-select-option.ds-select-option-size--sm { height: var(--fds-sem-dimension-medium); padding: 0 var(--fds-ref-spacing-xsmall); }

.ds-select-option.ds-select-option-size--sm .ds-select-option__icon, .ds-select-option.ds-select-option-size--sm .ds-select-option__check { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); }

.ds-select-option.ds-select-option-size--md { height: var(--fds-sem-dimension-large); padding: 0 var(--fds-ref-spacing-medium); }

.ds-select-option.ds-select-option-size--md .ds-select-option__icon, .ds-select-option.ds-select-option-size--md .ds-select-option__check { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); }

.ds-select-option.ds-select-option-size--lg { height: var(--fds-sem-dimension-large); padding: 0 var(--fds-ref-spacing-large); }

.ds-select-option.ds-select-option-size--lg .ds-select-option__icon, .ds-select-option.ds-select-option-size--lg .ds-select-option__check { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); }

.ds-select-option.ds-select-option-size--xl { height: var(--fds-sem-dimension-large); padding: 0 var(--fds-ref-spacing-large); }

.ds-select-option.ds-select-option-size--xl .ds-select-option__icon, .ds-select-option.ds-select-option-size--xl .ds-select-option__check { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); }

[class*="is-web"] .ds-select-option:hover:not(.ds-select-option--disabled) { background: rgba(var(--b-sc),var(--fds-ref-alpha-8)); }

.ds-select-option--active:not(.ds-select-option--disabled) { background: rgba(var(--b-sc),var(--fds-ref-alpha-8)); }

.ds-select-option--selected { background: rgba(var(--b-sc),var(--fds-ref-alpha-8)); }

.ds-select-option--selected .ds-label, .ds-select-option--selected .ds-select-option__right-text, .ds-select-option--selected .ds-select-option__icon, .ds-select-option--selected .ds-select-option__check { color: rgba(var(--hero),var(--fds-ref-alpha-100)); }

.ds-select-option--disabled { cursor: not-allowed; pointer-events: none; border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc),var(--fds-ref-alpha-8)); }

.ds-select-option--disabled .ds-label, .ds-select-option--disabled .ds-select-option__icon, .ds-select-option--disabled .ds-select-option__right-text { color: rgba(var(--b-sc),var(--fds-ref-alpha-16)); }

.ds-select { display: inline-flex; flex-direction: column; gap: var(--fds-ref-spacing-3xsmall); width: 100%; min-width: 0px; position: relative; }

.ds-select__field { display: flex; align-items: center; gap: var(--fds-ref-spacing-xsmall); width: 100%; cursor: pointer; border-radius: var(--fds-ref-radius-full); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; transition: background 0.2s, box-shadow 0.2s; box-sizing: border-box; position: relative; overflow: hidden; outline: none; user-select: none; }

.ds-select__text { flex: 1 0 0px; min-width: 0px; position: relative; align-self: stretch; display: flex; align-items: center; overflow: hidden; }

.ds-select__label { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); font-weight: var(--fds-ref-font-weight-regular); color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; transition: top 0.15s, transform 0.15s, font-size 0.15s, line-height 0.15s, opacity 0.15s; }

.ds-select__value { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-bottom: unset; padding-inline: unset; padding-left: unset; padding-right: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap-style: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; width: 100%; font-weight: var(--fds-ref-font-weight-medium); font-size: inherit; color: rgba(var(--b-sc),var(--fds-ref-alpha-80)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 0px; transition: padding-top 0.15s; }

.ds-select__value--placeholder { color: rgba(var(--b-sc),var(--fds-ref-alpha-24)); font-weight: var(--fds-ref-font-weight-medium); }

.ds-select__text--label-floating .ds-select__value { padding-top: 18px; }

.ds-select.ds-select-size--sm .ds-select__text--label-floating .ds-select__label, .ds-select.ds-select-size--md .ds-select__text--label-floating .ds-select__label { opacity: 0; pointer-events: none; }

.ds-select.ds-select-size--sm .ds-select__text--label-floating .ds-select__value, .ds-select.ds-select-size--md .ds-select__text--label-floating .ds-select__value { padding-top: 0px; }

.ds-select__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }

.ds-select__icon svg { width: 100%; height: 100%; }

.ds-select__icon--left { order: -1; }

.ds-select__field .ds-select__icon { color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.ds-select__chevron { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); transition: transform 0.2s; }

.ds-select__chevron svg { width: 100%; height: 100%; }

.ds-select__chevron--open { transform: rotate(180deg); }

.ds-select__right { display: flex; align-items: center; gap: var(--fds-ref-spacing-xsmall); flex-shrink: 0; }

.ds-select__clear { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-basis: unset; flex-flow: unset; flex-grow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer; border-radius: var(--fds-ref-radius-full); color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); transition: color 0.15s, background 0.15s; }

.ds-select__clear .CMSIconSVGWrapper { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.ds-select__clear .CMSIconSVGWrapper svg { width: 100%; height: 100%; }

[class*="is-web"] .ds-select__clear:hover { color: rgba(var(--b-sc),var(--fds-ref-alpha-80)); }

.ds-select__clear:active { background: rgba(var(--b-sc),var(--fds-ref-alpha-16)); }

.ds-select__dropdown { position: absolute; top: calc(100% + var(--fds-ref-spacing-3xsmall)); left: 0px; right: 0px; z-index: 100; display: flex; flex-direction: column; background: rgba(var(--b),var(--fds-ref-alpha-100)); border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc),var(--fds-ref-alpha-16)); border-radius: var(--fds-ref-radius-medium); padding: var(--fds-ref-spacing-xsmall); overflow: hidden; animation: 0.15s ease 0s 1 normal none running ds-select-dropdown-in; }

.ds-select__dropdown--floating { position: fixed; top: auto; left: auto; right: auto; }

@keyframes ds-select-dropdown-in { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.ds-select__search { padding-bottom: var(--fds-ref-spacing-xsmall); }

.ds-select__listbox { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-line-count: unset; flex-wrap: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow-x: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; display: flex; flex-direction: column; gap: var(--fds-ref-spacing-4xsmall); max-height: 280px; overflow-y: auto; }

.ds-select__empty { display: flex; align-items: center; justify-content: center; padding: var(--fds-ref-spacing-large); font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.ds-select__helper-row { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 0.2s, opacity 0.2s; }

.ds-select__helper-row--visible { grid-template-rows: 1fr; opacity: 1; }

.ds-select__helper-row-inner { overflow: hidden; display: flex; align-items: flex-start; gap: var(--fds-ref-spacing-xsmall); padding: 0 var(--fds-ref-spacing-xlarge); }

.ds-select__helper { display: flex; align-items: center; gap: var(--fds-ref-spacing-xsmall); flex: 1 0 0px; min-width: 0px; }

.ds-select__helper-icon { flex-shrink: 0; width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.ds-select__helper-text { color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.ds-select__counter { flex-shrink: 0; color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); text-align: right; white-space: nowrap; }

.ds-select.ds-select-size--sm .ds-select__field { height: var(--fds-sem-dimension-medium); padding: 0 var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); }

.ds-select.ds-select-size--sm .ds-select__value, .ds-select.ds-select-size--sm .ds-select__label { font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); }

.ds-select.ds-select-size--sm .ds-select__icon, .ds-select.ds-select-size--sm .ds-select__clear, .ds-select.ds-select-size--sm .ds-select__chevron { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); }

.ds-select.ds-select-size--md .ds-select__field { height: var(--fds-sem-dimension-large); padding: 0 var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); }

.ds-select.ds-select-size--md .ds-select__value, .ds-select.ds-select-size--md .ds-select__label { font-size: var(--fds-ref-font-size-70); line-height: var(--fds-ref-font-line-height-100); }

.ds-select.ds-select-size--md .ds-select__icon, .ds-select.ds-select-size--md .ds-select__clear, .ds-select.ds-select-size--md .ds-select__chevron { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); }

.ds-select.ds-select-size--lg .ds-select__field { height: var(--fds-sem-dimension-xlarge); padding: 0 var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); }

.ds-select.ds-select-size--lg .ds-select__value, .ds-select.ds-select-size--lg .ds-select__label { font-size: var(--fds-ref-font-size-70); line-height: var(--fds-ref-font-line-height-100); }

.ds-select.ds-select-size--lg .ds-select__label--floating { top: var(--fds-ref-spacing-3xsmall); transform: translateY(0px); font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); }

.ds-select.ds-select-size--lg .ds-select__icon, .ds-select.ds-select-size--lg .ds-select__clear, .ds-select.ds-select-size--lg .ds-select__chevron { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); }

.ds-select.ds-select-size--xl .ds-select__field { height: var(--fds-sem-dimension-2xlarge); padding: 0 var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); }

.ds-select.ds-select-size--xl .ds-select__value, .ds-select.ds-select-size--xl .ds-select__label { font-size: var(--fds-ref-font-size-70); line-height: var(--fds-ref-font-line-height-100); }

.ds-select.ds-select-size--xl .ds-select__label--floating { top: var(--fds-ref-spacing-2xsmall); transform: translateY(0px); font-size: var(--fds-ref-font-size-60); line-height: var(--fds-ref-font-line-height-80); }

.ds-select.ds-select-size--xl .ds-select__icon, .ds-select.ds-select-size--xl .ds-select__clear, .ds-select.ds-select-size--xl .ds-select__chevron { width: var(--fds-sem-dimension-xsmall-nudge); height: var(--fds-sem-dimension-xsmall-nudge); }

.ds-select.ds-select-layout--fill .ds-select__field { background: rgba(var(--b-sc),var(--fds-ref-alpha-8)); box-shadow: none; }

[class*="is-web"] .ds-select.ds-select-layout--fill:hover:not(.ds-select--disabled):not(.ds-select--readonly):not(:has(.ds-select__clear:hover)) .ds-select__field { background: rgba(var(--b-sc),var(--fds-ref-alpha-12)); }

.ds-select.ds-select-layout--fill.ds-select--focused .ds-select__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.ds-select.ds-select-layout--fill.ds-select--error .ds-select__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--error),var(--fds-ref-alpha-100)); }

.ds-select.ds-select-layout--outline .ds-select__field { background: transparent; box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-16)); }

[class*="is-web"] .ds-select.ds-select-layout--outline:hover:not(.ds-select--disabled):not(.ds-select--readonly):not(:has(.ds-select__clear:hover)) .ds-select__field { background: rgba(var(--b-sc),var(--fds-ref-alpha-12)); box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-24)); }

.ds-select.ds-select-layout--outline.ds-select--focused .ds-select__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.ds-select.ds-select-layout--outline.ds-select--error .ds-select__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--error),var(--fds-ref-alpha-100)); }

.ds-select.ds-select--focused .ds-select__label { color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.ds-select.ds-select--error .ds-select__helper-icon, .ds-select.ds-select--error .ds-select__helper-text { color: rgba(var(--error),var(--fds-ref-alpha-100)); }

.ds-select.ds-select--disabled { pointer-events: none; }

.ds-select.ds-select--disabled .ds-select__field { background: rgba(var(--b-sc),var(--fds-ref-alpha-8)); box-shadow: none; }

.ds-select.ds-select--disabled .ds-select__label, .ds-select.ds-select--disabled .ds-select__value, .ds-select.ds-select--disabled .ds-select__icon, .ds-select.ds-select--disabled .ds-select__chevron, .ds-select.ds-select--disabled .ds-select__helper-text, .ds-select.ds-select--disabled .ds-select__counter { color: rgba(var(--b-sc),var(--fds-ref-alpha-24)); }

.ds-select.ds-select--readonly .ds-select__field { cursor: default; background: rgba(var(--b-sc),var(--fds-ref-alpha-24)); box-shadow: none; }

.ds-select.ds-select--readonly.ds-select-layout--outline .ds-select__field { box-shadow: inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-16)); }

.ds-select__drawer-body { display: flex; flex-direction: column; }

.ds-select__drawer-search { position: sticky; bottom: 0px; z-index: 1; padding: var(--fds-ref-spacing-xsmall) 0; background: rgba(var(--b),var(--fds-ref-alpha-100)); }

.ds-select__drawer-search .ds-select__search { padding-bottom: 0px; }