html,body,#root{height:100%;margin:0;padding:0;width:100%}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:ease-in-out}::view-transition-old(root){opacity:1}::view-transition-new(root){opacity:0}.dark::view-transition-old(root){opacity:0}.dark::view-transition-new(root){opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}::view-transition-old(root){animation:.6s cubic-bezier(.4,0,.2,1) both fade-out}::view-transition-new(root){animation:.6s cubic-bezier(.4,0,.2,1) both fade-in}