.page-transition { position:fixed; inset:0; z-index:2147483647; isolation:isolate; overflow:hidden; background:rgba(3,2,7,.72); opacity:1; pointer-events:auto; transition:opacity .18s ease; }
.page-transition::before { position:absolute; inset:0; content:""; background-color:#ff2f92; background-image:repeating-linear-gradient(to bottom,rgba(20,3,15,.96) 0 2px,transparent 2px 11px); background-size:100% 100%; transform:translateY(-102%); transition:transform 1.08s cubic-bezier(.77,0,.16,1); }
.page-transition::after { position:absolute; inset:0; content:""; background-color:#ff2f92; background-image:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(20,3,15,.96) 2px 3px,transparent 3px 11px); opacity:0; transform:translateY(100%); transition:transform 1.02s cubic-bezier(.77,0,.16,1),opacity .18s ease; }
.page-transition.is-ready { opacity:0; pointer-events:none; }
.page-transition.is-ready::before { transform:translateY(-102%); }
.page-transition.is-ready::after { opacity:0; transform:translateY(100%); }
.page-transition.is-leaving { opacity:1; pointer-events:auto; }
.page-transition.is-leaving::before { transform:translateY(0); }
.page-transition.is-leaving::after { opacity:1; transform:translateY(0); transition-delay:.12s; }
@media (prefers-reduced-motion:reduce) { .page-transition,.page-transition::before,.page-transition::after { transition:none; } }