:root{--modal-motion-ease:cubic-bezier(.4, 0, .2, 1);--modal-motion-enter-fade:.225s;--modal-motion-enter-grow:.15s;--modal-motion-exit-fade:.195s;--modal-motion-exit-grow:.13s;--modal-motion-exit-grow-delay:65ms;--modal-motion-collapsed:.75 .5625}@keyframes modal-motion-fade-in{0%{opacity:0}}@keyframes modal-motion-fade-out{0%{opacity:var(--modal-motion-exit-from-opacity,1)}to{opacity:0}}@keyframes modal-motion-grow-in{0%{scale:var(--modal-motion-collapsed)}}@keyframes modal-motion-grow-out{0%{scale:var(--modal-motion-exit-from-scale,1)}to{scale:var(--modal-motion-collapsed)}}.modal-motion-backdrop{animation:modal-motion-fade-in var(--modal-motion-enter-fade) var(--modal-motion-ease) both}.modal-motion-surface{animation:modal-motion-fade-in var(--modal-motion-enter-fade) var(--modal-motion-ease) both, modal-motion-grow-in var(--modal-motion-enter-grow) var(--modal-motion-ease) both}[data-modal-state=closing] .modal-motion-backdrop,[data-modal-state=closing].modal-motion-backdrop,.modal-motion-backdrop[data-state=closed]{animation:modal-motion-fade-out var(--modal-motion-exit-fade) var(--modal-motion-ease) both}[data-modal-state=closing] .modal-motion-surface,[data-modal-state=closing].modal-motion-surface,.modal-motion-surface[data-state=closed]{animation:modal-motion-fade-out var(--modal-motion-exit-fade) var(--modal-motion-ease) both, modal-motion-grow-out var(--modal-motion-exit-grow) var(--modal-motion-ease) var(--modal-motion-exit-grow-delay) both}[data-modal-state=closing]{pointer-events:none}@keyframes modal-sheet-slide-in{0%{translate:0 100%}}@keyframes modal-sheet-slide-out{0%{translate:0 var(--modal-sheet-exit-from,0px)}to{translate:0 100%}}@media (width<40rem){[data-modal-presentation=sheet] .modal-motion-surface,[data-modal-presentation=sheet][data-modal-state=closing] .modal-motion-surface{animation:none}[data-modal-presentation=sheet] .modal-sheet-panel{animation:.24s cubic-bezier(.32,.72,0,1) both modal-sheet-slide-in}[data-modal-presentation=sheet][data-modal-state=closing] .modal-sheet-panel{animation:modal-sheet-slide-out var(--modal-motion-exit-fade) cubic-bezier(.4, 0, 1, 1) both}}@media (prefers-reduced-motion:reduce){[data-modal-presentation=sheet] .modal-sheet-panel,[data-modal-presentation=sheet][data-modal-state=closing] .modal-sheet-panel,.modal-motion-backdrop,.modal-motion-surface,[data-modal-state=closing] .modal-motion-backdrop,[data-modal-state=closing].modal-motion-backdrop,[data-modal-state=closing] .modal-motion-surface,[data-modal-state=closing].modal-motion-surface,.modal-motion-backdrop[data-state=closed],.modal-motion-surface[data-state=closed]{animation:none}}
