.lite-swap{vertical-align:bottom;height:1.12em;color:var(--lite-accent,inherit);transition:width .55s cubic-bezier(.2,.8,.2,1);display:inline-block;position:relative;overflow:hidden}.lite-w{white-space:nowrap;opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s;position:absolute;top:0;left:0;transform:translateY(105%)}.lite-w.on{opacity:1;position:relative;transform:none}.lite-w.out{opacity:0;position:absolute;transform:translateY(-105%)}.lite-probe{visibility:hidden;opacity:0;position:absolute;transform:none}.lite-tint{transition:background-color 1.1s;background-color:var(--lite-bg)!important}.lite-curtain{clip-path:inset(0 0 100% 0 round var(--lite-r,0));transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}.lite-curtain img{transition:transform 1.6s cubic-bezier(.2,.8,.2,1);transform:scale(1.14)}.lite-curtain.in{clip-path:inset(0 0 0 0 round var(--lite-r,0))}.lite-curtain.in img{transform:scale(1)}.lite-bubbles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.lite-bubbles i{left:var(--x);width:var(--s);height:var(--s);animation:liteRise var(--d) linear var(--delay) infinite;background:radial-gradient(circle at 30% 28%,#fffffff2 0 8%,#ffffff40 18%,#78b4ff1a 55%,#5096ff47 70%,#ffffff8c 72%,#0000 74%);border-radius:50%;position:absolute;bottom:-60px}@keyframes liteRise{0%{opacity:0;transform:translate(0)scale(.7)}10%{opacity:.9}50%{transform:translate(var(--sway), -55vh) scale(1)}90%{opacity:.8}to{transform:translate(calc(var(--sway) * -.5), -110vh) scale(1.08);opacity:0}}.lite-steam{pointer-events:none;z-index:2;filter:blur(9px);height:45%;position:absolute;top:8%;left:30%;right:30%}.lite-steam i{opacity:0;background:radial-gradient(at 50% 80%,#ffffffbf,#0000 62%);border-radius:50%;width:34%;height:100%;animation:4.6s ease-in infinite liteSteam;position:absolute;bottom:0}.lite-steam i:first-child{animation-delay:0s;left:0}.lite-steam i:nth-child(2){animation-delay:1.5s;left:33%}.lite-steam i:nth-child(3){animation-delay:3s;left:66%}@keyframes liteSteam{0%{opacity:0;transform:translateY(30%)scaleX(.6)}30%{opacity:.55}to{opacity:0;transform:translateY(-70%)scaleX(1.3)skew(10deg)}}.lite-bump{animation:.45s cubic-bezier(.2,.8,.2,1) liteBump}@keyframes liteBump{30%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.lite-tint{transition:none}.lite-curtain{clip-path:none}}
