body{animation:page-enter .22s ease-out both}
html.page-leaving body{animation:page-exit .18s ease-in both;pointer-events:none}
dialog[open]{animation:page-enter .2s ease-out both}
dialog[open]::backdrop{animation:page-enter .2s ease-out both}
dialog.closing,dialog.closing::backdrop{animation:page-exit .15s ease-in both;pointer-events:none}
@keyframes page-enter{from{opacity:0}to{opacity:1}}
@keyframes page-exit{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){body,html.page-leaving body,dialog[open],dialog[open]::backdrop,dialog.closing,dialog.closing::backdrop{animation:none}}