@property --poly-route-reveal{syntax:"<number>";inherits:false;initial-value:0}::view-transition-old(root){mix-blend-mode:normal;-webkit-backface-visibility:hidden;backface-visibility:hidden}::view-transition-new(root){mix-blend-mode:normal;-webkit-backface-visibility:hidden;backface-visibility:hidden}::view-transition-old(root){animation:.2s cubic-bezier(.27,0,.51,1) both poly-route-exit}::view-transition-new(root){-webkit-mask-image:linear-gradient(360deg, #000 calc(100% * var(--poly-route-reveal)), transparent calc(100% * var(--poly-route-reveal)));mask-image:linear-gradient(360deg, #000 calc(100% * var(--poly-route-reveal)), transparent calc(100% * var(--poly-route-reveal)));animation:1s cubic-bezier(.27,0,.51,1) both poly-route-enter}@keyframes poly-route-exit{0%,to{opacity:1;transform:translateY(0)}}@keyframes poly-route-enter{0%{opacity:1;--poly-route-reveal:0;transform:translateY(120px)}to{opacity:1;--poly-route-reveal:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){-webkit-mask-image:none;mask-image:none;animation:none!important}::view-transition-old(*){-webkit-mask-image:none;mask-image:none;animation:none!important}::view-transition-new(*){-webkit-mask-image:none;mask-image:none;animation:none!important}}