.ms-x{position:absolute;inset:0;z-index:30;overflow:hidden;pointer-events:none}.ms-x__veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(184,167,240,.28) 0%,rgba(184,167,240,.1) 40%,transparent 70%);opacity:0;animation:msXVeil .3s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)) both}.ms-x__ring{position:absolute;left:50%;top:34%;width:160px;height:160px;margin:-80px 0 0 -80px;transform:rotateX(58deg);opacity:0}.ms-x--entry .ms-x__ring{animation:msXRingIn .26s var(--ease-back, cubic-bezier(.34, 1.56, .64, 1)) both,msXOut .16s cubic-bezier(.4,0,1,1) .42s both}.ms-x__ring-core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,transparent 0 58%,rgba(142,122,201,.22) 66%,rgba(221,212,250,.62) 78%,rgba(184,167,240,.28) 86%,transparent 94%)}.ms-x__ring-gloss{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.85) 22deg,transparent 54deg);-webkit-mask-image:radial-gradient(closest-side,transparent 0 64%,#000 72% 86%,transparent 92%);mask-image:radial-gradient(closest-side,transparent 0 64%,#000 72% 86%,transparent 92%);opacity:0}.ms-x--section .ms-x__ring-core{display:none}.ms-x--section .ms-x__ring{opacity:1}.ms-x--section .ms-x__ring-gloss{animation:msSplashRingGloss .3s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)) 40ms both}.ms-x--entry .ms-x__ring-gloss{animation:msSplashRingGloss .4s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)) .12s both}.ms-x__frog{position:absolute;left:50%;top:34%;width:52px;height:48px;margin:-40px 0 0 -26px;opacity:0;filter:drop-shadow(0 6px 14px rgba(184,167,240,.45));animation:msXFrog .42s var(--ease-in-out, cubic-bezier(.65, 0, .35, 1)) 60ms both,msXOut .16s cubic-bezier(.4,0,1,1) .42s both}.ms-x__beams{position:absolute;inset:0;overflow:hidden;opacity:0}.ms-x--entry .ms-x__beams{animation:msXBeams .24s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)) .1s both,msXOut .16s cubic-bezier(.4,0,1,1) .42s both}.ms-x__beam{position:absolute;top:-8%;width:120px;height:55%;transform-origin:50% 0;background:linear-gradient(to bottom,rgba(228,220,253,.34) 0%,rgba(201,188,245,.14) 40%,transparent 90%);clip-path:polygon(50% 0%,100% 100%,0% 100%)}.ms-x__beam--l{left:6%;transform:rotate(22deg)}.ms-x__beam--r{right:6%;transform:rotate(-22deg)}@keyframes msXVeil{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes msXRingIn{0%{opacity:0;transform:rotateX(58deg) scale(.72)}to{opacity:1;transform:rotateX(58deg) scale(1)}}@keyframes msXFrog{0%{opacity:0;transform:translateY(10px) scale(.5)}45%{opacity:1;transform:translateY(-12px) scale(1.06)}75%{opacity:1;transform:translateY(2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msXBeams{0%{opacity:0}to{opacity:1}}@keyframes msXOut{to{opacity:0}}@keyframes msXFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ms-x{display:none}}.ms-x-reduced-fade{animation:msXFadeIn .15s ease-out both}