:root{--connect-dropdown-chevron-size:var(--ds-layout-size-250);--connect-chevron-to-button-gap:calc(var(--ds-layout-spacing-100) + var(--connect-dropdown-chevron-size) + var(--ds-layout-spacing-100));--connect-end-padding-with-clear-button:calc(var(--connect-dropdown-chevron-size) + var(--ds-layout-spacing-100) + var(--ds-layout-size-300));--connect-end-padding-with-tag:calc(calc(var(--connect-chevron-to-button-gap) + var(--ds-layout-size-300) + var(--ds-layout-spacing-150)))}.connect-dropdown{justify-content:center;align-items:flex-start;gap:var(--ds-layout-spacing-50);flex-direction:column;flex-shrink:1;width:280px;min-width:100px;max-width:280px;display:flex;position:relative}.connect-dropdown--full-width{width:100%;min-width:0;max-width:100%}.connect-dropdown--inline{align-items:center;gap:var(--ds-layout-spacing-100);flex-direction:row}.connect-dropdown__wrapper{cursor:pointer;outline:none;width:100%;position:relative}.connect-dropdown__wrapper--disabled{opacity:var(--ds-misc-opacity-50);cursor:not-allowed}.connect-dropdown__wrapper--readonly,.connect-dropdown__wrapper--loading{cursor:default}.connect-dropdown__wrapper--open .connect-dropdown__textfield .connect-text-field__input-wrapper,.connect-dropdown__wrapper--open .connect-dropdown__textfield .connect-text-field__input-wrapper:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-enabled),0 0 0 var(--ds-layout-stroke-width-50) var(--ds-color-interactive-primary-subtle-selected);background:var(--ds-color-surface-background-level-1-default)}.connect-dropdown__wrapper:focus-visible .connect-dropdown__textfield .connect-text-field__input-wrapper{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-support-focused-default);background:var(--ds-color-support-focused-inverse)}.connect-dropdown__textfield{pointer-events:none;width:100%}.connect-dropdown__textfield .connect-text-field__clear-button-wrapper{pointer-events:auto;inset-inline-end:var(--connect-chevron-to-button-gap);position:absolute;top:50%;transform:translateY(-50%)}.connect-dropdown__textfield input{cursor:pointer;padding-inline-end:var(--connect-end-padding-with-clear-button)}.connect-dropdown__textfield--with-tag .connect-text-field__input-wrapper input{padding-inline-end:var(--connect-end-padding-with-tag)}.connect-dropdown__chevron-wrapper{inset-inline-end:var(--ds-layout-spacing-100);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.connect-dropdown__tag-wrapper{inset-inline-end:var(--connect-chevron-to-button-gap);pointer-events:auto;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.connect-dropdown__native-input{bottom:0;opacity:0;pointer-events:none;box-sizing:border-box;width:100%;position:absolute;inset-inline-start:0}.connect-dropdown--ghost .connect-dropdown__textfield .connect-text-field__input-wrapper,.connect-dropdown--ghost .connect-dropdown__textfield .connect-text-field__input-wrapper:hover,.connect-dropdown--ghost .connect-dropdown__wrapper--open .connect-dropdown__textfield .connect-text-field__input-wrapper,.connect-dropdown--ghost .connect-dropdown__wrapper--open .connect-dropdown__textfield .connect-text-field__input-wrapper:hover{box-shadow:none;background:0 0;padding-inline-start:0}.connect-dropdown--ghost .connect-dropdown__wrapper{flex-direction:row;align-items:center;width:fit-content;display:flex}.connect-dropdown--ghost .connect-dropdown__textfield{width:auto}