html[data-page-wipe]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: auto;
  background: radial-gradient(ellipse at 15% 30%, #EEEDF2 0%, transparent 58%), radial-gradient(ellipse at 75% 20%, #ECF2F1 0%, transparent 55%), radial-gradient(ellipse at 70% 80%, #EEF2E2 0%, transparent 55%), linear-gradient(115deg, #F4F0EE, #F4F6F8 55%, #F6F6EE);
  transform: translateX(100%);
  transition: transform 270ms cubic-bezier(.45, 0, .55, 1);
}
html[data-page-wipe="enter"]::after, html[data-page-wipe="covered"]::after { transform: translateX(0); }
html[data-page-wipe="covered"]::after { transition: none; }
html[data-page-wipe="exit"]::after { transform: translateX(-100%); }
@media (prefers-reduced-motion: reduce) { html[data-page-wipe]::after { display: none; } }