*{--font-family-web-latin: "Open Sans";--font-family-web-japanese: "Noto Sans JP"}body{margin:0;background-color:var(--color-background-default-base)}html:active-view-transition-type(forwards)::view-transition-old(root){animation:var(--duration-scale-300) var(--cubic-bezier-motion-enter) both slide-to-left}html:active-view-transition-type(forwards)::view-transition-new(root){animation:var(--duration-scale-300) var(--cubic-bezier-motion-enter) both slide-from-right}html:active-view-transition-type(backwards)::view-transition-old(root){animation:var(--duration-scale-300) var(--cubic-bezier-motion-exit) reverse both slide-from-right}html:active-view-transition-type(backwards)::view-transition-new(root){animation:var(--duration-scale-300) var(--cubic-bezier-motion-exit) reverse both slide-to-left}@keyframes slide-from-right{0%{transform:translate(50%)}}@keyframes slide-to-left{to{transform:translate(-50%)}}