@keyframes connectOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes connectOverlayFadeOut{0%{opacity:1}to{opacity:0}}.connect-overlay{position:fixed;inset:0;margin:0;padding:0;border:none;background:transparent;color:inherit;width:100vw;height:100vh;max-width:100vw;max-height:100vh;overscroll-behavior:contain}.connect-overlay[open]{animation:connectOverlayFadeIn .24s cubic-bezier(0,0,.38,.9) forwards}.connect-overlay[data-closing=true]{animation:connectOverlayFadeOut .24s cubic-bezier(.2,0,1,.99) forwards}.connect-overlay::backdrop{background-color:var(--ds-color-surface-overlay-dark);animation:connectOverlayFadeIn .24s cubic-bezier(0,0,.38,.9) forwards}.connect-overlay[data-closing=true]::backdrop{animation:connectOverlayFadeOut .24s cubic-bezier(.2,0,1,.99) forwards}body:has(.connect-overlay[open]){overflow:hidden}body:has(.connect-overlay[open])>:not(dialog):not(script):not(style){pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.connect-overlay *,.connect-overlay,.connect-overlay::backdrop,.connect-overlay[open],.connect-overlay[data-closing=true],.connect-overlay[data-closing=true]::backdrop{animation:none;transition:none}}.connect-tag{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:default;width:fit-content;height:fit-content}.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;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.connect-tag__icon{flex-shrink:0}.connect-tag__close-button{cursor:pointer;background-color:transparent;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{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:100%;overflow:hidden;flex-shrink:1}.connect-tag--icon-end .connect-tag__text-wrapper{flex-direction:row-reverse}.connect-tag--is-removable .connect-tag__text-wrapper{padding-right:0}
