@keyframes connectToastProgressBarShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes connectToastSlideInFromRight{0%{transform:translate(100%);opacity:0;max-height:0;margin-bottom:0}50%{transform:translate(100%);opacity:0;max-height:var(--toast-height);margin-bottom:var(--ds-layout-spacing-150)}to{transform:translate(0);opacity:1;max-height:var(--toast-height);margin-bottom:var(--ds-layout-spacing-150)}}@keyframes connectToastSlideInFromRightStacked{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes connectToastSlideOutToRight{0%{transform:translate(0);opacity:1;max-height:var(--toast-height);margin-bottom:var(--ds-layout-spacing-150)}50%{transform:translate(100%);opacity:0;max-height:var(--toast-height);margin-bottom:var(--ds-layout-spacing-150)}to{transform:translate(100%);opacity:0;max-height:0;margin-bottom:0}}@keyframes connectToastSlideOutToRightStacked{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes connectToastExpandSecondPosition{0%{transform:translateY(var(--ds-layout-spacing-100)) scaleX(.95)}to{transform:translateY(calc(var(--toast-2-height) + var(--ds-layout-spacing-150))) scaleX(1)}}@keyframes connectToastExpandSecondHeight{0%{max-height:var(--toast-1-height)}to{max-height:var(--toast-2-height)}}@keyframes connectToastExpandThirdPosition{0%{transform:translateY(calc(var(--ds-layout-spacing-100) * 2)) scaleX(.9)}to{transform:translateY(calc(var(--toast-2-height) + var(--toast-3-height) + var(--ds-layout-spacing-150) * 2)) scaleX(1)}}@keyframes connectToastExpandThirdHeight{0%{max-height:var(--toast-1-height)}to{max-height:var(--toast-3-height)}}@keyframes connectToastCollapseSecondPosition{0%{transform:translateY(calc(var(--toast-2-height) + var(--ds-layout-spacing-150))) scaleX(1)}to{transform:translateY(var(--ds-layout-spacing-100)) scaleX(.95)}}@keyframes connectToastCollapseSecondHeight{0%{max-height:var(--toast-2-height)}to{max-height:var(--toast-1-height)}}@keyframes connectToastCollapseThirdPosition{0%{transform:translateY(calc(var(--toast-2-height) + var(--toast-3-height) + var(--ds-layout-spacing-150) * 2)) scaleX(1)}to{transform:translateY(calc(var(--ds-layout-spacing-100) * 2)) scaleX(.9)}}@keyframes connectToastCollapseThirdHeight{0%{max-height:var(--toast-3-height)}to{max-height:var(--toast-1-height)}}@keyframes connectToastFadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes connectToastFadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes connectToastContentFadeIn{0%{opacity:0}to{opacity:1}}@keyframes connectToastContentFadeOut{0%{opacity:1}to{opacity:0}}.connect-toast{position:relative;display:flex;align-items:flex-start;min-height:var(--ds-layout-size-600);width:400px;overflow:hidden;border-radius:var(--ds-layout-radius-100);background:var(--ds-color-surface-background-base-default);pointer-events:auto;max-height:unset;flex-shrink:0}.connect-toast-region--stacked .connect-toast:nth-child(n+4){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.connect-toast-region--stacked.connect-toast-region--expanded:not([data-expanding=true]):not([data-collapsing=true]) .connect-toast:nth-child(n+4)[data-entering-visible=true]{position:relative;width:400px;height:auto;padding:unset;margin:unset;overflow:visible;clip:unset;white-space:unset;border:unset;opacity:1;pointer-events:auto}.connect-toast__content-wrapper{padding:var(--ds-layout-spacing-250) var(--ds-layout-spacing-300) var(--ds-layout-spacing-150) var(--ds-layout-spacing-250)}.connect-toast__link-wrapper{padding:var(--ds-layout-spacing-100) 0}.connect-toast__content{display:flex;padding-bottom:var(--ds-layout-spacing-100);flex-direction:column;gap:var(--ds-layout-spacing-100)}.connect-toast__icon{display:flex;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;padding:var(--ds-layout-spacing-250) var(--ds-layout-spacing-150)}.connect-toast--neutral .connect-toast__icon{background-color:var(--ds-color-support-neutral-inverse);color:var(--ds-color-support-neutral-default)}.connect-toast--informative .connect-toast__icon{background-color:var(--ds-color-support-informative-inverse);color:var(--ds-color-support-informative-default)}.connect-toast--success .connect-toast__icon{background-color:var(--ds-color-support-positive-inverse);color:var(--ds-color-support-positive-default)}.connect-toast--warning .connect-toast__icon{background-color:var(--ds-color-support-warning-inverse);color:var(--ds-color-support-warning-default)}.connect-toast--negative .connect-toast__icon{background-color:var(--ds-color-support-negative-inverse);color:var(--ds-color-support-negative-default)}.connect-toast__progress-bar-wrapper{position:relative;height:3px;overflow:hidden;width:306px;border-radius:var(--ds-layout-radius-round);margin-top:var(--ds-layout-spacing-150)}.connect-toast__progress-bar-wrapper:before{content:"";position:absolute;inset:0;background-color:var(--ds-color-support-neutral-default);opacity:.15}.connect-toast__progress-bar{position:relative;height:100%;width:100%;background-color:var(--ds-color-support-neutral-default);transform-origin:right;animation:connectToastProgressBarShrink var(--toast-duration) linear;animation-play-state:var(--toast-play-state,running);animation-fill-mode:forwards}.connect-toast__close-button-wrapper{position:absolute;right:var(--ds-layout-size-100);top:var(--ds-layout-size-100)}.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast{margin-bottom:var(--ds-layout-spacing-150)}.connect-toast-region--stacked.connect-toast-region--expanded:not([data-expanding=true]):not([data-collapsing=true]) .connect-toast{position:relative;z-index:auto;transform:none;opacity:1;pointer-events:auto;margin-bottom:var(--ds-layout-spacing-150)}.connect-toast-region--stacked.connect-toast-region--expanded:not([data-expanding=true]):not([data-collapsing=true]) .connect-toast[data-is-new=true]:not([data-entering-visible=true]),.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast[data-is-new=true]:not([data-entering-visible=true]){animation:connectToastSlideInFromRight .24s cubic-bezier(0,0,.38,.9) forwards;max-height:0;margin-bottom:0;overflow:hidden}.connect-toast-region--stacked.connect-toast-region--expanded:not([data-collapsing=true]) .connect-toast[data-state=closed],.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast[data-state=closed]{animation:connectToastSlideOutToRight .24s cubic-bezier(.2,0,1,.99) forwards;overflow:hidden;min-height:0}.connect-toast-region--stacked.connect-toast-region--expanded:not([data-expanding=true]):not([data-collapsing=true]) .connect-toast:nth-child(n+4):not([data-exiting-visible=true]):not([data-entering-visible=true]),.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast:nth-child(n+4):not([data-exiting-visible=true]):not([data-entering-visible=true]){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.connect-toast-region--stacked.connect-toast-region--expanded:not([data-expanding=true]):not([data-collapsing=true]) .connect-toast[data-exiting-visible=true],.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast[data-exiting-visible=true]{animation:connectToastFadeOutDown .24s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.connect-toast-region--stacked.connect-toast-region--expanded:not([data-expanding=true]):not([data-collapsing=true]) .connect-toast[data-entering-visible=true],.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast[data-entering-visible=true]{animation:connectToastFadeInUp .24s cubic-bezier(.4,0,.2,1) forwards!important;pointer-events:auto}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast{transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .24s cubic-bezier(.4,0,.2,1),z-index 0s}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast[data-is-new=true]{animation:connectToastSlideInFromRightStacked .24s cubic-bezier(0,0,.38,.9) forwards;overflow:hidden}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:first-child{position:relative;z-index:3}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:first-child[data-state=closed]{animation:connectToastSlideOutToRightStacked .24s cubic-bezier(.2,0,1,.99) forwards}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(2){position:absolute;bottom:0;z-index:2;transform:translateY(var(--ds-layout-spacing-100)) scaleX(.95);pointer-events:none;overflow:hidden;transition:transform .24s cubic-bezier(.4,0,.2,1);max-height:var(--toast-height)}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(2)[data-measured=true]{max-height:var(--toast-1-height)}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(2)[data-measured=true] .connect-toast__content{opacity:0;transition:opacity .24s cubic-bezier(.4,0,.2,1)}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(3){position:absolute;bottom:0;z-index:1;transform:translateY(calc(var(--ds-layout-spacing-100) * 2)) scaleX(.9);pointer-events:none;overflow:hidden;transition:transform .24s cubic-bezier(.4,0,.2,1);max-height:var(--toast-height)}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(3)[data-measured=true]{max-height:var(--toast-1-height)}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(3)[data-measured=true] .connect-toast__content{opacity:0;transition:opacity .24s cubic-bezier(.4,0,.2,1)}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(n+4){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none;transition:none}.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast[data-state=closed]{opacity:0;transform:scale(.95);pointer-events:none}.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:first-child{position:relative;z-index:3}.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:nth-child(2){position:absolute;bottom:0;z-index:2;overflow:hidden;animation:connectToastExpandSecondPosition .18s cubic-bezier(.4,0,.2,1) forwards,connectToastExpandSecondHeight .24s cubic-bezier(.4,0,.2,1) forwards;pointer-events:auto;max-height:var(--toast-1-height)}.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:nth-child(2) .connect-toast__content{animation:connectToastContentFadeIn .24s cubic-bezier(.4,0,.2,1) forwards}.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:nth-child(3){position:absolute;bottom:0;z-index:1;overflow:hidden;animation:connectToastExpandThirdPosition .18s cubic-bezier(.4,0,.2,1) forwards,connectToastExpandThirdHeight .24s cubic-bezier(.4,0,.2,1) forwards;pointer-events:auto;max-height:var(--toast-1-height)}.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:nth-child(3) .connect-toast__content{animation:connectToastContentFadeIn .24s cubic-bezier(.4,0,.2,1) forwards}.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:nth-child(n+4){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none;opacity:0;transition:none;animation:none}.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:first-child{position:relative;z-index:3}.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:nth-child(2){position:absolute;bottom:0;z-index:2;overflow:hidden;animation:connectToastCollapseSecondHeight .18s cubic-bezier(.4,0,.2,1) forwards,connectToastCollapseSecondPosition .24s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:nth-child(2) .connect-toast__content{animation:connectToastContentFadeOut .24s cubic-bezier(.4,0,.2,1) forwards}.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:nth-child(3){position:absolute;bottom:0;z-index:1;overflow:hidden;animation:connectToastCollapseThirdHeight .18s cubic-bezier(.4,0,.2,1) forwards,connectToastCollapseThirdPosition .24s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:nth-child(3) .connect-toast__content{animation:connectToastContentFadeOut .24s cubic-bezier(.4,0,.2,1) forwards}.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:nth-child(n+4){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none;opacity:0;transition:none}.connect-toast-region--stacked.connect-toast-region--expanded:not([data-expanding=true]):not([data-collapsing=true]) .connect-toast:nth-child(n+4):not([data-exiting-visible=true]):not([data-entering-visible=true]):focus-within,.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:nth-child(n+4):focus-within,.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:nth-child(n+4):focus-within,.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(n+4):focus-within,.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast:nth-child(n+4):not([data-exiting-visible=true]):not([data-entering-visible=true]):focus-within{position:relative;width:400px;height:auto;padding:unset;margin:unset;margin-bottom:var(--ds-layout-spacing-150);overflow:hidden;clip:unset;white-space:unset;border:unset;opacity:1;pointer-events:auto;animation:connectToastFadeInUp .24s cubic-bezier(.4,0,.2,1) forwards}@media(prefers-reduced-motion:reduce){.connect-toast-region .connect-toast[data-entering-visible=true],.connect-toast-region .connect-toast[data-exiting-visible=true],.connect-toast-region .connect-toast__content,.connect-toast-region--stacked.connect-toast-region--expanded .connect-toast[data-is-new=true],.connect-toast-region--stacked.connect-toast-region--expanded .connect-toast[data-state=closed],.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:nth-child(2),.connect-toast-region--stacked.connect-toast-region--expanded[data-collapsing=true] .connect-toast:nth-child(3),.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:nth-child(2),.connect-toast-region--stacked.connect-toast-region--expanded[data-expanding=true] .connect-toast:nth-child(3),.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast,.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:first-child[data-state=closed],.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(2),.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast:nth-child(3),.connect-toast-region--stacked:not(.connect-toast-region--expanded) .connect-toast[data-is-new=true],.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast[data-is-new=true],.connect-toast-region:not(.connect-toast-region--stacked) .connect-toast[data-state=closed]{animation:none;transition:none}}.connect-toast-region-mobile{position:fixed;align-items:center;right:0;width:100vw;box-sizing:border-box;display:flex;flex-direction:column;pointer-events:none;padding:0 var(--ds-layout-spacing-300);padding-bottom:var(--ds-layout-spacing-300);gap:var(--ds-layout-spacing-150);z-index:999;overflow-y:auto;pointer-events:auto}.connect-toast-region-mobile--stacked{gap:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;overflow-y:visible;padding-bottom:0}.connect-toast-region{position:fixed;right:0;box-sizing:border-box;pointer-events:none;padding:0 var(--ds-layout-spacing-300);z-index:999;pointer-events:auto}.connect-toast-region,.connect-toast-region--stacked{display:flex;flex-direction:column;overflow-y:visible;overflow-x:visible}.connect-toast-region--stacked{align-items:center;pointer-events:none}.connect-toast-region--stacked.connect-toast-region--expanded{pointer-events:auto}