/* Short transitions, static header and a moving selection capsule. */
.app-preview{position:relative}
@keyframes parade-popover-in{from{opacity:0;transform:translateY(-7px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes parade-dialog-in{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes parade-backdrop-in{from{opacity:0}to{opacity:1}}
#profile-popover:not([hidden]){animation:parade-popover-in 240ms cubic-bezier(.22,1,.36,1);transform-origin:top right}
dialog[open]{animation:parade-dialog-in 320ms cubic-bezier(.22,1,.36,1)}
dialog[open]::backdrop{animation:parade-backdrop-in 200ms ease}
@media(prefers-reduced-motion:no-preference){.app-preview :is(.button,.split-action,.icon-button){transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.app-preview :is(.button,.split-action):active{transform:scale(.985)}}
/* Preserve the existing bottom navigation positioning on phones. */
@media(prefers-reduced-motion:reduce){#profile-popover:not([hidden]),dialog[open],dialog[open]::backdrop{animation:none!important}.app-preview *{scroll-behavior:auto!important}}