@keyframes connectToastMobileProgressBarShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes connectToastMobileSlideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes connectToastMobileSlideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.connect-toast{position:relative;display:flex;align-items:flex-start;min-height:var(--ds-layout-size-600);width:100%;max-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__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);transition:opacity .24s cubic-bezier(.4,0,.2,1),height .24s cubic-bezier(.4,0,.2,1)}.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:100%;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%;max-width:306px;background-color:var(--ds-color-support-neutral-default);transform-origin:right;animation:connectToastMobileProgressBarShrink 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-mobile--stacked .connect-toast[data-is-new=true]{animation:connectToastMobileSlideInFromBottom .24s cubic-bezier(0,0,.38,.9) forwards}.connect-toast-region-mobile--stacked .connect-toast:first-child[data-state=closed]:not([data-swipe-dismiss=true]){animation:connectToastMobileSlideOutToBottom .24s cubic-bezier(.2,0,1,.99) forwards}.connect-toast-region-mobile--stacked .connect-toast:first-child{position:relative;z-index:3}.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 0s}.connect-toast-region-mobile--stacked .connect-toast:nth-child(2){position:absolute;transform:translateY(var(--ds-layout-spacing-100));width:calc(95% - 2 * var(--ds-layout-spacing-300));max-width:calc(400px - 5%);z-index:2;pointer-events:none;bottom:0;overflow:hidden}.connect-toast-region-mobile--stacked .connect-toast:nth-child(3){position:absolute;transform:translateY(calc(var(--ds-layout-spacing-100) * 2));width:calc(90% - 2 * var(--ds-layout-spacing-300));max-width:calc(400px - 10%);z-index:1;pointer-events:none;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){position:absolute;opacity:0;pointer-events:none}.connect-toast-region-mobile--stacked .connect-toast[data-state=closed]{opacity:0;transform:scale(.95);pointer-events:none}@media(min-width:768px){.connect-toast{width:400px}.connect-toast__progress-bar-wrapper{width:306px}}@media(prefers-reduced-motion:reduce){.connect-toast-region-mobile .connect-toast__content,.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]{animation:none;transition:none}}.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)}