@keyframes nxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes nxDraw{to{stroke-dashoffset:0}}
@keyframes nxBar{0%{left:-45%}100%{left:100%}}
@keyframes nxRise{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
#splash{background:radial-gradient(1100px 560px at 50% 32%,#faf8ff,#eeecf6)}
#splash.hide{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
#splash .nx-anim path{stroke-dasharray:130;stroke-dashoffset:130;animation:nxDraw 1.15s ease forwards}
#splash .nx-anim circle{opacity:0;animation:nxRise .4s ease 1s forwards}
.nx-float{animation:nxFloat 2.6s ease-in-out infinite}
.nx-bar{position:relative;width:200px;height:5px;border-radius:9px;background:#e6e2f7;overflow:hidden}
.nx-bar>i{position:absolute;top:0;left:-45%;height:100%;width:45%;border-radius:9px;background:linear-gradient(90deg,rgb(var(--brand-cham)),rgb(var(--brand-500)));animation:nxBar 1.05s cubic-bezier(.4,0,.2,1) infinite}
#dashGrid.anim-rise>*{animation:nxRise .5s ease both}
#dashGrid.anim-rise>*:nth-child(2){animation-delay:.07s}
#dashGrid.anim-rise>*:nth-child(3){animation-delay:.14s}
#dashGrid.anim-rise>*:nth-child(4){animation-delay:.21s}
#dashGrid.anim-rise>*:nth-child(5){animation-delay:.28s}
#viewBody{transition:height .34s cubic-bezier(.4,0,.2,1), opacity .22s ease}
#modalBox{transition:max-width .3s ease}