html.gfk-transition-preload::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483001;
  background: #0B1117;
  pointer-events: none;
}

.gfk-page-transition{
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  background: #0B1117;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, visibility 0s linear 180ms;
}

body.gfk-transition-exit .gfk-page-transition,
body.gfk-transition-entry .gfk-page-transition{
  visibility: visible;
  transition: opacity 180ms ease, visibility 0s linear 0s;
}

body.gfk-transition-exit .gfk-page-transition{
  opacity: 1;
}

body.gfk-transition-entry .gfk-page-transition{
  animation: gfk-transition-fade-in 260ms ease forwards;
}

@keyframes gfk-transition-fade-in{
  0%{ opacity: 1; visibility: visible; }
  100%{ opacity: 0; visibility: hidden; }
}

@media (prefers-reduced-motion: reduce){
  .gfk-page-transition{
    transition-duration: 60ms;
  }

  body.gfk-transition-entry .gfk-page-transition{
    animation: none;
    opacity: 0;
    visibility: hidden;
  }
}