:root{
  --page-transition-ring:#F1FEC8;
}

html,body{
  background-color:#0B0C0F;
}

[data-page-transition]{
  -webkit-tap-highlight-color:transparent;
  text-decoration:none;
}

.page-transition-preview{
  position:fixed;
  z-index:2147483645;
  inset:0;
  width:100vw;
  height:100vh;
  margin:0;
  padding:0;
  border:0;
  background:#0B0C0F;
  visibility:hidden;
  pointer-events:none;
  clip-path:circle(0 at 45px 55px);
  will-change:clip-path;
}

.page-transition-canvas{
  position:fixed;
  z-index:2147483646;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  visibility:hidden;
}

body.page-transitioning{
  overflow:hidden!important;
  pointer-events:none;
}