.page-wipe{position:fixed;inset:0;z-index:200;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr)}.page-wipe__panel{background:#060a0f;transform-origin:top;transform:scaleY(1);transition:transform .72s cubic-bezier(.78,0,.18,1);border-right:1px solid rgba(66,216,255,.13)}.page-wipe__panel:nth-child(2){transition-delay:.07s;background:#080d14}.page-wipe__panel:nth-child(3){transition-delay:.14s}.page-wipe__mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:15px;font:500 14px var(--mono);letter-spacing:.18em;color:#edf5ff;transition:opacity .3s}.page-wipe__mark b{display:grid;place-items:center;width:54px;height:54px;background:var(--lime);color:#05070a;font:500 15px var(--mono);letter-spacing:-.08em}.page-wipe__mark i{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 16px var(--cyan);animation:blink .7s infinite}.page-ready .page-wipe__panel{transform:scaleY(0)}.page-ready .page-wipe__panel:nth-child(1){transition-delay:.14s}.page-ready .page-wipe__panel:nth-child(2){transition-delay:.07s}.page-ready .page-wipe__panel:nth-child(3){transition-delay:0s}.page-ready .page-wipe__mark{opacity:0}.page-leaving .page-wipe{pointer-events:all}.page-leaving .page-wipe__panel{transform-origin:bottom;transform:scaleY(1)}.page-leaving .page-wipe__mark{opacity:1;transition-delay:.38s}@media(prefers-reduced-motion:reduce){.page-wipe{display:none}}