/* Shared motion: short feedback, steady content, no scaling of crosshair previews. */
:root{--motion-fast:140ms;--motion-normal:220ms;--motion-ease:cubic-bezier(.2,.75,.25,1)}
@media(prefers-reduced-motion:no-preference){
 body:is(.ui-modern,.ui-clash) :is(.mg-button,.btn,.account-picker-choice,.vc-account-row,.ux-home-link,.hub-card,.cc-setting-link,.mail-area-tab,.ce-tabs button,.ws-search-button,.ws-icon-button,.ws-link,.nav-link,.chip,.search-chip){transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-normal) ease,translate var(--motion-fast) var(--motion-ease)}
 body:is(.ui-modern,.ui-clash) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select){transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}
 body:is(.ui-modern,.ui-clash) :is(.mg-button,.btn,.account-picker-choice,.vc-account-row,.ux-home-link,.hub-card):active:not(:disabled){translate:0 1px}
 body:is(.ui-modern,.ui-clash) :is(.mg-button,.btn,.account-picker-choice,.vc-account-row,.ux-home-link,.hub-card):focus-visible{transition-duration:80ms}
 body:is(.ui-modern,.ui-clash) .ce-switch{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease}
 body:is(.ui-modern,.ui-clash) .ce-switch::after{transition:transform var(--motion-fast) var(--motion-ease)}
 body:is(.ui-modern,.ui-clash) .ws-sidebar{transition:transform var(--motion-normal) var(--motion-ease)}
 body:is(.ui-modern,.ui-clash) :is(.ws-link,.nav-link) svg{transition:translate var(--motion-fast) var(--motion-ease),color var(--motion-fast) ease}
 body:is(.ui-modern,.ui-clash) :is(.prog-fill,.lp-winbar-fill){transition:width 420ms var(--motion-ease)}
 @media(hover:hover) and (pointer:fine){
  body:is(.ui-modern,.ui-clash) :is(.account-picker-choice,.vc-account-row,.ux-home-link,.hub-card):hover{translate:0 -2px}
  body:is(.ui-modern,.ui-clash) :is(.mg-button,.btn):hover:not(:disabled){translate:0 -1px}
  body:is(.ui-modern,.ui-clash) :is(.ws-link,.nav-link):hover svg{translate:1px 0}
 }
 body:is(.ui-modern,.ui-clash) :is(.mg-button,.btn,.account-picker-choice,.vc-account-row,.ux-home-link,.hub-card):active:not(:disabled){translate:0 1px}
}
@media(prefers-reduced-motion:reduce){
 body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}