.connect-motion{--avatar-lift:-4px;--avatar-dur:.32s;--avatar-scale:1.05;--avatar-falloff:.45;--avatar-ease-in:cubic-bezier(.22, 1, .36, 1);--avatar-ease-out:cubic-bezier(.34, 3.85, .64, 1);--check-opacity-dur:.5s;--check-rotate-dur:.5s;--check-rotate-from:80deg;--check-bob-dur:.5s;--check-y-amount:40px;--check-blur-dur:.5s;--check-blur-from:10px;--check-path-dur:.5s;--check-path-delay:80ms;--check-ease-out:cubic-bezier(.22, 1, .36, 1);--check-ease-opacity:cubic-bezier(.22, 1, .36, 1);--check-ease-rotate:cubic-bezier(.22, 1, .36, 1);--check-ease-bob:cubic-bezier(.34, 1.35, .64, 1);--check-ease-path:cubic-bezier(.22, 1, .36, 1);--stagger-dur:.5s;--stagger-distance:12px;--stagger-stagger:40ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22, 1, .36, 1);--badge-slide-dur:.26s;--badge-pop-dur:.5s;--badge-pop-close-dur:.18s;--badge-fade-dur:.4s;--badge-fade-close-dur:.18s;--badge-blur:2px;--badge-offset-x:-8.2px;--badge-offset-y:12.4px;--badge-slide-ease:cubic-bezier(.22, 1, .36, 1);--badge-pop-ease:cubic-bezier(.34, 1.36, .64, 1);--badge-close-ease:cubic-bezier(.4, 0, .2, 1);--shake-distance:6px;--shake-overshoot:4px;--shake-dur-a:80ms;--shake-dur-b:60ms;--shake-ease:cubic-bezier(.22, 1, .36, 1);--revert-dur:.28s}.t-avatar{transform-origin:50%;transform:translateY(var(--shift,0px)) scale(var(--scale-active,1));transition:transform var(--avatar-dur) var(--avatar-ease-in);will-change:transform}@media (prefers-reduced-motion:reduce){.t-avatar{transition:none!important;transform:none!important}}.t-success-check{transform-origin:50%;opacity:0;will-change:transform, opacity, filter;display:inline-block}.t-success-check svg{display:block;overflow:visible}.t-success-check svg path{stroke-dasharray:21;stroke-dashoffset:21px}.t-success-check[data-state=in]{animation:t-check-fade var(--check-opacity-dur) var(--check-ease-opacity) forwards, t-check-rotate var(--check-rotate-dur) var(--check-ease-rotate) forwards, t-check-blur var(--check-blur-dur) var(--check-ease-out) forwards, t-check-bob var(--check-bob-dur) var(--check-ease-bob) forwards}.t-success-check[data-state=in] svg path{animation:t-check-draw var(--check-path-dur) var(--check-ease-path) var(--check-path-delay,0s) forwards}@keyframes t-check-fade{0%{opacity:0}to{opacity:1}}@keyframes t-check-rotate{0%{transform:rotate(var(--check-rotate-from))}to{transform:rotate(0)}}@keyframes t-check-blur{0%{filter:blur(var(--check-blur-from))}to{filter:blur()}}@keyframes t-check-bob{0%{translate:0 var(--check-y-amount)}to{translate:0}}@keyframes t-check-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.t-success-check{opacity:1;animation:none!important}.t-success-check svg path{stroke-dashoffset:0!important;animation:none!important}}.t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);transition-delay:calc(var(--stagger-index,0) * var(--stagger-stagger));will-change:transform, opacity, filter;display:block}.t-stagger.is-shown .t-stagger-line{opacity:1;filter:blur();transform:translateY(0)}@media (prefers-reduced-motion:reduce){.t-stagger-line{opacity:1;filter:none;transform:none;transition:none!important}}@keyframes t-badge-slide-in{0%{transform:translate(var(--badge-offset-x), var(--badge-offset-y))}to{transform:translate(0)}}.t-badge{pointer-events:none;will-change:transform}.t-badge[data-open=true]{animation:t-badge-slide-in var(--badge-slide-dur) var(--badge-slide-ease)}.t-badge-dot{transform-origin:50%;opacity:1;filter:blur();transition:transform var(--badge-pop-dur) var(--badge-pop-ease), opacity var(--badge-fade-dur) var(--badge-pop-ease), filter var(--badge-pop-dur) var(--badge-pop-ease);will-change:transform, opacity, filter;display:block;transform:scale(1)}.t-badge[data-open=false] .t-badge-dot{opacity:0;filter:blur(var(--badge-blur));transition:transform var(--badge-pop-close-dur) var(--badge-close-ease), opacity var(--badge-fade-close-dur) var(--badge-close-ease), filter var(--badge-pop-close-dur) var(--badge-close-ease);transform:scale(0)}@media (prefers-reduced-motion:reduce){.t-badge,.t-badge-dot{transition:none!important;animation:none!important}}.t-input{will-change:transform;transition:border-color .15s ease-out}.t-input.is-shaking{animation:t-input-shake calc(var(--shake-dur-a) * 2 + var(--shake-dur-b) * 2) linear}@keyframes t-input-shake{0%{animation-timing-function:var(--shake-ease);transform:translate(0)}28.57%{transform:translateX(var(--shake-distance));animation-timing-function:var(--shake-ease)}57.14%{transform:translateX(calc(var(--shake-distance) * -1));animation-timing-function:var(--shake-ease)}78.57%{transform:translateX(var(--shake-overshoot));animation-timing-function:var(--shake-ease)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.t-input{animation:none!important;transform:none!important}}.connect-press{transition:transform .16s cubic-bezier(.23,1,.32,1)}.connect-press:active:not(:disabled){transform:scale(.97)}@media (prefers-reduced-motion:reduce){.connect-press:active:not(:disabled){transform:none}}.connect-flash{animation:2.2s cubic-bezier(.22,1,.36,1) connect-flash}@keyframes connect-flash{0%,30%{background-color:#fbbf242e;background-color:lab(81.2476% 13.2706 77.1046/.18)}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){.connect-flash{background-color:#fbbf241f;background-color:lab(81.2476% 13.2706 77.1046/.12);animation:none}}
