@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{position:absolute;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}.connect-tooltip:before{content:"";position:absolute;width:100%;height:10px;background:transparent;pointer-events:auto}.connect-tooltip:after{content:"";background:inherit;position:absolute;border-radius:var(--ds-layout-spacing-100)}.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{position:absolute;height:10px;width:10px;transform:rotate(45deg);border-bottom-right-radius:2px;background:inherit}.connect-tooltip--top-left:before,.connect-tooltip--top:before,.connect-tooltip--top-right:before{top:100%;left:0;height:var(--tooltip-gap)}.connect-tooltip--bottom-left:before,.connect-tooltip--bottom:before,.connect-tooltip--bottom-right:before{bottom:100%;left:0;height:var(--tooltip-gap)}.connect-tooltip--right-top:before,.connect-tooltip--right:before,.connect-tooltip--right-bottom:before{right:100%;top:0;width:var(--tooltip-gap);height:100%}.connect-tooltip--left-top:before,.connect-tooltip--left:before,.connect-tooltip--left-bottom:before{left:100%;top:0;width:var(--tooltip-gap);height: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));transform:translate(-50%);pointer-events:none;bottom:0;left: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));transform:translate(-50%);pointer-events:none;top:0;left:50%}.connect-tooltip--right-bottom:after,.connect-tooltip--right:after,.connect-tooltip--right-top:after{height:calc(100% - (var(--tooltip-tip-offset) * 2));width:10px;transform:translateY(-50%);pointer-events:none;left:0;top:50%}.connect-tooltip--left-bottom:after,.connect-tooltip--left:after,.connect-tooltip--left-top:after{height:calc(100% - (var(--tooltip-tip-offset) * 2));width:10px;transform:translateY(-50%);pointer-events:none;right:0;top: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{right:calc(100% - 5px);top:50%;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{left:calc(100% - 5px);top:50%;transform:translateY(-50%) rotate(45deg)}.connect-tooltip--left-top .connect-tooltip-tip{left:calc(100% - 5px);bottom:var(--tooltip-tip-offset)}