.nl-page-transition{
 position:fixed;
 inset:0;
 z-index:999999;
 display:grid;
 place-content:center;
 justify-items:center;
 gap:15px;
 pointer-events:none;
 visibility:hidden;
 opacity:0;
 background:#fff;
 transition:opacity .28s ease,visibility 0s linear .28s;
}
.nl-page-transition-mark{
 color:#111;
 font-family:Lato,Arial,sans-serif;
 font-size:20px;
 font-weight:400;
 line-height:1;
}
.nl-page-transition-track{
 width:88px;
 height:1px;
 overflow:hidden;
 background:#d8d8d8;
}
.nl-page-transition-track span{
 display:block;
 width:42%;
 height:100%;
 background:#111;
 transform:translateX(-115%);
}
.nl-transition-js body.nl-page-transitions:not(.nl-page-ready) .nl-page-transition,
body.nl-page-transitions.nl-page-leaving .nl-page-transition{
 visibility:visible;
 opacity:1;
 transition-delay:0s;
}
.nl-transition-js body.nl-page-transitions:not(.nl-page-ready) .nl-page-transition-track span,
body.nl-page-transitions.nl-page-leaving .nl-page-transition-track span{
 animation:nl-page-loader .82s cubic-bezier(.62,0,.38,1) infinite;
}
body.nl-page-transitions > :not(.nl-page-transition){
 transition:opacity .3s ease,filter .3s ease;
}
.nl-transition-js body.nl-page-transitions:not(.nl-page-ready) > :not(.nl-page-transition),
body.nl-page-transitions.nl-page-leaving > :not(.nl-page-transition){
 opacity:0;
 filter:blur(2px);
}
@keyframes nl-page-loader{
 0%{transform:translateX(-115%)}
 55%{transform:translateX(95%)}
 100%{transform:translateX(245%)}
}
@media(prefers-reduced-motion:reduce){
 .nl-page-transition{transition:none}
 .nl-page-transition-track span{animation:none!important;transform:none;width:100%}
 body.nl-page-transitions > :not(.nl-page-transition){transition:none;filter:none!important}
}