.am-hero canvas{z-index:20;background-color:#0000}
::view-transition-new(.slide-in-left){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-old(.slide-out-right){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-new(.slide-in-right){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-old(.slide-out-left){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-new(.slide-in-left){animation-name:slideInLeft}::view-transition-old(.slide-out-right){animation-name:slideOutRight}::view-transition-new(.slide-in-right){animation-name:slideInRight}::view-transition-old(.slide-out-left){animation-name:slideOutLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0%)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}