@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-arrow-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;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-arrow{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-arrow-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-arrow-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-arrow-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-arrow-offset)*2));pointer-events:none;width:10px;top:50%;right:0;transform:translateY(-50%)}.connect-tooltip--top-right .connect-tooltip-arrow{top:calc(100% - 5px);left:var(--tooltip-arrow-offset)}.connect-tooltip--top .connect-tooltip-arrow{top:calc(100% - 5px);left:50%;transform:translate(-50%)rotate(45deg)}.connect-tooltip--top-left .connect-tooltip-arrow{top:calc(100% - 5px);right:var(--tooltip-arrow-offset)}.connect-tooltip--bottom-right .connect-tooltip-arrow{bottom:calc(100% - 5px);left:var(--tooltip-arrow-offset)}.connect-tooltip--bottom .connect-tooltip-arrow{bottom:calc(100% - 5px);left:50%;transform:translate(-50%)rotate(45deg)}.connect-tooltip--bottom-left .connect-tooltip-arrow{bottom:calc(100% - 5px);right:var(--tooltip-arrow-offset)}.connect-tooltip--right-bottom .connect-tooltip-arrow{right:calc(100% - 5px);top:var(--tooltip-arrow-offset)}.connect-tooltip--right-bottom:after{left:0}.connect-tooltip--right .connect-tooltip-arrow{top:50%;right:calc(100% - 5px);transform:translateY(-50%)rotate(45deg)}.connect-tooltip--right-top .connect-tooltip-arrow{right:calc(100% - 5px);bottom:var(--tooltip-arrow-offset)}.connect-tooltip--left-bottom .connect-tooltip-arrow{left:calc(100% - 5px);top:var(--tooltip-arrow-offset)}.connect-tooltip--left .connect-tooltip-arrow{top:50%;left:calc(100% - 5px);transform:translateY(-50%)rotate(45deg)}.connect-tooltip--left-top .connect-tooltip-arrow{left:calc(100% - 5px);bottom:var(--tooltip-arrow-offset)}