.ip-page-transition{
  position:fixed;
  inset:0;
  z-index:999999;
  background:#050603;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  will-change:opacity, visibility;
  transition:
    opacity var(--ip-page-transition-exit, 180ms) cubic-bezier(.19,1,.22,1),
    visibility var(--ip-page-transition-exit, 180ms) cubic-bezier(.19,1,.22,1);
}

.ip-page-transition.is-active{
  opacity:1;
  visibility:visible;
}

.ip-page-transition.is-enter{
  opacity:1;
  visibility:visible;
  transition:
    opacity var(--ip-page-transition-enter, 220ms) cubic-bezier(.19,1,.22,1),
    visibility var(--ip-page-transition-enter, 220ms) cubic-bezier(.19,1,.22,1);
}

.ip-page-transition.is-enter.is-ready{
  opacity:0;
  visibility:hidden;
}

html.ip-page-transition-lock,
html.ip-page-transition-lock body{
  overscroll-behavior:none;
}