::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}: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}@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}}