.inkage-page-transition{
  --inkage-transition-origin-x:50%;
  --inkage-transition-origin-y:50%;
  position:fixed;
  z-index:2147483000;
  inset:0;
  visibility:hidden;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
}

.inkage-page-transition__circle{
  position:absolute;
  left:var(--inkage-transition-origin-x);
  top:var(--inkage-transition-origin-y);
  display:block;
  width:150vmax;
  height:150vmax;
  border-radius:50%;
  transform:translate3d(-50%,-50%,0) scale3d(.001,.001,1);
  transform-origin:50% 50%;
  backface-visibility:hidden;
  transition-property:transform;
  transition-duration:var(--inkage-transition-duration,620ms);
  transition-timing-function:cubic-bezier(.72,0,.18,1);
  contain:strict;
}

.inkage-page-transition__circle--one{z-index:1;background:var(--inkage-transition-color-one,#2447ff)}
.inkage-page-transition__circle--two{z-index:2;background:var(--inkage-transition-color-two,#0d0d0c)}
.inkage-page-transition__circle--three{z-index:3;background:var(--inkage-transition-color-three,#f4f4f1)}

.inkage-page-transition.is-covering,
.inkage-page-transition.is-revealing,
.inkage-page-transition.is-preparing,
html.inkage-transition-arriving .inkage-page-transition{
  visibility:visible;
  pointer-events:auto;
}

.inkage-page-transition.is-preparing .inkage-page-transition__circle,
.inkage-page-transition.is-covering .inkage-page-transition__circle,
.inkage-page-transition.is-revealing .inkage-page-transition__circle,
html.inkage-transition-arriving .inkage-page-transition__circle{
  will-change:transform;
}

.inkage-page-transition.is-covering .inkage-page-transition__circle{
  transform:translate3d(-50%,-50%,0) scale3d(1,1,1);
}
.inkage-page-transition.is-covering .inkage-page-transition__circle--one{transition-delay:0ms}
.inkage-page-transition.is-covering .inkage-page-transition__circle--two{transition-delay:var(--inkage-transition-stagger,115ms)}
.inkage-page-transition.is-covering .inkage-page-transition__circle--three{transition-delay:calc(var(--inkage-transition-stagger,115ms) * 2)}

html.inkage-transition-arriving .inkage-page-transition__circle{
  transform:translate3d(-50%,-50%,0) scale3d(1,1,1);
  transition:none;
}

.inkage-page-transition.is-revealing .inkage-page-transition__circle{
  transform:translate3d(-50%,-50%,0) scale3d(.001,.001,1);
}
.inkage-page-transition.is-revealing .inkage-page-transition__circle--three{transition-delay:0ms}
.inkage-page-transition.is-revealing .inkage-page-transition__circle--two{transition-delay:var(--inkage-transition-stagger,115ms)}
.inkage-page-transition.is-revealing .inkage-page-transition__circle--one{transition-delay:calc(var(--inkage-transition-stagger,115ms) * 2)}

body.inkage-page-is-transitioning{
  overflow:hidden!important;
  overscroll-behavior:none;
  touch-action:none;
}

@media (prefers-reduced-motion:reduce){
  .inkage-page-transition{display:none!important}
  html.inkage-transition-arriving body>*{visibility:visible!important}
}