@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-utility-button{appearance:none;text-align:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;width:fit-content;height:fit-content;margin:0;padding:0;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:inline-flex;position:relative}.connect-utility-button__icon,.connect-utility-button__dropdown-icon{pointer-events:none;flex-shrink:0}.connect-utility-button.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.connect-utility-button--small>.connect-utility-button__icon,.connect-utility-button.connect-utility-button--small>.connect-utility-button__dropdown-icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-utility-button.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.connect-utility-button--medium>.connect-utility-button__icon,.connect-utility-button.connect-utility-button--medium>.connect-utility-button__dropdown-icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-utility-button.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.connect-utility-button--large>.connect-utility-button__icon,.connect-utility-button.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--neutral{background:var(--ds-color-interactive-neutral-enabled);color:var(--ds-color-content-muted)}.connect-utility-button--neutral:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-hovered)}.connect-utility-button--neutral:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-pressed)}.connect-utility-button--neutral: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--neutral.connect-utility-button--ghost{background:var(--ds-color-interactive-neutral-subtle-enabled)}.connect-utility-button--neutral.connect-utility-button--ghost:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-utility-button--neutral.connect-utility-button--ghost:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-utility-button--neutral.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--neutral.connect-utility-button--is-selected:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-subtle-hovered)}.connect-utility-button--neutral.connect-utility-button--is-selected:active:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-subtle-pressed)}.connect-utility-button--neutral.connect-utility-button--is-selected-emphasis{background:var(--ds-color-interactive-primary-enabled);color:var(--ds-color-content-inverse)}.connect-utility-button--neutral.connect-utility-button--is-selected-emphasis:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-hovered)}.connect-utility-button--neutral.connect-utility-button--is-selected-emphasis:active:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-pressed)}.connect-utility-button__label{text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;overflow:hidden}
:root{--ds-direction:1}:root[dir=rtl],[dir=rtl]{--ds-direction:-1}