.connect-progress-circle{width:var(--ds-layout-size-500);height:var(--ds-layout-size-500);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.connect-progress-circle__content{color:var(--ds-color-interactive-primary-enabled);transform:scale(.36)}.connect-progress-circle__icon{width:var(--ds-layout-size-500);height:var(--ds-layout-size-500)}.connect-progress-circle--small{width:var(--ds-layout-size-300);height:var(--ds-layout-size-300)}.connect-progress-circle--small .connect-progress-circle__content{display:none}.connect-progress-circle--large{width:var(--ds-layout-size-800);height:var(--ds-layout-size-800)}.connect-progress-circle--large .connect-progress-circle__content{transform:scale(.57)}.connect-progress-circle--x-large{width:var(--ds-layout-size-1400);height:var(--ds-layout-size-1400)}.connect-progress-circle--x-large .connect-progress-circle__content{transform:scale(1)}.connect-progress-circle .connect-progress-circle__background,.connect-progress-circle .connect-progress-circle__indicator,.connect-progress-circle .connect-progress-circle__trail-segment{stroke:var(--ds-color-interactive-primary-enabled)}.connect-progress-circle--neutral .connect-progress-circle__background,.connect-progress-circle--neutral .connect-progress-circle__indicator,.connect-progress-circle--neutral .connect-progress-circle__trail-segment{stroke:var(--ds-color-support-neutral-default)}.connect-progress-circle--neutral .connect-progress-circle__content{color:var(--ds-color-support-neutral-default)}.connect-progress-circle--static-light .connect-progress-circle__background,.connect-progress-circle--static-light .connect-progress-circle__indicator,.connect-progress-circle--static-light .connect-progress-circle__trail-segment{stroke:var(--ds-color-interactive-light-enabled)}.connect-progress-circle--static-light .connect-progress-circle__content{color:var(--ds-color-interactive-light-enabled)}.connect-progress-circle--static-dark .connect-progress-circle__background,.connect-progress-circle--static-dark .connect-progress-circle__indicator,.connect-progress-circle--static-dark .connect-progress-circle__trail-segment{stroke:var(--ds-color-content-dark)}.connect-progress-circle--static-dark .connect-progress-circle__content{color:var(--ds-color-content-dark)}.connect-progress-circle--colorful{--connect-progress-circle-color-1:var(--ds-color-support-brand-muted);--connect-progress-circle-color-2:var(--ds-color-support-positive-muted);--connect-progress-circle-color-3:var(--ds-color-support-informative-muted);--connect-progress-circle-color-4:var(--ds-color-content-link-visited-light)}.connect-progress-circle--colorful .connect-progress-circle__background{stroke:var(--ds-color-interactive-neutral-subtle-selected)}.connect-progress-circle__bar{transform-origin:50%;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.connect-progress-circle__background{opacity:.15}.connect-progress-circle--colorful .connect-progress-circle__background{opacity:1}.connect-progress-circle__indicator{transition:stroke-dashoffset .24s cubic-bezier(.3,0,.3,1),stroke .24s cubic-bezier(.3,0,.3,1)}@media (prefers-reduced-motion:reduce){.connect-progress-circle__indicator{transition-duration:0!important}}.connect-progress-circle--indeterminate .connect-progress-circle__indicator,.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment{transform-origin:50%;transform-box:fill-box;animation:1.2s linear infinite connectProgressCircleRotateStroke}@media (prefers-reduced-motion:reduce){.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment{animation:none!important}}.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment--1{animation-delay:.16s}.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment--2{animation-delay:.12s}.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment--3{animation-delay:80ms}.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment--4{animation-delay:40ms}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__indicator{animation:1.2s linear infinite connectProgressCircleRotateStroke,1.2s linear infinite connectProgressCircleColorCycle}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment{transition:stroke .24s cubic-bezier(.3,0,.3,1);animation:1.2s linear infinite connectProgressCircleRotateStroke,1.2s linear infinite connectProgressCircleColorCycle}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment--1{animation-delay:.16s,0s}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment--2{animation-delay:.12s,0s}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment--3{animation-delay:80ms,0s}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment--4{animation-delay:40ms,0s}@keyframes connectProgressCircleRotateStroke{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes connectProgressCircleColorCycle{0%{stroke:var(--connect-progress-circle-color-1)}15%{stroke:var(--connect-progress-circle-color-1)}25%{stroke:var(--connect-progress-circle-color-2)}40%{stroke:var(--connect-progress-circle-color-2)}50%{stroke:var(--connect-progress-circle-color-3)}60%{stroke:var(--connect-progress-circle-color-3)}75%{stroke:var(--connect-progress-circle-color-4)}90%{stroke:var(--connect-progress-circle-color-4)}to{stroke:var(--connect-progress-circle-color-1)}}
.connect-button{border-width:0;justify-content:center;align-items:center;width:fit-content;height:fit-content;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.connect-button span{justify-content:center;align-items:center;display:flex}.connect-button:focus-visible:not([aria-disabled=true]){outline:var(--ds-layout-stroke-width-25)solid var(--ds-color-support-focused-muted);outline-offset:.0625rem}.connect-button:hover:not([aria-disabled=true]){cursor:pointer}.connect-button[aria-disabled=true]{cursor:not-allowed}.connect-button--full-width{width:100%;min-width:unset;overflow:hidden}.connect-button--full-width span{overflow:hidden}.connect-button--small{gap:var(--ds-layout-spacing-50);min-height:var(--ds-layout-size-400);min-width:var(--ds-layout-size-400);border-radius:var(--ds-layout-radius-pill);padding:calc(var(--ds-layout-spacing-25) - var(--ds-layout-stroke-width-25))calc(var(--ds-layout-spacing-150) - var(--ds-layout-stroke-width-25))}.connect-button--medium{gap:var(--ds-layout-spacing-100);min-height:var(--ds-layout-size-500);min-width:var(--ds-layout-size-500);border-radius:var(--ds-layout-radius-pill);padding:calc(var(--ds-layout-spacing-50) - var(--ds-layout-stroke-width-25))calc(var(--ds-layout-spacing-250) - var(--ds-layout-stroke-width-25))}.connect-button--large{gap:var(--ds-layout-spacing-150);min-height:var(--ds-layout-size-600);min-width:var(--ds-layout-size-600);border-radius:var(--ds-layout-radius-pill);padding:calc(var(--ds-layout-spacing-100) - var(--ds-layout-stroke-width-25))calc(var(--ds-layout-spacing-300) - var(--ds-layout-stroke-width-25))}.connect-button--x-large{gap:var(--ds-layout-spacing-150);min-height:var(--ds-layout-size-700);min-width:var(--ds-layout-size-700);border-radius:var(--ds-layout-radius-pill);padding:calc(var(--ds-layout-spacing-150) - var(--ds-layout-stroke-width-25))calc(var(--ds-layout-spacing-300) - var(--ds-layout-stroke-width-25))}.connect-button--small .connect-button__icon,.connect-button--small .connect-progress-circle{height:var(--ds-layout-size-200);width:var(--ds-layout-size-200)}.connect-button--medium .connect-button__icon,.connect-button--medium .connect-progress-circle{height:var(--ds-layout-size-250);width:var(--ds-layout-size-250)}.connect-button--large .connect-button__icon,.connect-button--large .connect-progress-circle{height:var(--ds-layout-size-300);width:var(--ds-layout-size-300)}.connect-button--x-large .connect-button__icon,.connect-button--x-large .connect-progress-circle{height:var(--ds-layout-size-400);width:var(--ds-layout-size-400)}.connect-button--icon-only{aspect-ratio:1;justify-content:center}.connect-button--icon-after{flex-direction:row-reverse}.connect-button--small.connect-button--icon-only{padding:calc(var(--ds-layout-spacing-25) - var(--ds-layout-stroke-width-25))}.connect-button--medium.connect-button--icon-only{padding:calc(var(--ds-layout-spacing-50) - var(--ds-layout-stroke-width-25))}.connect-button--large.connect-button--icon-only{padding:calc(var(--ds-layout-spacing-100) - var(--ds-layout-stroke-width-25))}.connect-button--x-large.connect-button--icon-only{padding:calc(var(--ds-layout-spacing-150) - var(--ds-layout-stroke-width-25))}.connect-button--small.connect-button--icon-only .connect-button__icon{height:var(--ds-layout-size-250);width:var(--ds-layout-size-250)}.connect-button--medium.connect-button--icon-only .connect-button__icon{height:var(--ds-layout-size-300);width:var(--ds-layout-size-300)}.connect-button--large.connect-button--icon-only .connect-button__icon{height:var(--ds-layout-size-350);width:var(--ds-layout-size-350)}.connect-button--x-large.connect-button--icon-only .connect-button__icon{height:var(--ds-layout-size-400);width:var(--ds-layout-size-400)}.connect-button--primary{color:var(--ds-color-content-on-primary);background-color:var(--ds-color-interactive-primary-enabled)}.connect-button--primary:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-primary-hovered)}.connect-button--primary:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-primary-pressed)}.connect-button--primary[aria-disabled=true]{background-color:var(--ds-color-interactive-primary-enabled);opacity:var(--ds-misc-opacity-50)}.connect-button--neutral{color:var(--ds-color-content-default);background-color:var(--ds-color-interactive-neutral-enabled)}.connect-button--neutral:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-neutral-hovered)}.connect-button--neutral:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-neutral-pressed)}.connect-button--neutral[aria-disabled=true]{background-color:var(--ds-color-interactive-neutral-enabled);opacity:var(--ds-misc-opacity-50)}.connect-button--inverse{color:var(--ds-color-content-default);background-color:var(--ds-color-interactive-inverse-enabled)}.connect-button--inverse:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-inverse-hovered)}.connect-button--inverse:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-inverse-pressed)}.connect-button--inverse[aria-disabled=true]{background-color:var(--ds-color-interactive-inverse-enabled);opacity:var(--ds-misc-opacity-50)}.connect-button--accent{color:var(--ds-color-content-on-accent);background-color:var(--ds-color-interactive-accent-enabled)}.connect-button--accent:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-accent-hovered)}.connect-button--accent:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-accent-pressed)}.connect-button--accent[aria-disabled=true]{background-color:var(--ds-color-interactive-accent-enabled);opacity:var(--ds-misc-opacity-50)}.connect-button--negative{color:var(--ds-color-content-light);background-color:var(--ds-color-interactive-negative-enabled)}.connect-button--negative:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-negative-hovered)}.connect-button--negative:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-negative-pressed)}.connect-button--negative[aria-disabled=true]{background-color:var(--ds-color-interactive-negative-enabled);opacity:var(--ds-misc-opacity-50)}.connect-button--static-dark{color:var(--ds-color-content-light);background-color:var(--ds-color-interactive-dark-enabled)}.connect-button--static-dark:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-dark-hovered)}.connect-button--static-dark:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-dark-pressed)}.connect-button--static-dark[aria-disabled=true]{background-color:var(--ds-color-interactive-dark-enabled);opacity:var(--ds-misc-opacity-50)}.connect-button--static-light{color:var(--ds-color-content-dark);background-color:var(--ds-color-interactive-light-enabled)}.connect-button--static-light:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-light-hovered)}.connect-button--static-light:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-light-pressed)}.connect-button--static-light[aria-disabled=true]{background-color:var(--ds-color-interactive-light-enabled);opacity:var(--ds-misc-opacity-50)}.connect-button--outline{border-style:solid;border-width:var(--ds-layout-stroke-width-25);color:var(--ds-color-content-default);background-color:#0000}.connect-button--primary.connect-button--outline{border-color:var(--ds-color-interactive-primary-enabled)}.connect-button--primary.connect-button--outline:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-primary-subtle-hovered);border-color:var(--ds-color-interactive-primary-enabled)}.connect-button--primary.connect-button--outline:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-primary-subtle-pressed);border-color:var(--ds-color-interactive-primary-enabled)}.connect-button--neutral.connect-button--outline{color:var(--ds-color-content-muted);border-color:var(--ds-color-interactive-neutral-enabled)}.connect-button--neutral.connect-button--outline:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-neutral-subtle-hovered);border-color:var(--ds-color-interactive-neutral-enabled)}.connect-button--neutral.connect-button--outline:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-neutral-subtle-pressed);border-color:var(--ds-color-interactive-neutral-enabled)}.connect-button--inverse.connect-button--outline{border-color:var(--ds-color-interactive-inverse-enabled)}.connect-button--inverse.connect-button--outline:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-inverse-subtle-hovered);border-color:var(--ds-color-interactive-inverse-enabled)}.connect-button--inverse.connect-button--outline:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-inverse-subtle-pressed);border-color:var(--ds-color-interactive-inverse-enabled)}.connect-button--accent.connect-button--outline{border-color:var(--ds-color-interactive-accent-enabled)}.connect-button--accent.connect-button--outline:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-accent-subtle-hovered);border-color:var(--ds-color-interactive-accent-enabled)}.connect-button--accent.connect-button--outline:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-accent-subtle-pressed);border-color:var(--ds-color-interactive-accent-enabled)}.connect-button--negative.connect-button--outline{border-color:var(--ds-color-interactive-negative-enabled)}.connect-button--negative.connect-button--outline:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-negative-subtle-hovered);border-color:var(--ds-color-interactive-negative-enabled)}.connect-button--negative.connect-button--outline:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-negative-subtle-pressed);border-color:var(--ds-color-interactive-negative-enabled)}.connect-button--static-dark.connect-button--outline{color:var(--ds-color-content-dark);border-color:var(--ds-color-interactive-dark-enabled)}.connect-button--static-dark.connect-button--outline:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-dark-subtle-hovered);border-color:var(--ds-color-interactive-dark-enabled)}.connect-button--static-dark.connect-button--outline:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-dark-subtle-pressed);border-color:var(--ds-color-interactive-dark-enabled)}.connect-button--static-light.connect-button--outline{color:var(--ds-color-content-light);border-color:var(--ds-color-interactive-light-enabled)}.connect-button--static-light.connect-button--outline:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-light-subtle-hovered);border-color:var(--ds-color-interactive-light-enabled)}.connect-button--static-light.connect-button--outline:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-light-subtle-pressed);border-color:var(--ds-color-interactive-light-enabled)}.connect-button--ghost{border-style:solid;border-width:var(--ds-layout-stroke-width-25);background-color:#0000;border-color:#0000}.connect-button--primary.connect-button--ghost{color:var(--ds-color-content-primary)}.connect-button--primary.connect-button--ghost:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-primary-subtle-hovered)}.connect-button--primary.connect-button--ghost:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-primary-subtle-pressed)}.connect-button--neutral.connect-button--ghost{color:var(--ds-color-content-muted)}.connect-button--neutral.connect-button--ghost:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-button--neutral.connect-button--ghost:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-button--accent.connect-button--ghost{color:var(--ds-color-content-accent)}.connect-button--accent.connect-button--ghost:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-accent-subtle-hovered)}.connect-button--accent.connect-button--ghost:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-accent-subtle-pressed)}.connect-button--negative.connect-button--ghost{color:var(--ds-color-content-negative)}.connect-button--negative.connect-button--ghost:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-negative-subtle-hovered)}.connect-button--negative.connect-button--ghost:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-negative-subtle-pressed)}.connect-button--static-dark.connect-button--ghost{color:var(--ds-color-content-dark)}.connect-button--static-dark.connect-button--ghost:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-dark-subtle-hovered)}.connect-button--static-dark.connect-button--ghost:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-dark-subtle-pressed)}.connect-button--static-light.connect-button--ghost{color:var(--ds-color-content-light)}.connect-button--static-light.connect-button--ghost:hover:not([aria-disabled=true]){background-color:var(--ds-color-interactive-light-subtle-hovered)}.connect-button--static-light.connect-button--ghost:active:not([aria-disabled=true]){background-color:var(--ds-color-interactive-light-subtle-pressed)}.connect-button--primary.connect-button--outline[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-default)}.connect-button--neutral.connect-button--outline[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-muted)}.connect-button--inverse.connect-button--outline[aria-disabled=true],.connect-button--accent.connect-button--outline[aria-disabled=true],.connect-button--negative.connect-button--outline[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-default)}.connect-button--static-dark.connect-button--outline[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-dark)}.connect-button--static-light.connect-button--outline[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-light)}.connect-button--primary.connect-button--ghost[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-primary)}.connect-button--neutral.connect-button--ghost[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-muted)}.connect-button--inverse.connect-button--ghost[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-dark)}.connect-button--accent.connect-button--ghost[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-accent)}.connect-button--negative.connect-button--ghost[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-negative)}.connect-button--static-dark.connect-button--ghost[aria-disabled=true],.connect-button--static-light.connect-button--ghost[aria-disabled=true]{cursor:not-allowed;background-color:initial;opacity:var(--ds-misc-opacity-50);color:var(--ds-color-content-light)}.connect-button.connect-button--loading{opacity:.8}.connect-button.connect-button--spinner-only span{opacity:0}.connect-button.connect-button--spinner-only .connect-progress-circle{position:absolute}