#wisp-page-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 46%,#52233440,transparent 48%),#101218;overflow:hidden;pointer-events:auto;opacity:1}
#wisp-page-transition .wisp-transition-grid{position:absolute;inset:0;background-image:linear-gradient(#cd799c08 1px,transparent 1px),linear-gradient(90deg,#cd799c08 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 70%)}
#wisp-page-transition .wisp-transition-content{position:relative;display:flex;align-items:center;flex-direction:column;transform:translateY(-8px)}
#wisp-page-transition .wisp-transition-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;border:1px solid #8a3f5e66;background:linear-gradient(145deg,#542a3a55,#201c28);box-shadow:0 12px 50px #d32c5633;transform:rotate(-6deg)}
#wisp-page-transition .wisp-transition-mark>img{width:40px;height:40px;transform:rotate(6deg)}
#wisp-page-transition .wisp-transition-orbit{position:absolute;width:102px;height:102px;top:-15px;left:calc(50% - 51px);border:1px solid #b8466b28;border-top-color:#e74770;border-right-color:#a53658;border-radius:50%;animation:wisp-orbit .5s linear 1!important}
#wisp-page-transition strong{font-size:26px;letter-spacing:-1px;font-weight:800;color:#eee8f0;line-height:1.5;margin-top:23px}
#wisp-page-transition strong>span{font-weight:450;color:#c9c3d2}#wisp-page-transition strong>i{color:#ed435f;font-style:normal}
#wisp-page-transition .wisp-transition-caption{font-family:var(--mono);font-size:7px;letter-spacing:3px;color:#956c84;line-height:1.8;margin-top:9px;padding-left:3px}
#wisp-page-transition .wisp-transition-track{display:block;width:134px;height:2px;border-radius:4px;background:#462837;margin-top:23px;overflow:hidden}
#wisp-page-transition .wisp-transition-track>i{display:block;height:100%;width:55%;background:linear-gradient(90deg,transparent,#e94a71,#ffadc4);box-shadow:0 0 10px #f04e77;animation:wisp-track .5s cubic-bezier(.25,.7,.25,1) 1!important}
#wisp-page-transition.is-entering{animation:wisp-enter .5s cubic-bezier(.4,0,.25,1) 1 both!important}
#wisp-page-transition.is-leaving{animation:wisp-leave .5s cubic-bezier(.2,.65,.25,1) 1 both!important}
#wisp-page-transition.is-entering .wisp-transition-content{animation:wisp-content .5s ease-out 1 both!important}
@keyframes wisp-orbit{from{transform:rotate(-60deg)}to{transform:rotate(300deg)}}
@keyframes wisp-track{from{transform:translateX(-110%)}to{transform:translateX(290%)}}
@keyframes wisp-enter{0%,48%{opacity:1}100%{opacity:0}}
@keyframes wisp-leave{0%{opacity:0}18%,100%{opacity:1}}
@keyframes wisp-content{0%{opacity:.6;transform:translateY(2px) scale(.97)}42%{opacity:1;transform:translateY(-8px) scale(1)}100%{opacity:0;transform:translateY(-18px) scale(1.02)}}
@media(max-width:480px){#wisp-page-transition .wisp-transition-mark{width:64px;height:64px;border-radius:16px}#wisp-page-transition .wisp-transition-mark>img{width:36px;height:36px}#wisp-page-transition .wisp-transition-orbit{height:92px;width:92px;top:-14px;left:calc(50% - 46px)}#wisp-page-transition strong{font-size:24px}}