@property --rl-lvl{syntax:"<number>";inherits:false;initial-value:0}@property --rl-tilt{syntax:"<angle>";inherits:false;initial-value:0deg}.rl-slosh{position:relative;display:inline-block}.rl-slosh:after{content:attr(data-text);content:attr(data-text) /"";position:absolute;inset:0;pointer-events:none;color:transparent;background-image:linear-gradient(calc(180deg + var(--rl-tilt)),transparent calc(100% - var(--rl-lvl) * 1%),#d1fae5 calc(100% - var(--rl-lvl) * 1%),#4ade80 calc(100% - var(--rl-lvl) * 1% + 14%),#22c55e 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 4px rgba(74,222,128,.65));animation:rl-slosh-lvl 6.5s ease-in-out infinite,rl-slosh-tilt 6.5s ease-in-out infinite}@keyframes rl-slosh-lvl{0%{--rl-lvl:8}40%,66%{--rl-lvl:92}94%,to{--rl-lvl:8}}@keyframes rl-slosh-tilt{0%{--rl-tilt:0deg}8%{--rl-tilt:-14deg}17%{--rl-tilt:11deg}26%{--rl-tilt:-8deg}34%{--rl-tilt:5deg}42%{--rl-tilt:-2.5deg}50%,66%{--rl-tilt:0deg}73%{--rl-tilt:9deg}80%{--rl-tilt:-7deg}87%{--rl-tilt:4deg}94%,to{--rl-tilt:0deg}}@media (prefers-reduced-motion:reduce){.rl-slosh:after{display:none}.rl-slosh{color:#4ade80;text-shadow:0 0 5px rgba(74,222,128,.5)}}