@keyframes metroExitForward{0%{opacity:1;transform:perspective(1400px)translate(0,0)rotateX(0)rotateY(0)scale(1)}to{opacity:0;transform:perspective(1400px) translate3d(calc(-58px - var(--metro-drift-x,0px)), calc(-20px - var(--metro-drift-y,0px)), calc(-150px - var(--metro-depth,0px))) rotateX(calc(5deg + var(--metro-tilt-y,0deg))) rotateY(calc(-8deg - var(--metro-tilt-x,0deg))) scale(.954)}}
@keyframes metroExitBack{0%{opacity:1;transform:perspective(1400px)translate(0,0)rotateX(0)rotateY(0)scale(1)}to{opacity:0;transform:perspective(1400px) translate3d(calc(42px + var(--metro-drift-x,0px)), calc(-16px - var(--metro-drift-y,0px)), calc(-118px - var(--metro-depth,0px))) rotateX(calc(4deg + var(--metro-tilt-y,0deg))) rotateY(calc(6deg + var(--metro-tilt-x,0deg))) scale(.962)}}
@keyframes metroEnterForward{0%{opacity:0;transform:perspective(1400px) translate3d(calc(48px + var(--metro-drift-x,0px)), calc(16px + var(--metro-drift-y,0px)), calc(-110px - var(--metro-depth,0px))) rotateX(calc(4deg + var(--metro-tilt-y,0deg))) rotateY(calc(5deg + var(--metro-tilt-x,0deg))) scale(.964)}to{opacity:1;transform:perspective(1400px)translate(0,0)rotateX(0)rotateY(0)scale(1)}}
@keyframes metroEnterBack{0%{opacity:0;transform:perspective(1400px) translate3d(calc(-44px - var(--metro-drift-x,0px)), calc(14px + var(--metro-drift-y,0px)), calc(-102px - var(--metro-depth,0px))) rotateX(calc(4deg + var(--metro-tilt-y,0deg))) rotateY(calc(-6deg - var(--metro-tilt-x,0deg))) scale(.968)}to{opacity:1;transform:perspective(1400px)translate(0,0)rotateX(0)rotateY(0)scale(1)}}