@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)}.connect-utility-button{position:relative;display:inline-flex;justify-content:center;align-items:center;height:fit-content;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out;width:fit-content}.connect-utility-button--small{min-height:var(--ds-layout-size-400);min-width:var(--ds-layout-size-400);padding:var(--ds-layout-spacing-25) var(--ds-layout-spacing-75);gap:var(--ds-layout-spacing-50);border-radius:var(--ds-layout-radius-100)}.connect-utility-button--small>.connect-utility-button__icon,.connect-utility-button--small>.connect-utility-button__dropdown-icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-utility-button--medium{min-height:var(--ds-layout-size-500);min-width:var(--ds-layout-size-500);padding:var(--ds-layout-spacing-50) var(--ds-layout-spacing-100);gap:var(--ds-layout-spacing-75);border-radius:var(--ds-layout-radius-150)}.connect-utility-button--medium>.connect-utility-button__icon,.connect-utility-button--medium>.connect-utility-button__dropdown-icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-utility-button--large{min-height:var(--ds-layout-size-600);min-width:var(--ds-layout-size-600);padding:var(--ds-layout-spacing-100) var(--ds-layout-spacing-150);gap:var(--ds-layout-spacing-100);border-radius:var(--ds-layout-radius-150)}.connect-utility-button--large>.connect-utility-button__icon,.connect-utility-button--large>.connect-utility-button__dropdown-icon{width:var(--ds-layout-size-300);height:var(--ds-layout-size-300)}.connect-utility-button[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-misc-opacity-50)}.connect-utility-button--solid{background:var(--ds-color-interactive-neutral-enabled);color:var(--ds-color-content-muted)}.connect-utility-button--solid:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-hovered)}.connect-utility-button--solid:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-pressed)}.connect-utility-button--solid:focus-visible:not([aria-disabled=true]){outline:var(--ds-layout-stroke-width-25) solid var(--ds-color-support-focused-muted);outline-offset:.0625rem}.connect-utility-button--solid.connect-utility-button--is-selected{background:var(--ds-color-interactive-primary-subtle-selected);color:var(--ds-color-content-primary);box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-interactive-primary-enabled)}.connect-utility-button--solid.connect-utility-button--is-selected:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-subtle-hovered)}.connect-utility-button--solid.connect-utility-button--is-selected:active:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-subtle-pressed)}.connect-utility-button--solid.connect-utility-button--is-selected-emphasis{background:var(--ds-color-interactive-primary-enabled);color:var(--ds-color-content-inverse)}.connect-utility-button--solid.connect-utility-button--is-selected-emphasis:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-hovered)}.connect-utility-button--solid.connect-utility-button--is-selected-emphasis:active:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-pressed)}.connect-utility-button--ghost{background:var(--ds-color-interactive-neutral-subtle-enabled);color:var(--ds-color-content-muted)}.connect-utility-button--ghost:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-utility-button--ghost:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-utility-button--ghost:focus-visible:not([aria-disabled=true]){outline:var(--ds-layout-stroke-width-25) solid var(--ds-color-support-focused-muted);outline-offset:.0625rem}.connect-utility-button--ghost.connect-utility-button--is-selected{background:var(--ds-color-interactive-primary-subtle-selected);color:var(--ds-color-content-primary)}.connect-utility-button--ghost.connect-utility-button--is-selected:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-subtle-hovered)}.connect-utility-button--ghost.connect-utility-button--is-selected:active:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-subtle-pressed)}.connect-utility-button--ghost.connect-utility-button--is-selected-emphasis{background:var(--ds-color-interactive-primary-enabled);color:var(--ds-color-content-inverse)}.connect-utility-button--ghost.connect-utility-button--is-selected-emphasis:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-hovered)}.connect-utility-button--ghost.connect-utility-button--is-selected-emphasis:active:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-pressed)}.connect-utility-button__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.connect-utility-button__icon,.connect-utility-button__dropdown-icon{flex-shrink:0;pointer-events:none}