@property --page-wipe{syntax:"<number>";inherits:false;initial-value:0}.page-switch{position:relative;z-index:2;width:100%;min-height:100%;background:var(--theme-surface-surface,#fff);-webkit-backface-visibility:hidden;backface-visibility:hidden}.page-switch[data-entering=true]{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:3;will-change:transform,opacity,--page-wipe;--page-wipe:0;mask-image:linear-gradient(0deg,#000 calc(var(--page-wipe) * 100%),transparent calc(var(--page-wipe) * 100%));-webkit-mask-image:linear-gradient(0deg,#000 calc(var(--page-wipe) * 100%),transparent calc(var(--page-wipe) * 100%))}.page-switch[data-leaving=true]{pointer-events:none;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.page-switch{filter:none!important;mask-image:none!important;-webkit-mask-image:none!important;will-change:auto}}