@property --view-transition-wipe-offset{syntax:"<number>";inherits:false;initial-value:0}@media (prefers-reduced-motion){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}::view-transition-old(*){mix-blend-mode:normal;backface-visibility:hidden}::view-transition-new(*){mix-blend-mode:normal;backface-visibility:hidden}@keyframes view-transition-exit{0%{opacity:1;transform:translate(0)scale(1)rotateX(0)rotateY(0)rotate(0)}to{opacity:0;transform:translateY(-10%)scale(.9)rotateX(0)rotateY(0)rotate(0)}}::view-transition-old(root){animation-name:view-transition-exit;animation-duration:1s;animation-timing-function:cubic-bezier(.8,0,.2,1);animation-delay:0s;animation-fill-mode:both}@keyframes view-transition-enter{0%{opacity:0;--view-transition-wipe-offset:0;transform:translateY(30%)scale(1)rotateX(0)rotateY(0)rotate(0)}to{opacity:1;--view-transition-wipe-offset:1;transform:translate(0)scale(1)rotateX(0)rotateY(0)rotate(0)}}::view-transition-new(root){-webkit-mask-image:linear-gradient(360deg, black calc(calc(0% - 0%) + calc(calc(100% + 0%) * var(--view-transition-wipe-offset))), transparent calc(calc(100% + 0%) * var(--view-transition-wipe-offset)));mask-image:linear-gradient(360deg, black calc(calc(0% - 0%) + calc(calc(100% + 0%) * var(--view-transition-wipe-offset))), transparent calc(calc(100% + 0%) * var(--view-transition-wipe-offset)));-webkit-mask-image:linear-gradient(360deg, black calc(calc(0% - 0%) + calc(calc(100% + 0%) * var(--view-transition-wipe-offset))), transparent calc(calc(100% + 0%) * var(--view-transition-wipe-offset)));animation-name:view-transition-enter;animation-duration:1s;animation-timing-function:cubic-bezier(.8,0,.2,1);animation-delay:10ms;animation-fill-mode:both}