::view-transition-old(main){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(main){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(main){animation-name:slide-from-right}::view-transition-old(main){animation-name:slide-to-left}@keyframes slide-from-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){transition:opacity .2s;animation:none}::view-transition-new(root){transition:opacity .2s;animation:none}}main.app-scroll{view-transition-name:main}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@supports (scroll-snap-type:x mandatory){.snap-x{scroll-snap-type:x mandatory;scroll-snap-stop:always}.snap-center{scroll-snap-align:center;scroll-snap-stop:always}}