@property --surface-slab{syntax:"<number>";inherits:false;initial-value:1}.surface-motion{transform-origin:var(--surface-origin,top center)}.surface-motion[data-state=open]{animation:surface-enter var(--duration-panel) var(--ease-settle) both}.surface-motion[data-state=closing]{animation:surface-exit var(--duration-ui) var(--ease-fall) both;pointer-events:none}@keyframes surface-enter{0%{opacity:0;--surface-slab:0;transform:scale(var(--surface-scale,.94)) translateY(var(--surface-lift,-.35rem))}45%{--surface-slab:0.12}to{opacity:1;--surface-slab:1;transform:scale(1) translateY(0)}}@keyframes surface-exit{0%{opacity:1;--surface-slab:1;transform:scale(1) translateY(0)}55%{--surface-slab:0.12}to{opacity:0;--surface-slab:0;transform:scale(var(--surface-exit-scale,.96)) translate(var(--surface-exit-slide,0),var(--surface-exit-lift,-.25rem))}}.surface-motion[data-origin=top-right]{--surface-origin:top right}.surface-motion[data-origin=top-left]{--surface-origin:top left}.surface-motion[data-origin=bottom-right]{--surface-origin:bottom right;--surface-lift:0.35rem;--surface-exit-lift:0.25rem}.surface-motion[data-origin=bottom-left]{--surface-origin:bottom left;--surface-lift:0.35rem;--surface-exit-lift:0.25rem}.surface-motion[data-origin=center]{--surface-origin:center}.mobile-tab-bar .surface-motion{--surface-origin:bottom right;--surface-lift:0.35rem;--surface-exit-lift:0.25rem}@media (prefers-reduced-motion:reduce){.surface-motion[data-state=closing],.surface-motion[data-state=open]{animation:none}}