.motion-baked{vertical-align:-.225em;width:auto;height:1.15em;overflow:hidden}.motion-globe{vertical-align:-.225em;width:auto;height:1.15em}.motion-icon{vertical-align:-.125em;display:inline-flex;position:relative}.motion-icon>svg{vertical-align:0}.motion-icon[data-active][data-motion=bell] .motion-main{transform-origin:50% 0;animation:.7s ease-in-out motion-ring}.motion-icon[data-active][data-motion=exclamation] .motion-main{transform-origin:50% 90%;animation:.45s ease-in-out motion-wiggle}.motion-icon[data-active][data-motion=cart] .motion-main{transform-origin:30% 90%;animation:.5s ease-in-out motion-roll}.motion-icon[data-active]:is([data-motion=balance],[data-motion=gems],[data-motion=money]) .motion-main{animation:.35s ease-out motion-pop}.motion-icon .motion-cogs path{transform-box:fill-box;transform-origin:50%}.motion-icon[data-active] .motion-cog-large{animation:.65s ease-in-out motion-spin}.motion-icon[data-active] .motion-cog-small{animation:.65s ease-in-out motion-spin-back}.motion-burst{pointer-events:none;position:absolute;inset:0}.motion-burst i{width:var(--s);height:var(--s);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);opacity:0;background:currentColor;border-radius:50%;position:absolute;top:50%;left:50%}[data-active]>.motion-burst i{animation:motion-burst .45s ease-out var(--t) both}.motion-typing{pointer-events:none;gap:.07em;display:flex;position:absolute;top:31%;left:36%;transform:translate(-50%,-50%)}.motion-typing i{background:var(--color-hil-bg);opacity:0;border-radius:50%;width:.11em;height:.11em}[data-active]>.motion-typing i{animation:.9s ease-out motion-type;animation-delay:calc(var(--n)*.12s)}.motion-server .motion-server-light{fill:var(--color-hil-heading);opacity:0}:is([data-active]>.motion-server g) .motion-server-row{animation:motion-tray .5s ease-out calc(var(--n)*.15s) both}:is([data-active]>.motion-server g) .motion-server-light{animation:motion-blink .5s linear calc(var(--n)*.15s) both}@keyframes motion-ring{0%,to{transform:rotate(0)}10%{transform:rotate(18deg)}20%{transform:rotate(-16deg)}30%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(4deg)}60%{transform:rotate(0)}}@keyframes motion-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}}@keyframes motion-roll{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-10%)rotate(-10deg)}65%{transform:translate(8%)rotate(4deg)}}@keyframes motion-pop{0%,to{transform:scale(1)}40%{transform:scale(1.15)}}@keyframes motion-spin{to{transform:rotate(120deg)}}@keyframes motion-spin-back{to{transform:rotate(-180deg)}}@keyframes motion-burst{0%{opacity:0;transform:rotate(var(--a)) translateY(-.45em) scale(1)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d)*-1)) scale(.4)}}@keyframes motion-type{0%{opacity:0;transform:translateY(.05em)}30%,80%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes motion-tray{0%,to{fill:currentColor;transform:translate(0)}35%{fill:color-mix(in srgb,currentColor 45%,var(--color-hil-heading));transform:translate(6%)}}@keyframes motion-blink{0%,to{opacity:0}15%,70%{opacity:1}}