.call-overlay{animation:call-overlay-in var(--motion-duration-slow) var(--motion-ease-emphasized)}.call-overlay[data-enter=banner]{animation-name:call-overlay-from-banner}@keyframes call-overlay-in{0%{opacity:0;transform:translateY(8%)}}@keyframes call-overlay-from-banner{0%{opacity:0;transform:translateY(-6%)scale(.96)}}.call-overlay.call-overlay-ghost{pointer-events:none;animation:call-overlay-out var(--motion-duration-slow) var(--motion-ease-exit) forwards}@keyframes call-overlay-out{to{opacity:0;transform:scale(.96)}}.call-incoming-banner,.call-rejoin-banner{animation:call-banner-in var(--motion-duration-spring) var(--motion-ease-spring)}@keyframes call-banner-in{0%{opacity:0;transform:translateY(-24px)scale(.96)}}.call-incoming-banner.call-banner-ghost,.call-rejoin-banner.call-banner-ghost{pointer-events:none;animation:call-banner-out var(--motion-duration-base) var(--motion-ease-exit) forwards}@keyframes call-banner-out{to{opacity:0;transform:translateY(-16px)scale(.96)}}.call-avatar-halo{transition:transform var(--motion-duration-slow) var(--motion-ease-emphasized), opacity var(--motion-duration-slow) var(--motion-ease-standard);place-items:center;margin-bottom:12px;display:grid;position:relative}.call-avatar-halo>.call-avatar{margin-bottom:0;position:relative}.call-avatar-ripple,.call-avatar-voice{pointer-events:none;border-radius:50%;position:absolute;inset:0}.call-avatar-halo[data-halo=ring] .call-avatar-ripple{opacity:0;animation:call-ring var(--motion-loop-ring) var(--motion-ease-standard) infinite;animation-delay:calc(var(--motion-loop-ring) * var(--call-ripple-i,0) / -3);will-change:transform, opacity;border:2px solid #ffffff80}@keyframes call-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.call-avatar-halo[data-halo=wave] .call-avatar-ripple{opacity:0;animation:call-wave var(--motion-loop-wave) var(--motion-ease-emphasized) infinite;animation-delay:calc(var(--motion-loop-wave) * var(--call-ripple-i,0) / -3);will-change:transform, opacity;background:#ffffff1f}@keyframes call-wave{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(2.1)}}.call-avatar-voice{opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), transform var(--motion-duration-spring) var(--motion-ease-spring);border:3px solid #2fbf62bf;inset:-7px;transform:scale(.94)}.call-avatar-halo[data-halo=speaking] .call-avatar-voice{opacity:1;transform:scale(1)}.call-overlay:is([data-phase=ending],[data-phase=ended],[data-phase=error]) .call-avatar-halo{opacity:.72;transform:scale(.92)}.call-status-swap{animation:motion-rise-in var(--motion-duration-base) var(--motion-ease-emphasized)}.call-center-status.error.call-status-swap{animation:motion-shake .42s var(--motion-ease-standard)}:is(.call-overlay,.call-incoming-banner) .call-control{transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-spring) var(--motion-ease-spring-bouncy)}:is(.call-overlay,.call-incoming-banner) .call-control:active{transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard);transform:scale(.9)}.call-glyph-swap{animation:motion-pop-in var(--motion-duration-spring) var(--motion-ease-spring-bouncy);place-items:center;display:grid}.call-glyph-swap .call-glyph-slash{stroke-dasharray:1;animation:motion-draw var(--motion-duration-slow) var(--motion-ease-emphasized) 60ms backwards}.call-controls.is-active>.call-control{animation:call-control-in var(--motion-duration-spring) var(--motion-ease-spring) backwards}.call-controls.is-active>.call-control:nth-child(2){animation-delay:var(--motion-stagger-step)}.call-controls.is-active>.call-control:nth-child(3){animation-delay:calc(var(--motion-stagger-step) * 2)}.call-controls.is-active>.call-control:nth-child(4){animation-delay:calc(var(--motion-stagger-step) * 3)}.call-controls.is-active>.call-control:nth-child(5){animation-delay:calc(var(--motion-stagger-step) * 4)}@keyframes call-control-in{0%{opacity:0;transform:translateY(12px)scale(.8)}}.call-control-item.is-accept{position:relative}.call-control-item.is-accept>.call-control{z-index:1;position:relative}.call-controls.incoming .call-control.accept,.call-incoming-banner .call-control.accept{animation:call-breathe var(--motion-loop-breathe) ease-in-out infinite}.call-controls.incoming .call-control.accept:active,.call-incoming-banner .call-control.accept:active{animation:none}@keyframes call-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.call-accept-halo{opacity:0;pointer-events:none;width:64px;height:64px;animation:call-accept-halo var(--motion-loop-breathe) var(--motion-ease-standard) infinite;will-change:transform, opacity;background:#2fbf6280;border-radius:50%;margin-left:-32px;position:absolute;top:0;left:50%}@keyframes call-accept-halo{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.calls-history-list>li{animation:motion-rise-in var(--motion-duration-slow) var(--motion-ease-emphasized) backwards;animation-delay:calc(var(--motion-i,0) * var(--motion-stagger-step))}.calls-contacts .people-actions>li{animation:motion-rise-in var(--motion-duration-slow) var(--motion-ease-emphasized) backwards}.calls-contacts .people-actions>li:nth-child(2){animation-delay:var(--motion-stagger-step)}.calls-contacts .people-actions>li:nth-child(3){animation-delay:calc(var(--motion-stagger-step) * 2)}.calls-contacts>.people-index,.calls-contacts>.calls-contacts-hint{animation:motion-rise-in var(--motion-duration-slow) var(--motion-ease-emphasized) calc(var(--motion-stagger-step) * 3) backwards}.calls-history-list .swipe-action-circle,.call-peer .person-action-circle{transition:transform var(--motion-duration-spring) var(--motion-ease-spring-bouncy)}.calls-history-list .swipe-action:active:not(:disabled) .swipe-action-circle,.call-peer .person-action:active:not(:disabled) .person-action-circle{transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard);transform:scale(.88)}@media (prefers-reduced-motion:reduce){.call-overlay,.call-overlay[data-enter=banner],.call-incoming-banner,.call-rejoin-banner,.call-status-swap,.call-glyph-swap,.call-controls.is-active>.call-control,.calls-history-list>li,.calls-contacts .people-actions>li,.calls-contacts>.people-index,.calls-contacts>.calls-contacts-hint{animation-name:motion-fade-in;animation-delay:0s}.call-overlay.call-overlay-ghost,.call-incoming-banner.call-banner-ghost,.call-rejoin-banner.call-banner-ghost{animation-name:motion-fade-out}.call-avatar-ripple,.call-accept-halo{display:none}.call-controls.incoming .call-control.accept,.call-incoming-banner .call-control.accept,.call-center-status.error.call-status-swap,.call-glyph-swap .call-glyph-slash{animation:none}:is(.call-overlay,.call-incoming-banner) .call-control:active,.calls-history-list .swipe-action:active:not(:disabled) .swipe-action-circle,.call-peer .person-action:active:not(:disabled) .person-action-circle,.call-avatar-voice,.call-avatar-halo[data-halo=speaking] .call-avatar-voice,.call-overlay:is([data-phase=ending],[data-phase=ended],[data-phase=error]) .call-avatar-halo{transform:none}}html[data-motion=reduced] .call-overlay,html[data-motion=reduced] .call-overlay[data-enter=banner],html[data-motion=reduced] .call-incoming-banner,html[data-motion=reduced] .call-rejoin-banner,html[data-motion=reduced] .call-status-swap,html[data-motion=reduced] .call-glyph-swap,html[data-motion=reduced] .call-controls.is-active>.call-control,html[data-motion=reduced] .calls-history-list>li,html[data-motion=reduced] .calls-contacts .people-actions>li,html[data-motion=reduced] .calls-contacts>.people-index,html[data-motion=reduced] .calls-contacts>.calls-contacts-hint{animation-name:motion-fade-in;animation-delay:0s}html[data-motion=reduced] .call-overlay.call-overlay-ghost,html[data-motion=reduced] .call-incoming-banner.call-banner-ghost,html[data-motion=reduced] .call-rejoin-banner.call-banner-ghost{animation-name:motion-fade-out}html[data-motion=reduced] .call-avatar-ripple,html[data-motion=reduced] .call-accept-halo{display:none}html[data-motion=reduced] .call-controls.incoming .call-control.accept,html[data-motion=reduced] .call-incoming-banner .call-control.accept,html[data-motion=reduced] .call-center-status.error.call-status-swap,html[data-motion=reduced] .call-glyph-swap .call-glyph-slash{animation:none}html[data-motion=reduced] :is(.call-overlay,.call-incoming-banner) .call-control:active,html[data-motion=reduced] .calls-history-list .swipe-action:active:not(:disabled) .swipe-action-circle,html[data-motion=reduced] .call-peer .person-action:active:not(:disabled) .person-action-circle,html[data-motion=reduced] .call-avatar-voice,html[data-motion=reduced] .call-avatar-halo[data-halo=speaking] .call-avatar-voice,html[data-motion=reduced] .call-overlay:is([data-phase=ending],[data-phase=ended],[data-phase=error]) .call-avatar-halo{transform:none}