.m3-menu-surface[data-state=open]{animation:m3-menu-scale-in var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial-easing), m3-menu-fade-in var(--md-sys-motion-spring-fast-effects-duration) var(--md-sys-motion-spring-fast-effects-easing)}.m3-menu-surface[data-state=closed]{animation:m3-menu-scale-out var(--md-sys-motion-spring-fast-effects-duration) var(--md-sys-motion-spring-fast-effects-easing), m3-menu-fade-out var(--md-sys-motion-spring-fast-effects-duration) var(--md-sys-motion-spring-fast-effects-easing) forwards}@keyframes m3-menu-scale-in{0%{scale:.8}}@keyframes m3-menu-fade-in{0%{opacity:0}}@keyframes m3-menu-scale-out{to{scale:.8}}@keyframes m3-menu-fade-out{to{opacity:0}}