npm - @oiz/stzh-components - Versions diffs - 3.2.0 → 3.3.0-beta1 - Mend

@oiz/stzh-components 3.2.0 → 3.3.0-beta1

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.

Files changed (289) hide show

package/dist/components/stzh-checkboxgroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-checkboxgroup.js","mappings":"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","names":["StzhCheckboxgroup"],"sources":["src/components/stzh-checkboxgroup/stzh-checkboxgroup.scss?tag=stzh-checkboxgroup&encapsulation=scoped","src/components/stzh-checkboxgroup/stzh-checkboxgroup.tsx"],"sourcesContent":[":host {\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-checkboxgroup {\n @include input-description;\n margin: 0;\n padding: 0;\n border: none;\n\n &__fields {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: space('medium');\n }\n\n &__legend {\n @include font('heavy');\n @include fontSize('micro');\n color: $headingColor;\n padding: 0;\n margin-bottom: space('xsmall');\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n\n &--direction-horizontal &__fields {\n flex-wrap: wrap;\n flex-direction: row;\n row-gap: space('medium');\n column-gap: space('xxlarge');\n }\n}\n","import {\n Host,\n Component,\n Prop,\n Element,\n Watch,\n Event,\n h,\n Listen,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport { StzhCheckboxChangeEvent, StzhCheckboxgroupChangeEvent } from \"../../index\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet checkboxgroupCounter = 0;\n\n/*\n @slot - Slot for `stzh-checkbox` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-checkboxgroup\",\n styleUrl: \"stzh-checkboxgroup.scss\",\n scoped: true\n})\nexport class StzhCheckboxgroup {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* The name of the input checkbox elements /\n @Prop({ reflect: true }) name: string;\n\n /* The legend /\n @Prop() legend: string;\n\n /* Hide legend to show only for screenreaders /\n @Prop({ reflect: true }) hideLegend: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Hide `(optional)` label /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* The selected values of the checkboxgroup /\n @Prop({ mutable: true }) value: string[] \| string = \"\";\n private _value: string[] = [];\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: string[] = [];\n\n /* Direction /\n @Prop({ reflect: true }) direction: \"vertical\" \| \"horizontal\" = \"vertical\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /* Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Current checked checkbox elements (readonly) /\n @Prop() checkedCheckbox: HTMLStzhCheckboxElement[] \| null = null;\n\n /* Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid) /\n @Prop() preventUpdateProperties: string[] \| string = [];\n private _preventUpdateProperties: string[] = [];\n\n /* Host element /\n @Element() element: HTMLElement;\n\n @Watch(\"name\")\n watchName(newValue: string) {\n this.updateCheckboxesProperty(\"name\", newValue);\n }\n\n @Watch(\"disabled\")\n watchDisabled(newValue: boolean) {\n this.updateCheckboxesProperty(\"disabled\", newValue);\n }\n\n @Watch(\"hideOptional\")\n watchHideOptional(newValue: boolean) {\n this.updateCheckboxesProperty(\"hideOptional\", newValue)\n }\n\n @Watch(\"value\")\n watchValue(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._value = JSON.parse(newValue);\n } else {\n this._value = newValue;\n }\n\n if (JSON.stringify(this._value) !== JSON.stringify(this.value)) {\n this.value = this._value;\n }\n\n this.updateCheckedCheckboxByValue(this._value);\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Watch(\"preventUpdateProperties\")\n preventUpdatePropertiesWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._preventUpdateProperties = JSON.parse(newValue);\n } else {\n this._preventUpdateProperties = newValue;\n }\n }\n\n /* Change event /\n @Event() stzhChange: EventEmitter<StzhCheckboxgroupChangeEvent>;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Listen(\"stzhChange\", {capture: true})\n onChange(event: CustomEvent<StzhCheckboxChangeEvent>) {\n if (event.detail.component === \"stzh-checkbox\") {\n if (event.detail.checked) {\n this._value.push(event.detail.value);\n } else {\n this._value = this._value.filter(value => value !== event.detail.value);\n }\n // stop propagating checkbox change event otherwise angular control value accessor won't work\n event.stopPropagation();\n this.value = this._value;\n this.stzhChange.emit({\n component: \"stzh-checkboxgroup\",\n value: this._value,\n });\n }\n }\n\n private get errorUsed() {\n return hasSlot(this.element, 'error') \|\| this._error?.length > 0;\n }\n\n /* Checkbox elements */\n private checkboxes: HTMLStzhCheckboxElement[];\n private checkboxgroupId: string;\n private observer: MutationObserver;\n\n private updateCheckboxesProperty(prop: string, value: any) {\n this.checkboxes.forEach((checkbox: HTMLStzhCheckboxElement) => {\n if (prop === \"name\" \|\| (this._preventUpdateProperties.indexOf(prop) === -1)) {\n checkbox[camelCase(prop)] = value;\n }\n });\n }\n\n private updateCheckedCheckboxByValue(value: string[]) {\n this.checkedCheckbox = this.checkboxes.filter(checkbox => value.indexOf(checkbox.value) > -1);\n this.checkboxes.forEach(checkbox => checkbox.checked = value.indexOf(checkbox.value) > -1);\n }\n\n private handleReset = async () => {\n this.value = [...this.defaultValue];\n }\n\n private init = () => {\n // update checkboxes\n this.checkboxes = Array.from(this.element.querySelectorAll(\"stzh-checkbox\"));\n this.updateCheckboxesProperty(\"a11y-describedby\", `${this.checkboxgroupId}-description`);\n this.updateCheckboxesProperty(\"invalid\", this.invalid \|\| this.errorUsed);\n\n this.watchValue(this.value);\n this.watchName(this.name);\n this.watchDisabled(this.disabled);\n this.watchHideOptional(this.hideOptional);\n }\n\n async componentWillLoad() {\n this.checkboxgroupId = `stzh-checkboxgroup-${checkboxgroupCounter++}`;\n this.errorWatcher(this.error);\n this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'checkboxgroup');\n }\n }\n\n componentShouldUpdate(_newValue, _oldValue, prop: string) {\n return prop !== \"checkedCheckbox\";\n }\n\n componentDidRender() {\n this.init();\n }\n\n componentDidLoad() {\n this.defaultValue = this.defaultValue.length > 0 ? this.defaultValue : [...this._value];\n }\n\n connectedCallback() {\n if (!this.value.length) {\n this.checkboxes = Array.from(this.element.querySelectorAll(\"stzh-checkbox\"));\n\n // try to find checkboxes that might have checked set to true\n this.value = this.checkboxes\n .filter(checkbox => checkbox.checked)\n .map(checkbox => checkbox.value);\n }\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, 'description') \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, 'description-long') \|\| !!this.descriptionLong;\n\n const classes = {\n \"stzh-checkboxgroup\": true,\n \"stzh-checkboxgroup--has-description\": descriptionUsed,\n \"stzh-checkboxgroup--has-description-long\": descriptionLongUsed,\n \"stzh-checkboxgroup--has-error\": this.errorUsed,\n \"stzh-checkboxgroup--is-disabled\": this.disabled,\n \"stzh-checkboxgroup--is-invalid\": this.invalid \|\| this.errorUsed,\n \"stzh-checkboxgroup--hide-legend\": this.hideLegend,\n [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction\n };\n\n return (\n <Host is-invalid={this.invalid \|\| this.errorUsed}>\n <fieldset class={classes}>\n {this.legend &&\n <legend class=\"stzh-checkboxgroup__legend\">\n {this.legend}\n </legend>\n }\n <div class=\"stzh-checkboxgroup__fields\">\n <slot></slot>\n </div>\n <StzhInputDescription\n classPrefix=\"stzh-checkboxgroup\"\n id={`${this.checkboxgroupId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-checkboxgroup.js","mappings":"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","names":["StzhCheckboxgroup"],"sources":["src/components/stzh-checkboxgroup/stzh-checkboxgroup.scss?tag=stzh-checkboxgroup&encapsulation=scoped","src/components/stzh-checkboxgroup/stzh-checkboxgroup.tsx"],"sourcesContent":[":host {\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-checkboxgroup {\n @include input-description;\n margin: 0;\n padding: 0;\n border: none;\n\n &__fields {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: space('medium');\n }\n\n &__legend {\n @include font('heavy');\n @include fontSize('micro');\n color: $headingColor;\n padding: 0;\n margin-bottom: space('xsmall');\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n\n &--direction-horizontal &__fields {\n flex-wrap: wrap;\n flex-direction: row;\n row-gap: space('medium');\n column-gap: space('xxlarge');\n }\n}\n","import {\n Host,\n Component,\n Prop,\n Element,\n Watch,\n Event,\n h,\n Listen,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport { StzhCheckboxChangeEvent, StzhCheckboxgroupChangeEvent } from \"../../index\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet checkboxgroupCounter = 0;\n\n/*\n @slot - Slot for `stzh-checkbox` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-checkboxgroup\",\n styleUrl: \"stzh-checkboxgroup.scss\",\n scoped: true\n})\nexport class StzhCheckboxgroup {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* The name of the input checkbox elements /\n @Prop({ reflect: true }) name: string;\n\n /* The legend /\n @Prop() legend: string;\n\n /* Hide legend to show only for screenreaders /\n @Prop({ reflect: true }) hideLegend: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Hide `(optional)` label /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* The selected values of the checkboxgroup /\n @Prop({ mutable: true }) value: string[] \| string = \"\";\n private _value: string[] = [];\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: string[] = [];\n\n /* Direction /\n @Prop({ reflect: true }) direction: \"vertical\" \| \"horizontal\" = \"vertical\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /* Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Current checked checkbox elements (readonly) /\n @Prop() checkedCheckbox: HTMLStzhCheckboxElement[] \| null = null;\n\n /* Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid) /\n @Prop() preventUpdateProperties: string[] \| string = [];\n private _preventUpdateProperties: string[] = [];\n\n /* Host element /\n @Element() element: HTMLElement;\n\n @Watch(\"name\")\n watchName(newValue: string) {\n this.updateCheckboxesProperty(\"name\", newValue);\n }\n\n @Watch(\"disabled\")\n watchDisabled(newValue: boolean) {\n this.updateCheckboxesProperty(\"disabled\", newValue);\n }\n\n @Watch(\"hideOptional\")\n watchHideOptional(newValue: boolean) {\n this.updateCheckboxesProperty(\"hideOptional\", newValue)\n }\n\n @Watch(\"value\")\n watchValue(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._value = JSON.parse(newValue);\n } else {\n this._value = newValue;\n }\n\n if (JSON.stringify(this._value) !== JSON.stringify(this.value)) {\n this.value = this._value;\n }\n\n this.updateCheckedCheckboxByValue(this._value);\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Watch(\"preventUpdateProperties\")\n preventUpdatePropertiesWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._preventUpdateProperties = JSON.parse(newValue);\n } else {\n this._preventUpdateProperties = newValue;\n }\n }\n\n /* Change event /\n @Event() stzhChange: EventEmitter<StzhCheckboxgroupChangeEvent>;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Listen(\"stzhChange\", {capture: true})\n onChange(event: CustomEvent<StzhCheckboxChangeEvent>) {\n if (event.detail.component === \"stzh-checkbox\") {\n if (event.detail.checked) {\n this._value.push(event.detail.value);\n } else {\n this._value = this._value.filter(value => value !== event.detail.value);\n }\n // stop propagating checkbox change event otherwise angular control value accessor won't work\n event.stopPropagation();\n this.value = this._value;\n this.stzhChange.emit({\n component: \"stzh-checkboxgroup\",\n value: this._value,\n });\n }\n }\n\n private get errorUsed() {\n return hasSlot(this.element, 'error') \|\| this._error?.length > 0;\n }\n\n /* Checkbox elements */\n private checkboxes: HTMLStzhCheckboxElement[];\n private checkboxgroupId: string;\n private observer: MutationObserver;\n\n private updateCheckboxesProperty(prop: string, value: any) {\n this.checkboxes.forEach((checkbox: HTMLStzhCheckboxElement) => {\n if (prop === \"disabled\") {\n // Only set the disabled if the checkbox is not already disabled\n if (!checkbox.disabled) {\n checkbox.disabled = value;\n }\n } else if (prop === \"name\" \|\| (this._preventUpdateProperties.indexOf(prop) === -1)) {\n checkbox[camelCase(prop)] = value;\n }\n });\n }\n\n private updateCheckedCheckboxByValue(value: string[]) {\n this.checkedCheckbox = this.checkboxes.filter(checkbox => value.indexOf(checkbox.value) > -1);\n this.checkboxes.forEach(checkbox => checkbox.checked = value.indexOf(checkbox.value) > -1);\n }\n\n private handleReset = async () => {\n this.value = [...this.defaultValue];\n }\n\n private init = () => {\n // update checkboxes\n this.checkboxes = Array.from(this.element.querySelectorAll(\"stzh-checkbox\"));\n this.updateCheckboxesProperty(\"a11y-describedby\", `${this.checkboxgroupId}-description`);\n this.updateCheckboxesProperty(\"invalid\", this.invalid \|\| this.errorUsed);\n\n this.watchValue(this.value);\n this.watchName(this.name);\n this.watchDisabled(this.disabled);\n this.watchHideOptional(this.hideOptional);\n }\n\n async componentWillLoad() {\n this.checkboxgroupId = `stzh-checkboxgroup-${checkboxgroupCounter++}`;\n this.errorWatcher(this.error);\n this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'checkboxgroup');\n }\n }\n\n componentShouldUpdate(_newValue, _oldValue, prop: string) {\n return prop !== \"checkedCheckbox\";\n }\n\n componentDidRender() {\n this.init();\n }\n\n componentDidLoad() {\n this.defaultValue = this.defaultValue.length > 0 ? this.defaultValue : [...this._value];\n }\n\n connectedCallback() {\n if (!this.value.length) {\n this.checkboxes = Array.from(this.element.querySelectorAll(\"stzh-checkbox\"));\n\n // try to find checkboxes that might have checked set to true\n this.value = this.checkboxes\n .filter(checkbox => checkbox.checked)\n .map(checkbox => checkbox.value);\n }\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, 'description') \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, 'description-long') \|\| !!this.descriptionLong;\n\n const classes = {\n \"stzh-checkboxgroup\": true,\n \"stzh-checkboxgroup--has-description\": descriptionUsed,\n \"stzh-checkboxgroup--has-description-long\": descriptionLongUsed,\n \"stzh-checkboxgroup--has-error\": this.errorUsed,\n \"stzh-checkboxgroup--is-disabled\": this.disabled,\n \"stzh-checkboxgroup--is-invalid\": this.invalid \|\| this.errorUsed,\n \"stzh-checkboxgroup--hide-legend\": this.hideLegend,\n [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction\n };\n\n return (\n <Host is-invalid={this.invalid \|\| this.errorUsed}>\n <fieldset class={classes}>\n {this.legend &&\n <legend class=\"stzh-checkboxgroup__legend\">\n {this.legend}\n </legend>\n }\n <div class=\"stzh-checkboxgroup__fields\">\n <slot></slot>\n </div>\n <StzhInputDescription\n classPrefix=\"stzh-checkboxgroup\"\n id={`${this.checkboxgroupId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/stzh-dropdown2.js CHANGED Viewed

@@ -4904,7 +4904,7 @@ function plugin () {
   });
 }
-const stzhDropdownCss = "@charset \"UTF-8\";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem);--color:var(--stzh-color-secondary60);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-primary);--placeholder-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--label-font-size:var(--stzh-font-micro-font-size);--label-line-height:var(--stzh-font-micro-font-size);--label-letter-spacing:normal;--hover-color:var(--stzh-color-secondary60);--hover-border-color:var(--stzh-color-secondary50);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-primary);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-label-color:var(--stzh-color-primary);--focus-icon-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-primary70);--active-icon-angle-transform:rotate(180deg) translateY(50%);--popover-width:100%;--popover-min-width:initial;--popover-max-width:initial;--popover-height:auto;--popover-min-height:initial;--popover-max-height:calc(4.5 * var(--stzh-menu-item-height));--popover-background-color:var(--stzh-popover-background-color);--popover-box-shadow:var(--stzh-box-shadow-popover);--popover-border-radius:var(--stzh-popover-border-radius);--popover-skidding:0px;position:relative;width:100%;border-radius:var(--border-radius);}stzh-dropdown[hidden]{display:none}stzh-dropdown::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown *,stzh-dropdown *::before,stzh-dropdown *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-dropdown .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-dropdown .stzh-fylingfocus-focused{outline-style:none !important}stzh-dropdown .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown:where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}@media screen and (min-width: 900px){stzh-dropdown:where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}stzh-dropdown:where([inline]:not([inline=\"false\"])){--popover-width:auto;width:auto}stzh-dropdown:where([is-filled]:not([is-filled=\"false\"])){--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-black);--focus-icon-color:var(--stzh-color-black)}stzh-dropdown:where([variant=\"plain\"]){--background-color:transparent;--hover-background-color:transparent;--hover-label-color:var(--stzh-color-primary90);--hover-icon-color:var(--stzh-color-primary90);--hover-icon-angle-color:var(--stzh-color-primary90);--focus-background-color:transparent;--focus-label-color:var(--stzh-color-primary90);--focus-icon-color:var(--stzh-color-primary90);--focus-icon-angle-color:var(--stzh-color-primary90)}stzh-dropdown:where([variant=\"plain\"][is-filled]:not([is-filled=\"false\"])){--icon-color:var(--stzh-color-secondary60);--icon-angle-color:var(--stzh-color-secondary60);--hover-icon-color:var(--stzh-color-secondary60);--hover-icon-angle-color:var(--stzh-color-secondary60)}stzh-dropdown:where([variant=\"filter\"]){--color:var(--stzh-chip-color, var(--stzh-color-primary70));--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--label-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(--stzh-chip-hover-background-color, var(--stzh-color-secondary40));--hover-label-color:var(--hover-color);--hover-icon-color:var(--hover-color);--hover-icon-angle-color:var(--hover-color);--focus-color:var(--hover-color);--focus-background-color:var(--hover-background-color);--focus-label-color:var(--hover-label-color);--focus-icon-color:var(--hover-icon-color);--focus-icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:where([variant=\"filter\"][is-filled]:not([is-filled=\"false\"])){--color:var(--stzh-chip-active-color, var(--stzh-color-white));--background-color:var(--stzh-chip-active-background-color, var(--stzh-color-primary70));--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-chip-active-hover-background-color, var(--stzh-color-primary90))}stzh-dropdown[is-invalid]{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--icon-color:var(--stzh-color-error60);--icon-angle-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-error60);--hover-icon-color:var(--stzh-color-error60);--hover-icon-angle-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-label-color:var(--stzh-color-error60);--focus-icon-color:var(--stzh-color-error60);--focus-icon-angle-color:var(--stzh-color-error60)}stzh-dropdown[disabled]:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-grey70);--icon-angle-color:var(--stzh-color-grey70);--hover-color:var(--color);--hover-border-color:var(--border-color);--hover-background-color:var(--background-color);--hover-label-color:var(--label-color);--hover-icon-color:var(--icon-color);--hover-icon-angle-color:var(--icon-angle-color);--focus-color:var(--color);--focus-border-color:var(--border-color);--focus-background-color:var(--background-color);--focus-label-color:var(--label-color);--focus-icon-color:var(--icon-color);--focus-icon-angle-color:var(--icon-angle-color)}stzh-dropdown[disabled]:not([disabled=false])[variant=plain]{--background-color:transparent}stzh-dropdown[disabled]:not([disabled=false])[variant=filter]{--color:var(--stzh-chip-disabled-color, var(--stzh-color-grey80));--background-color:var(--stzh-chip-disabled-background-color, var(--stzh-color-grey20));--label-color:var(--color);--placeholder-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--description-color:var(--stzh-color-grey70)}stzh-dropdown:is(:has(.stzh-dropdown__label:hover)),stzh-dropdown:is(:has(.ts-control:hover)){--color:var(--hover-color);--border-color:var(--hover-border-color);--background-color:var(--hover-background-color);--label-color:var(--hover-label-color);--icon-color:var(--hover-icon-color);--icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:is(:has(.ts-control:focus-within)){--color:var(--focus-color);--border-color:var(--focus-border-color);--background-color:var(--focus-background-color);--label-color:var(--focus-label-color);--icon-color:var(--focus-icon-color);--icon-angle-color:var(--focus-icon-angle-color)}stzh-dropdown:where([size=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}stzh-dropdown:where([size=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}stzh-dropdown:where([size=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-small=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 600px) and (min-width: 900px){stzh-dropdown:where([size-small=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 900px) and (min-width: 900px){stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-large=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1260px) and (min-width: 900px){stzh-dropdown:where([size-large=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1600px) and (min-width: 900px){stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}.stzh-dropdown{}.stzh-dropdown__marker-symbol{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-dropdown__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__description-wrapper{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-dropdown__error,.stzh-dropdown__description{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-dropdown__error{color:var(--stzh-color-error60)}.stzh-dropdown__error-list{list-style:none;margin:0;padding:0}.stzh-dropdown__description{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__description-long{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-dropdown__description-long{margin-top:0}}.stzh-dropdown__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-dropdown__description-long-button{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-dropdown stzh-icon.stzh-dropdown__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--has-error .stzh-dropdown__error,.stzh-dropdown--has-description .stzh-dropdown__description{margin-top:var(--stzh-space-xxxsmall)}.stzh-dropdown__wrapper{position:relative}.stzh-dropdown .ts-hidden-accessible{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown .ts-dropdown-content{width:100%;overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch}.stzh-dropdown .ts-wrapper{display:flex;align-items:center;min-height:var(--outer-height)}.stzh-dropdown .ts-control{overflow:hidden;position:relative;display:flex;align-items:center;flex-wrap:wrap;min-height:var(--height);border-radius:var(--border-radius);background-color:var(--background-color);transition-property:border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown .ts-control>*{vertical-align:baseline;display:inline-block}.stzh-dropdown .ts-control,.stzh-dropdown .ts-control>input,.stzh-dropdown__sizer{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);width:100%;border:0.125rem solid var(--border-color)}.stzh-dropdown .ts-control>input{flex:1 1 auto;display:inline-block;padding:0;min-height:0;max-height:none;max-width:100%;margin:0;text-indent:0;border:0 none;background:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;box-shadow:none;cursor:pointer}.stzh-dropdown .ts-control>input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-ms-clear{display:none}.stzh-dropdown .ts-control>input:focus{outline:none}.stzh-dropdown .ts-control>input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-dropdown .ts-control>input:placeholder-shown{text-overflow:ellipsis}.stzh-dropdown__vhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__field-wrapper,.stzh-dropdown__select{position:relative}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item,.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item{color:var(--color)}.stzh-dropdown__sizer{height:var(--height);display:flex;align-items:center;margin-top:calc(var(--height) / -1);pointer-events:none;visibility:hidden}.stzh-dropdown__select.has-items~.stzh-dropdown__sizer{display:none}.stzh-dropdown__select.plugin-input_hide~.stzh-dropdown__sizer{visibility:visible}.stzh-dropdown__select.input-active .ts-control,.stzh-dropdown__select.input-active .ts-control>input{cursor:text}.stzh-dropdown__select.input-hidden .ts-control>input,.stzh-dropdown__select.plugin-input_hide .ts-control>input{opacity:0;position:absolute;left:-625rem}.stzh-dropdown__select.single .ts-control,.stzh-dropdown__select.multi .ts-control,.stzh-dropdown__sizer{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:calc(var(--icon-angle-size) + var(--icon-angle-gap) + var(--padding-right))}.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{display:flex;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.stzh-dropdown__icon-wrapper{left:var(--padding-left);color:var(--icon-color)}.stzh-dropdown__icon-angle-wrapper{right:var(--padding-right);color:var(--icon-angle-color)}.stzh-dropdown__icon-wrapper stzh-icon,.stzh-dropdown__icon{--size:var(--icon-size)}.stzh-dropdown__icon-angle-wrapper stzh-icon,.stzh-dropdown__icon-angle{--size:var(--icon-angle-size)}.stzh-dropdown__label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:var(--label-font-size);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);color:var(--label-color);display:block;width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-dropdown__label:empty{display:none}.stzh-dropdown__marker{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-dropdown__option,.stzh-dropdown__create,.stzh-dropdown__no-results,.stzh-dropdown__not-loading{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-right:var(--stzh-space-large)}.stzh-dropdown__option,.stzh-dropdown__create{display:flex;align-items:center;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;outline:none;border:none;color:var(--stzh-color-black);min-height:var(--stzh-menu-item-height);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown__option:hover,.stzh-dropdown__option.active,.stzh-dropdown__create:hover,.stzh-dropdown__create.active{background-color:var(--stzh-color-grey20)}.stzh-dropdown__option input,.stzh-dropdown__create input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__option.selected{color:var(--stzh-color-primary70)}.stzh-dropdown__option.selected::before{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute;content:\"✓\"}.stzh-dropdown__option[aria-disabled=true]{cursor:not-allowed;color:var(--stzh-color-grey70);background-color:var(--stzh-color-grey10)}.stzh-dropdown__create{display:block}.stzh-dropdown__option-title{flex-grow:1}.stzh-dropdown__option[data-selectable] .highlight{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-dropdown__option-check{display:none}.stzh-dropdown__no-results{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.stzh-dropdown__optgroup-header{cursor:default}.stzh-dropdown__loader{display:flex;align-items:center;justify-content:center;height:var(--stzh-menu-item-height)}.stzh-dropdown__dropdown{position:absolute;top:auto;left:auto;white-space:nowrap;margin-top:var(--popover-distance);margin-left:var(--popover-skidding);transform:none;z-index:var(--stzh-z-index-popover);width:var(--popover-width);min-width:var(--popover-min-width);max-width:var(--popover-max-width);height:var(--popover-height);min-height:var(--popover-min-height);max-height:var(--popover-max-height);background-color:var(--popover-background-color);box-shadow:var(--popover-box-shadow);border-radius:var(--popover-border-radius)}.stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xxsmall)}.stzh-dropdown__select.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.stzh-dropdown__select.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:0.25rem}.stzh-dropdown__select.has-items .ts-control>input{margin:0 0.25rem}.stzh-dropdown__select.has-items .ts-control>input::-webkit-input-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input::-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-ms-input-placeholder{color:transparent}.stzh-dropdown__select.dropdown-active~.stzh-dropdown__icon-angle-wrapper{transform:var(--active-icon-angle-transform)}.stzh-dropdown--is-multiple .stzh-dropdown__option-check{display:inline-flex;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-xsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__option.selected .stzh-dropdown__option-check{opacity:1}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi.has-items .ts-control{padding-top:var(--multiple-padding-top);padding-bottom:var(--multiple-padding-bottom)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;height:1.5rem;line-height:1.5rem;display:flex;flex-direction:row;align-items:center;border-radius:0.75rem;padding:0 var(--stzh-space-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:0.0625rem solid transparent;color:var(--stzh-color-primary70);background-color:var(--stzh-color-primary10);transition:all var(--stzh-base-transition-animation-speed);margin:var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) 0;cursor:pointer}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary20)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item.active{color:var(--stzh-color-white);background-color:var(--stzh-color-primary70)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item,.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item{display:inline-flex;align-items:center;gap:var(--remove-gap);padding-right:0px}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{position:relative;right:-0.0625rem;-webkit-text-decoration-line:none;text-decoration-line:none;width:1.5rem;height:1.5rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);transition:all var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary30)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item.active .stzh-dropdown__remove-icon{color:var(--stzh-color-white)}.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-top:0;top:auto;bottom:100%;margin-bottom:calc(var(--popover-distance) - 1.21875rem)}.stzh-dropdown--popover-placement-top.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-bottom:0}.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-end .stzh-dropdown__dropdown{left:auto;right:0}.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-center .stzh-dropdown__dropdown{left:50%;transform:translateX(-50%)}.stzh-dropdown--popover-fullwidth-horizontal .stzh-dropdown__dropdown{left:0;right:0;transform:none}.stzh-dropdown--has-label-hidden .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-bottom:calc(var(--popover-distance) - 0.0625rem)}.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain .stzh-dropdown__sizer{border:none}.stzh-dropdown--plain .stzh-dropdown__label{left:0;max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--plain .stzh-dropdown__label::before{content:none}.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-top:0}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-no-search .ts-control>input{position:absolute;width:0px;height:0px}.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control,.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control>input{cursor:pointer}.stzh-dropdown--filter .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter .stzh-dropdown__sizer{border:none}.stzh-dropdown--filter .stzh-dropdown__label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);left:var(--padding-left);max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--filter .stzh-dropdown__label::before{content:none}.stzh-dropdown--filter.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--filter.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);width:var(--height);height:var(--height);border-top-left-radius:0px;border-bottom-left-radius:0px}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-black);background-color:var(--stzh-color-secondary40)}.stzh-dropdown--filter .stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__icon-angle-wrapper{display:none}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__sizer{padding-right:0px}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{cursor:not-allowed}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-grey70);background-color:var(--stzh-color-white)}.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-grey70);background-color:transparent}";
+const stzhDropdownCss = "@charset \"UTF-8\";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem);--color:var(--stzh-color-secondary60);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-primary);--placeholder-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--label-font-size:var(--stzh-font-micro-font-size);--label-line-height:var(--stzh-font-micro-font-size);--label-letter-spacing:normal;--hover-color:var(--stzh-color-secondary60);--hover-border-color:var(--stzh-color-secondary50);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-primary);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-label-color:var(--stzh-color-primary);--focus-icon-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-primary70);--active-icon-angle-transform:rotate(180deg) translateY(50%);--popover-width:100%;--popover-min-width:initial;--popover-max-width:initial;--popover-height:auto;--popover-min-height:initial;--popover-max-height:calc(4.5 * var(--stzh-menu-item-height));--popover-background-color:var(--stzh-popover-background-color);--popover-box-shadow:var(--stzh-box-shadow-popover);--popover-border-radius:var(--stzh-popover-border-radius);--popover-skidding:0px;position:relative;width:100%;border-radius:var(--border-radius);}stzh-dropdown[hidden]{display:none}stzh-dropdown::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown *,stzh-dropdown *::before,stzh-dropdown *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-dropdown .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-dropdown .stzh-fylingfocus-focused{outline-style:none !important}stzh-dropdown .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown:where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}@media screen and (min-width: 900px){stzh-dropdown:where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}stzh-dropdown:where([inline]:not([inline=\"false\"])){--popover-width:auto;width:auto}stzh-dropdown:where([is-filled]:not([is-filled=\"false\"])){--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-black);--focus-icon-color:var(--stzh-color-black)}stzh-dropdown:where([variant=\"plain\"]){--background-color:transparent;--hover-background-color:transparent;--hover-label-color:var(--stzh-color-primary90);--hover-icon-color:var(--stzh-color-primary90);--hover-icon-angle-color:var(--stzh-color-primary90);--focus-background-color:transparent;--focus-label-color:var(--stzh-color-primary90);--focus-icon-color:var(--stzh-color-primary90);--focus-icon-angle-color:var(--stzh-color-primary90)}stzh-dropdown:where([variant=\"plain\"][is-filled]:not([is-filled=\"false\"])){--icon-color:var(--stzh-color-secondary60);--icon-angle-color:var(--stzh-color-secondary60);--hover-icon-color:var(--stzh-color-secondary60);--hover-icon-angle-color:var(--stzh-color-secondary60)}stzh-dropdown:where([variant=\"filter\"]){--color:var(--stzh-chip-color, var(--stzh-color-primary70));--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--label-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(--stzh-chip-hover-background-color, var(--stzh-color-secondary40));--hover-label-color:var(--hover-color);--hover-icon-color:var(--hover-color);--hover-icon-angle-color:var(--hover-color);--focus-color:var(--hover-color);--focus-background-color:var(--hover-background-color);--focus-label-color:var(--hover-label-color);--focus-icon-color:var(--hover-icon-color);--focus-icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:where([variant=\"filter\"][is-filled]:not([is-filled=\"false\"])){--color:var(--stzh-chip-active-color, var(--stzh-color-white));--background-color:var(--stzh-chip-active-background-color, var(--stzh-color-primary70));--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-chip-active-hover-background-color, var(--stzh-color-primary90))}stzh-dropdown[is-invalid]{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--icon-color:var(--stzh-color-error60);--icon-angle-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-error60);--hover-icon-color:var(--stzh-color-error60);--hover-icon-angle-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-label-color:var(--stzh-color-error60);--focus-icon-color:var(--stzh-color-error60);--focus-icon-angle-color:var(--stzh-color-error60)}stzh-dropdown[disabled]:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-grey70);--icon-angle-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-label-color:var(--stzh-color-grey70);--hover-icon-color:var(--stzh-color-grey70);--hover-icon-angle-color:var(--stzh-color-grey70);--focus-color:var(--color);--focus-border-color:var(--border-color);--focus-background-color:var(--background-color);--focus-label-color:var(--label-color);--focus-icon-color:var(--icon-color);--focus-icon-angle-color:var(--icon-angle-color)}stzh-dropdown[disabled]:not([disabled=false])[variant=plain]{--background-color:transparent}stzh-dropdown[disabled]:not([disabled=false])[variant=filter]{--color:var(--stzh-chip-disabled-color, var(--stzh-color-grey80));--background-color:var(--stzh-chip-disabled-background-color, var(--stzh-color-grey20));--label-color:var(--color);--placeholder-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--description-color:var(--stzh-color-grey70)}stzh-dropdown:is(:has(.stzh-dropdown__label:hover)),stzh-dropdown:is(:has(.ts-control:hover)){--color:var(--hover-color);--border-color:var(--hover-border-color);--background-color:var(--hover-background-color);--label-color:var(--hover-label-color);--icon-color:var(--hover-icon-color);--icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:is(:has(.ts-control:focus-within)){--color:var(--focus-color);--border-color:var(--focus-border-color);--background-color:var(--focus-background-color);--label-color:var(--focus-label-color);--icon-color:var(--focus-icon-color);--icon-angle-color:var(--focus-icon-angle-color)}stzh-dropdown:where([size=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}stzh-dropdown:where([size=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}stzh-dropdown:where([size=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-small=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 600px) and (min-width: 900px){stzh-dropdown:where([size-small=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 900px) and (min-width: 900px){stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-large=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1260px) and (min-width: 900px){stzh-dropdown:where([size-large=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1600px) and (min-width: 900px){stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}.stzh-dropdown{}.stzh-dropdown__marker-symbol{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-dropdown__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__description-wrapper{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-dropdown__error,.stzh-dropdown__description{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-dropdown__error{color:var(--stzh-color-error60)}.stzh-dropdown__error-list{list-style:none;margin:0;padding:0}.stzh-dropdown__description{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__description-long{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-dropdown__description-long{margin-top:0}}.stzh-dropdown__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-dropdown__description-long-button{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-dropdown stzh-icon.stzh-dropdown__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--has-error .stzh-dropdown__error,.stzh-dropdown--has-description .stzh-dropdown__description{margin-top:var(--stzh-space-xxxsmall)}.stzh-dropdown__wrapper{position:relative}.stzh-dropdown .ts-hidden-accessible{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown .ts-dropdown-content{width:100%;overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch}.stzh-dropdown .ts-wrapper{display:flex;align-items:center;min-height:var(--outer-height)}.stzh-dropdown .ts-control{overflow:hidden;position:relative;display:flex;align-items:center;flex-wrap:wrap;min-height:var(--height);border-radius:var(--border-radius);background-color:var(--background-color);transition-property:border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown .ts-control>*{vertical-align:baseline;display:inline-block}.stzh-dropdown .ts-control,.stzh-dropdown .ts-control>input,.stzh-dropdown__sizer{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);width:100%;border:0.125rem solid var(--border-color)}.stzh-dropdown .ts-control>input{flex:1 1 auto;display:inline-block;padding:0;min-height:0;max-height:none;max-width:100%;margin:0;text-indent:0;border:0 none;background:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;box-shadow:none;cursor:pointer}.stzh-dropdown .ts-control>input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-ms-clear{display:none}.stzh-dropdown .ts-control>input:focus{outline:none}.stzh-dropdown .ts-control>input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-dropdown .ts-control>input:placeholder-shown{text-overflow:ellipsis}.stzh-dropdown__vhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__field-wrapper,.stzh-dropdown__select{position:relative}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item,.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item{color:var(--color)}.stzh-dropdown__sizer{height:var(--height);display:flex;align-items:center;margin-top:calc(var(--height) / -1);pointer-events:none;visibility:hidden}.stzh-dropdown__select.has-items~.stzh-dropdown__sizer{display:none}.stzh-dropdown__select.plugin-input_hide~.stzh-dropdown__sizer{visibility:visible}.stzh-dropdown__select.input-active .ts-control,.stzh-dropdown__select.input-active .ts-control>input{cursor:text}.stzh-dropdown__select.input-hidden .ts-control>input,.stzh-dropdown__select.plugin-input_hide .ts-control>input{opacity:0;position:absolute;left:-625rem}.stzh-dropdown__select.single .ts-control,.stzh-dropdown__select.multi .ts-control,.stzh-dropdown__sizer{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:calc(var(--icon-angle-size) + var(--icon-angle-gap) + var(--padding-right))}.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{display:flex;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.stzh-dropdown__icon-wrapper{left:var(--padding-left);color:var(--icon-color)}.stzh-dropdown__icon-angle-wrapper{right:var(--padding-right);color:var(--icon-angle-color)}.stzh-dropdown__icon-wrapper stzh-icon,.stzh-dropdown__icon{--size:var(--icon-size)}.stzh-dropdown__icon-angle-wrapper stzh-icon,.stzh-dropdown__icon-angle{--size:var(--icon-angle-size)}.stzh-dropdown__label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:var(--label-font-size);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);color:var(--label-color);display:block;width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-dropdown__label:empty{display:none}.stzh-dropdown__marker{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-dropdown__option,.stzh-dropdown__create,.stzh-dropdown__no-results,.stzh-dropdown__not-loading{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-right:var(--stzh-space-large)}.stzh-dropdown__option,.stzh-dropdown__create{display:flex;align-items:center;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;outline:none;border:none;color:var(--stzh-color-black);min-height:var(--stzh-menu-item-height);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown__option:hover,.stzh-dropdown__option.active,.stzh-dropdown__create:hover,.stzh-dropdown__create.active{background-color:var(--stzh-color-grey20)}.stzh-dropdown__option input,.stzh-dropdown__create input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__option.selected{color:var(--stzh-color-primary70)}.stzh-dropdown__option.selected::before{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute;content:\"✓\"}.stzh-dropdown__option[aria-disabled=true]{cursor:not-allowed;color:var(--stzh-color-grey70);background-color:var(--stzh-color-grey10)}.stzh-dropdown__create{display:block}.stzh-dropdown__option-title{flex-grow:1}.stzh-dropdown__option[data-selectable] .highlight{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-dropdown__option-check{display:none}.stzh-dropdown__no-results{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.stzh-dropdown__optgroup-header{cursor:default}.stzh-dropdown__loader{display:flex;align-items:center;justify-content:center;height:var(--stzh-menu-item-height)}.stzh-dropdown__dropdown{position:absolute;top:auto;left:auto;white-space:nowrap;margin-top:var(--popover-distance);margin-left:var(--popover-skidding);transform:none;z-index:var(--stzh-z-index-popover);width:var(--popover-width);min-width:var(--popover-min-width);max-width:var(--popover-max-width);height:var(--popover-height);min-height:var(--popover-min-height);max-height:var(--popover-max-height);background-color:var(--popover-background-color);box-shadow:var(--popover-box-shadow);border-radius:var(--popover-border-radius)}.stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xxsmall)}.stzh-dropdown__select.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.stzh-dropdown__select.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:0.25rem}.stzh-dropdown__select.has-items .ts-control>input{margin:0 0.25rem}.stzh-dropdown__select.has-items .ts-control>input::-webkit-input-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input::-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-ms-input-placeholder{color:transparent}.stzh-dropdown__select.dropdown-active~.stzh-dropdown__icon-angle-wrapper{transform:var(--active-icon-angle-transform)}.stzh-dropdown--is-multiple .stzh-dropdown__option-check{display:inline-flex;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-xsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__option.selected .stzh-dropdown__option-check{opacity:1}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi.has-items .ts-control{padding-top:var(--multiple-padding-top);padding-bottom:var(--multiple-padding-bottom)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;height:1.5rem;line-height:1.5rem;display:flex;flex-direction:row;align-items:center;border-radius:0.75rem;padding:0 var(--stzh-space-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:0.0625rem solid transparent;color:var(--stzh-color-primary70);background-color:var(--stzh-color-primary10);transition:all var(--stzh-base-transition-animation-speed);margin:var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) 0;cursor:pointer}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary20)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item.active{color:var(--stzh-color-white);background-color:var(--stzh-color-primary70)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item,.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item{display:inline-flex;align-items:center;gap:var(--remove-gap);padding-right:0px}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{position:relative;right:-0.0625rem;-webkit-text-decoration-line:none;text-decoration-line:none;width:1.5rem;height:1.5rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);transition:all var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary30)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item.active .stzh-dropdown__remove-icon{color:var(--stzh-color-white)}.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-top:0;top:auto;bottom:100%;margin-bottom:calc(var(--popover-distance) - 1.21875rem)}.stzh-dropdown--popover-placement-top.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-bottom:0}.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-end .stzh-dropdown__dropdown{left:auto;right:0}.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-center .stzh-dropdown__dropdown{left:50%;transform:translateX(-50%)}.stzh-dropdown--popover-fullwidth-horizontal .stzh-dropdown__dropdown{left:0;right:0;transform:none}.stzh-dropdown--has-label-hidden .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-bottom:calc(var(--popover-distance) - 0.0625rem)}.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain .stzh-dropdown__sizer{border:none}.stzh-dropdown--plain .stzh-dropdown__label{left:0;max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--plain .stzh-dropdown__label::before{content:none}.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-top:0}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-no-search .ts-control>input{position:absolute;width:0px;height:0px}.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control,.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control>input{cursor:pointer}.stzh-dropdown--filter .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter .stzh-dropdown__sizer{border:none}.stzh-dropdown--filter .stzh-dropdown__label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);left:var(--padding-left);max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--filter .stzh-dropdown__label::before{content:none}.stzh-dropdown--filter.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--filter.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);width:var(--height);height:var(--height);border-top-left-radius:0px;border-bottom-left-radius:0px}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-black);background-color:var(--stzh-color-secondary40)}.stzh-dropdown--filter .stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__icon-angle-wrapper{display:none}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__sizer{padding-right:0px}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{cursor:not-allowed}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-grey70);background-color:var(--stzh-color-white)}.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-grey70);background-color:transparent}.stzh-dropdown--is-disabled .stzh-dropdown__label,.stzh-dropdown--is-disabled .ts-control,.stzh-dropdown--is-disabled .ts-control>input{cursor:not-allowed}";
 const TomSelectInputReadonly = function (_plugin_options) {
   const self = this;