@keyframes connectTooltipFadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes connectTooltipFadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}:root{--tooltip-tip-offset:12px}.connect-tooltip{border-radius:var(--ds-layout-spacing-100);padding:var(--ds-layout-spacing-100) var(--ds-layout-spacing-150);pointer-events:none;opacity:0;visibility:hidden;text-align:center;min-width:40px;z-index:var(--ds-misc-z-index-z-tooltip);position:absolute}.connect-tooltip:before{content:"";pointer-events:auto;background:0 0;width:100%;height:10px;position:absolute}.connect-tooltip:after{content:"";background:inherit;border-radius:var(--ds-layout-spacing-100);position:absolute}.connect-tooltip--visible{animation:connectTooltipFadeIn var(--tooltip-transition-duration) cubic-bezier(0,0,.38,.9) forwards;pointer-events:auto;-webkit-user-select:text;user-select:text}.connect-tooltip--hidden{animation:connectTooltipFadeOut var(--tooltip-transition-duration) cubic-bezier(.2,0,1,.99) forwards}.connect-tooltip--inverse{background-color:var(--ds-color-surface-background-inverse);color:var(--ds-color-content-inverse)}.connect-tooltip--neutral{background-color:var(--ds-color-surface-background-level-1-default);color:var(--ds-color-content-default)}.connect-tooltip-tip{background:inherit;border-bottom-right-radius:2px;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.connect-tooltip--top-left:before,.connect-tooltip--top:before,.connect-tooltip--top-right:before{height:var(--tooltip-gap);top:100%;left:0}.connect-tooltip--bottom-left:before,.connect-tooltip--bottom:before,.connect-tooltip--bottom-right:before{height:var(--tooltip-gap);bottom:100%;left:0}.connect-tooltip--right-top:before,.connect-tooltip--right:before,.connect-tooltip--right-bottom:before{width:var(--tooltip-gap);height:100%;top:0;right:100%}.connect-tooltip--left-top:before,.connect-tooltip--left:before,.connect-tooltip--left-bottom:before{width:var(--tooltip-gap);height:100%;top:0;left:100%}.connect-tooltip--top-right:after,.connect-tooltip--top:after,.connect-tooltip--top-left:after{height:10px;width:calc(100% - (var(--tooltip-tip-offset) * 2));pointer-events:none;bottom:0;left:50%;transform:translate(-50%)}.connect-tooltip--bottom-right:after,.connect-tooltip--bottom:after,.connect-tooltip--bottom-left:after{height:10px;width:calc(100% - (var(--tooltip-tip-offset) * 2));pointer-events:none;top:0;left:50%;transform:translate(-50%)}.connect-tooltip--right-bottom:after,.connect-tooltip--right:after,.connect-tooltip--right-top:after{height:calc(100% - (var(--tooltip-tip-offset) * 2));pointer-events:none;width:10px;top:50%;left:0;transform:translateY(-50%)}.connect-tooltip--left-bottom:after,.connect-tooltip--left:after,.connect-tooltip--left-top:after{height:calc(100% - (var(--tooltip-tip-offset) * 2));pointer-events:none;width:10px;top:50%;right:0;transform:translateY(-50%)}.connect-tooltip--top-right .connect-tooltip-tip{top:calc(100% - 5px);left:var(--tooltip-tip-offset)}.connect-tooltip--top .connect-tooltip-tip{top:calc(100% - 5px);left:50%;transform:translate(-50%)rotate(45deg)}.connect-tooltip--top-left .connect-tooltip-tip{top:calc(100% - 5px);right:var(--tooltip-tip-offset)}.connect-tooltip--bottom-right .connect-tooltip-tip{bottom:calc(100% - 5px);left:var(--tooltip-tip-offset)}.connect-tooltip--bottom .connect-tooltip-tip{bottom:calc(100% - 5px);left:50%;transform:translate(-50%)rotate(45deg)}.connect-tooltip--bottom-left .connect-tooltip-tip{bottom:calc(100% - 5px);right:var(--tooltip-tip-offset)}.connect-tooltip--right-bottom .connect-tooltip-tip{right:calc(100% - 5px);top:var(--tooltip-tip-offset)}.connect-tooltip--right-bottom:after{left:0}.connect-tooltip--right .connect-tooltip-tip{top:50%;right:calc(100% - 5px);transform:translateY(-50%)rotate(45deg)}.connect-tooltip--right-top .connect-tooltip-tip{right:calc(100% - 5px);bottom:var(--tooltip-tip-offset)}.connect-tooltip--left-bottom .connect-tooltip-tip{left:calc(100% - 5px);top:var(--tooltip-tip-offset)}.connect-tooltip--left .connect-tooltip-tip{top:50%;left:calc(100% - 5px);transform:translateY(-50%)rotate(45deg)}.connect-tooltip--left-top .connect-tooltip-tip{left:calc(100% - 5px);bottom:var(--tooltip-tip-offset)}
.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__icon,.connect-tag__close-button__icon{flex-shrink:0}.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--neutral{background:var(--ds-color-support-neutral-inverse);color:var(--ds-color-content-default)}.connect-tag--neutral .connect-tag__icon,.connect-tag--neutral .connect-tag__close-button__icon{background-color:var(--ds-color-content-default)}.connect-tag--primary{background:var(--ds-color-support-primary-inverse);color:var(--ds-color-content-primary)}.connect-tag--primary .connect-tag__icon,.connect-tag--primary .connect-tag__close-button__icon{background-color:var(--ds-color-content-primary)}.connect-tag--brand{background:var(--ds-color-support-brand-inverse);color:var(--ds-color-content-brand)}.connect-tag--brand .connect-tag__icon,.connect-tag--brand .connect-tag__close-button__icon{background-color:var(--ds-color-content-brand)}.connect-tag--accent{background:var(--ds-color-support-accent-inverse);color:var(--ds-color-content-accent)}.connect-tag--accent .connect-tag__icon,.connect-tag--accent .connect-tag__close-button__icon{background-color:var(--ds-color-content-accent)}.connect-tag--informative{background:var(--ds-color-support-informative-inverse);color:var(--ds-color-content-informative)}.connect-tag--informative .connect-tag__icon,.connect-tag--informative .connect-tag__close-button__icon{background-color:var(--ds-color-content-informative)}.connect-tag--positive{background:var(--ds-color-support-positive-inverse);color:var(--ds-color-content-positive)}.connect-tag--positive .connect-tag__icon,.connect-tag--positive .connect-tag__close-button__icon{background-color:var(--ds-color-content-positive)}.connect-tag--warning{background:var(--ds-color-support-warning-inverse);color:var(--ds-color-content-warning)}.connect-tag--warning .connect-tag__icon,.connect-tag--warning .connect-tag__close-button__icon{background-color:var(--ds-color-content-warning)}.connect-tag--negative{background:var(--ds-color-support-negative-inverse);color:var(--ds-color-content-negative)}.connect-tag--negative .connect-tag__icon,.connect-tag--negative .connect-tag__close-button__icon{background-color:var(--ds-color-content-negative)}.connect-tag--neutral.connect-tag--emphasis{background:var(--ds-color-support-neutral-strong);color:var(--ds-color-content-inverse)}.connect-tag--neutral.connect-tag--emphasis .connect-tag__icon,.connect-tag--neutral.connect-tag--emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-inverse)}.connect-tag--primary.connect-tag--emphasis{background:var(--ds-color-support-primary-default);color:var(--ds-color-content-on-primary)}.connect-tag--primary.connect-tag--emphasis .connect-tag__icon,.connect-tag--primary.connect-tag--emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-on-primary)}.connect-tag--brand.connect-tag--emphasis{background:var(--ds-color-support-brand-default);color:var(--ds-color-content-on-brand)}.connect-tag--brand.connect-tag--emphasis .connect-tag__icon,.connect-tag--brand.connect-tag--emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-on-brand)}.connect-tag--accent.connect-tag--emphasis{background:var(--ds-color-support-accent-default);color:var(--ds-color-content-on-brand)}.connect-tag--accent.connect-tag--emphasis .connect-tag__icon,.connect-tag--accent.connect-tag--emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-on-brand)}.connect-tag--informative.connect-tag--emphasis{background:var(--ds-color-support-informative-default);color:var(--ds-color-content-inverse)}.connect-tag--informative.connect-tag--emphasis .connect-tag__icon,.connect-tag--informative.connect-tag--emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-inverse)}.connect-tag--positive.connect-tag--emphasis{background:var(--ds-color-support-positive-default);color:var(--ds-color-content-inverse)}.connect-tag--positive.connect-tag--emphasis .connect-tag__icon,.connect-tag--positive.connect-tag--emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-inverse)}.connect-tag--warning.connect-tag--emphasis{background:var(--ds-color-support-warning-default);color:var(--ds-color-content-dark)}.connect-tag--warning.connect-tag--emphasis .connect-tag__icon,.connect-tag--warning.connect-tag--emphasis .connect-tag__close-button__icon{background-color:var(--ds-color-content-dark)}.connect-tag--negative.connect-tag--emphasis{background:var(--ds-color-support-negative-default);color:var(--ds-color-content-inverse)}.connect-tag--negative.connect-tag--emphasis .connect-tag__icon,.connect-tag--negative.connect-tag--emphasis .connect-tag__close-button__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__text--truncated{-webkit-user-select:none;user-select:none}.connect-tag__close-button{appearance:none;color:inherit;text-align:inherit;cursor:pointer;background-color:#0000;border:none;align-items:center;margin:0;padding:0;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex}.connect-tag__close-button:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-tag--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--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--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-inline:var(--ds-layout-spacing-35) var(--ds-layout-spacing-50);border-start-start-radius:0;border-start-end-radius:var(--ds-layout-radius-75);border-end-end-radius:var(--ds-layout-radius-75);border-end-start-radius: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-inline:var(--ds-layout-spacing-50) var(--ds-layout-spacing-75);border-start-start-radius:0;border-start-end-radius:var(--ds-layout-spacing-100);border-end-end-radius:var(--ds-layout-spacing-100);border-end-start-radius:0}.connect-tag--medium .connect-tag__close-button__icon{width:var(--ds-layout-spacing-250);height:var(--ds-layout-spacing-250)}.connect-tag--icon-end .connect-tag__text-wrapper{flex-direction:row-reverse}.connect-tag--is-removable .connect-tag__text-wrapper{padding-inline-end:0}.connect-tag:focus-visible:not([aria-disabled=true]){outline:var(--ds-layout-stroke-width-25) solid var(--ds-color-support-focused-muted);outline-offset:.0625rem}
