: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-right-padding-with-clear-button:calc(var(--connect-dropdown-chevron-size) + var(--ds-layout-spacing-100) + var(--ds-layout-size-300));--connect-right-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;width:280px;min-width:100px;max-width:280px;display:flex;position:relative}.connect-dropdown .connect-text-field__input-wrapper{margin-bottom:0}.connect-dropdown--full-width{width:100%;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: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__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__textfield{pointer-events:none;width:100%}.connect-dropdown__textfield .connect-text-field__clear-button-wrapper{pointer-events:auto;right:var(--connect-chevron-to-button-gap);z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.connect-dropdown__textfield input{cursor:pointer;padding-right:var(--connect-right-padding-with-clear-button)}.connect-dropdown__textfield--with-tag .connect-text-field__input-wrapper input{padding-right:var(--connect-right-padding-with-tag)}.connect-dropdown__chevron-wrapper{right:var(--ds-layout-spacing-100);pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.connect-dropdown__tag-wrapper{right:var(--connect-chevron-to-button-gap);pointer-events:auto;z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.connect-dropdown__native-input{opacity:0;pointer-events:none;box-sizing:border-box;width:100%;position:absolute;bottom:0;left: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}.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-left:0}
.connect-tag{cursor:default;flex-direction:row;justify-content:space-between;align-items:center;width:fit-content;height:fit-content;display:flex}.connect-tag[aria-disabled=true]{opacity:var(--ds-misc-opacity-50)}.connect-tag--neutral-default{background:var(--ds-color-support-neutral-inverse);color:var(--ds-color-content-default)}.connect-tag--neutral-default .connect-tag__icon,.connect-tag--neutral-default .connect-tag__close-button__icon{background-color:var(--ds-color-content-default)}.connect-tag--neutral-emphasis{background:var(--ds-color-support-neutral-strong);color:var(--ds-color-content-inverse)}.connect-tag--neutral-emphasis .connect-tag__icon{background-color:var(--ds-color-content-inverse)}.connect-tag--primary-default{background:var(--ds-color-support-primary-inverse);color:var(--ds-color-content-primary)}.connect-tag--primary-default .connect-tag__icon,.connect-tag--primary-default .connect-tag__close-button__icon{background-color:var(--ds-color-content-primary)}.connect-tag--primary-emphasis{background:var(--ds-color-support-primary-default);color:var(--ds-color-content-on-primary)}.connect-tag--primary-emphasis .connect-tag__icon,.connect-tag--primary-emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-on-primary)}.connect-tag--brand-default{background:var(--ds-color-support-brand-inverse);color:var(--ds-color-content-brand)}.connect-tag--brand-default .connect-tag__icon,.connect-tag--brand-default .connect-tag__close-button__icon{background-color:var(--ds-color-content-brand)}.connect-tag--brand-emphasis{background:var(--ds-color-support-brand-default);color:var(--ds-color-content-on-brand)}.connect-tag--brand-emphasis .connect-tag__icon,.connect-tag--brand-emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-on-brand)}.connect-tag--accent-default{background:var(--ds-color-support-accent-inverse);color:var(--ds-color-content-accent)}.connect-tag--accent-default .connect-tag__icon,.connect-tag--accent-default .connect-tag__close-button__icon{background-color:var(--ds-color-content-accent)}.connect-tag--accent-emphasis{background:var(--ds-color-support-accent-default);color:var(--ds-color-content-on-brand)}.connect-tag--accent-emphasis .connect-tag__icon,.connect-tag--accent-emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-on-brand)}.connect-tag--informative-default{background:var(--ds-color-support-informative-inverse);color:var(--ds-color-content-informative)}.connect-tag--informative-default .connect-tag__icon,.connect-tag--informative-default .connect-tag__close-button__icon{background-color:var(--ds-color-content-informative)}.connect-tag--informative-emphasis{background:var(--ds-color-support-informative-default);color:var(--ds-color-content-inverse)}.connect-tag--informative-emphasis .connect-tag__icon{background-color:var(--ds-color-content-inverse)}.connect-tag--positive-default{background:var(--ds-color-support-positive-inverse);color:var(--ds-color-content-positive)}.connect-tag--positive-default .connect-tag__icon,.connect-tag--positive-default .connect-tag__close-button__icon{background-color:var(--ds-color-content-positive)}.connect-tag--positive-emphasis{background:var(--ds-color-support-positive-default);color:var(--ds-color-content-inverse)}.connect-tag--positive-emphasis .connect-tag__icon.connect-icon{background-color:var(--ds-color-content-inverse)}.connect-tag--warning-default{background:var(--ds-color-support-warning-inverse);color:var(--ds-color-content-warning)}.connect-tag--warning-default .connect-tag__icon,.connect-tag--warning-default .connect-tag__close-button__icon{background-color:var(--ds-color-content-warning)}.connect-tag--warning-emphasis{background:var(--ds-color-support-warning-default);color:var(--ds-color-content-dark)}.connect-tag--warning-emphasis .connect-tag__icon,.connect-tag--warning-emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-dark)}.connect-tag--negative-default{background:var(--ds-color-support-negative-inverse);color:var(--ds-color-content-negative)}.connect-tag--negative-default .connect-tag__icon,.connect-tag--negative-default .connect-tag__close-button__icon{background-color:var(--ds-color-content-negative)}.connect-tag--negative-emphasis{background:var(--ds-color-support-negative-default);color:var(--ds-color-content-inverse)}.connect-tag--negative-emphasis .connect-tag__icon{background-color:var(--ds-color-content-inverse)}.connect-tag__text{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;flex:auto;max-width:100%;overflow:hidden}.connect-tag__icon{flex-shrink:0}.connect-tag__close-button{cursor:pointer;background-color:#0000;transition:background-color .15s ease-in-out,color .15s ease-in-out}.connect-tag__close-button:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-tag--neutral-emphasis .connect-tag__close-button:hover:not([aria-disabled=true]),.connect-tag--primary-emphasis .connect-tag__close-button:hover:not([aria-disabled=true]),.connect-tag--brand-emphasis .connect-tag__close-button:hover:not([aria-disabled=true]),.connect-tag--informative-emphasis .connect-tag__close-button:hover:not([aria-disabled=true]),.connect-tag--accent-emphasis .connect-tag__close-button:hover:not([aria-disabled=true]),.connect-tag--positive-emphasis .connect-tag__close-button:hover:not([aria-disabled=true]),.connect-tag--warning-emphasis .connect-tag__close-button:hover:not([aria-disabled=true]),.connect-tag--negative-emphasis .connect-tag__close-button:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-inverse-subtle-hovered)}.connect-tag__close-button:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-tag--neutral-emphasis .connect-tag__close-button:active:not([aria-disabled=true]),.connect-tag--primary-emphasis .connect-tag__close-button:active:not([aria-disabled=true]),.connect-tag--brand-emphasis .connect-tag__close-button:active:not([aria-disabled=true]),.connect-tag--informative-emphasis .connect-tag__close-button:active:not([aria-disabled=true]),.connect-tag--accent-emphasis .connect-tag__close-button:active:not([aria-disabled=true]),.connect-tag--positive-emphasis .connect-tag__close-button:active:not([aria-disabled=true]),.connect-tag--warning-emphasis .connect-tag__close-button:active:not([aria-disabled=true]),.connect-tag--negative-emphasis .connect-tag__close-button:active:not([aria-disabled=true]){background:var(--ds-color-interactive-inverse-subtle-pressed)}.connect-tag__close-button:focus-visible:not([aria-disabled=true]){outline:2px solid var(--ds-color-support-focused-default);outline-offset:-2px;border-radius:var(--ds-layout-radius-75)}.connect-tag__close-button[aria-disabled=true]{cursor:not-allowed}.connect-tag__close-button__icon{flex-shrink:0}.connect-tag--neutral-emphasis .connect-tag__close-button__icon,.connect-tag--informative-emphasis .connect-tag__close-button__icon,.connect-tag--positive-emphasis .connect-tag__close-button__icon,.connect-tag--negative-emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-inverse)}.connect-tag--small{border-radius:var(--ds-layout-radius-75)}.connect-tag--small .connect-tag__text-wrapper{gap:var(--ds-layout-spacing-50);padding:var(--ds-layout-spacing-0) var(--ds-layout-spacing-100);min-height:var(--ds-layout-spacing-300)}.connect-tag--small .connect-tag__icon{width:var(--ds-layout-spacing-200);height:var(--ds-layout-spacing-200)}.connect-tag--small .connect-tag__close-button{min-height:var(--ds-layout-spacing-300);padding:0 var(--ds-layout-spacing-50) 0 var(--ds-layout-spacing-35);border-radius:0 var(--ds-layout-radius-75) var(--ds-layout-radius-75) 0}.connect-tag--small .connect-tag__close-button__icon{width:var(--ds-layout-spacing-200);height:var(--ds-layout-spacing-200)}.connect-tag--medium{border-radius:var(--ds-layout-spacing-100)}.connect-tag--medium .connect-tag__text-wrapper{gap:var(--ds-layout-spacing-75);padding:var(--ds-layout-spacing-0) var(--ds-layout-spacing-100);min-height:var(--ds-layout-spacing-400)}.connect-tag--medium .connect-tag__icon{width:var(--ds-layout-spacing-250);height:var(--ds-layout-spacing-250)}.connect-tag--medium .connect-tag__close-button{min-height:var(--ds-layout-spacing-400);padding:0 var(--ds-layout-spacing-75) 0 var(--ds-layout-spacing-50);border-radius:0 var(--ds-layout-spacing-100) var(--ds-layout-spacing-100) 0}.connect-tag--medium .connect-tag__close-button__icon{width:var(--ds-layout-spacing-250);height:var(--ds-layout-spacing-250)}.connect-tag__text-wrapper{flex-direction:row;flex-shrink:1;justify-content:center;align-items:center;max-width:100%;display:flex;overflow:hidden}.connect-tag--icon-end .connect-tag__text-wrapper{flex-direction:row-reverse}.connect-tag--is-removable .connect-tag__text-wrapper{padding-right:0}