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