::view-transition-group(.morph){animation-duration:.6s;animation-timing-function:cubic-bezier(.7,0,.15,1)}::view-transition-image-pair(.morph){isolation:isolate}::view-transition-old(.morph){object-fit:cover;object-position:top;height:100%;animation-duration:.6s}::view-transition-new(.morph){object-fit:cover;object-position:top;height:100%;animation-duration:.6s}::view-transition-group(.tile-move){animation-duration:.55s;animation-timing-function:linear(0, .012, .048 2.6%, .193 5.6%, .749 15.4%, .928 19.9%, 1.031 24.4%, 1.062 27.4%, 1.071 30.5%, 1.053 35.5%, 1.008 45.6%, .994 52.9%, .999 70.4%, 1)}::view-transition-new(.tile-in){animation:.5s cubic-bezier(.16,1,.3,1) 80ms both demos-tile-in}::view-transition-old(.tile-out){animation:.22s ease-in both demos-tile-out}:root:active-view-transition-type(to-case,to-index)::view-transition-old(root){animation:.2s both demos-fade-out}:root:active-view-transition-type(to-case,to-index)::view-transition-new(root){animation:.32s 50ms both demos-fade-in}:root:active-view-transition-type(filter)::view-transition-old(root){animation:none}:root:active-view-transition-type(filter)::view-transition-new(root){animation:none}@keyframes demos-tile-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes demos-tile-out{to{opacity:0;transform:scale(.96)}}@keyframes demos-fade-out{to{opacity:0}}@keyframes demos-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}