@property --page-wipe-offset{syntax:"<number>";inherits:false;initial-value:0}::view-transition{pointer-events:none}::view-transition-old(root){mix-blend-mode:normal;backface-visibility:hidden}::view-transition-new(root){mix-blend-mode:normal;backface-visibility:hidden}::view-transition-old(root){animation:page-exit var(--motion-duration-wipe-hold) var(--motion-ease-wipe) both}::view-transition-new(root){animation:page-enter var(--motion-duration-wipe) var(--motion-ease-wipe) both;-webkit-mask-image:linear-gradient(44deg, #000 calc(-30% + 130% * var(--page-wipe-offset)), transparent calc(130% * var(--page-wipe-offset)));mask-image:linear-gradient(44deg, #000 calc(-30% + 130% * var(--page-wipe-offset)), transparent calc(130% * var(--page-wipe-offset)));-webkit-mask-image:linear-gradient(44deg, #000 calc(-30% + 130% * var(--page-wipe-offset)), transparent calc(130% * var(--page-wipe-offset)))}:root[data-page-wipe=back]::view-transition-new(root){-webkit-mask-image:linear-gradient(224deg, #000 calc(-30% + 130% * var(--page-wipe-offset)), transparent calc(130% * var(--page-wipe-offset)));mask-image:linear-gradient(224deg, #000 calc(-30% + 130% * var(--page-wipe-offset)), transparent calc(130% * var(--page-wipe-offset)));-webkit-mask-image:linear-gradient(224deg, #000 calc(-30% + 130% * var(--page-wipe-offset)), transparent calc(130% * var(--page-wipe-offset)))}@keyframes page-exit{0%{opacity:1}to{opacity:1}}@keyframes page-enter{0%{--page-wipe-offset:0}to{--page-wipe-offset:1}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}