.grid-animated-container{position:absolute;inset:0;background-size:24px 24px;background-image:linear-gradient(to right,var(--grid-color,rgba(16,185,129,.08)) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color,rgba(16,185,129,.08)) 1px,transparent 1px);animation:grid-pulse 4s ease-in-out infinite}.grid-animated-container:before{content:"";position:absolute;inset:0;background-size:24px 24px;background-image:linear-gradient(90deg,rgba(16,185,129,.15) 1px,transparent 0),linear-gradient(180deg,rgba(16,185,129,.15) 1px,transparent 0);mask:linear-gradient(45deg,transparent,#000 10%,#000 20%,transparent 30%,transparent 40%,#000 50%,#000 60%,transparent 70%,transparent 80%,#000 90%,#000);-webkit-mask:linear-gradient(45deg,transparent,#000 10%,#000 20%,transparent 30%,transparent 40%,#000 50%,#000 60%,transparent 70%,transparent 80%,#000 90%,#000);mask-size:200% 200%;-webkit-mask-size:200% 200%;animation:wave-shift 6s linear infinite}.grid-animated-container:after{content:"";position:absolute;inset:0;background-size:24px 24px;background-image:linear-gradient(90deg,rgba(16,185,129,.25) 1px,transparent 0),linear-gradient(180deg,rgba(16,185,129,.25) 1px,transparent 0);mask:radial-gradient(circle at var(--x,50%) var(--y,50%),#000 0,transparent 30%);-webkit-mask:radial-gradient(circle at var(--x,50%) var(--y,50%),#000 0,transparent 30%);animation:spotlight 8s ease-in-out infinite}@keyframes grid-pulse{0%,to{--grid-color:rgba(16,185,129,.05)}50%{--grid-color:rgba(16,185,129,.12)}}@keyframes wave-shift{0%{mask-position:-100% -100%;-webkit-mask-position:-100% -100%}to{mask-position:100% 100%;-webkit-mask-position:100% 100%}}@keyframes spotlight{0%{--x:0%;--y:0%}25%{--x:100%;--y:0%}50%{--x:100%;--y:100%}75%{--x:0%;--y:100%}to{--x:0%;--y:0%}}@property --grid-color{syntax:"<color>";initial-value:rgba(16,185,129,.08);inherits:false}@property --x{syntax:"<percentage>";initial-value:50%;inherits:false}@property --y{syntax:"<percentage>";initial-value:50%;inherits:false}.plus-particle{position:absolute;color:rgba(16,185,129,.4);font-size:12px;font-weight:300;font-family:monospace;pointer-events:none;animation:plus-float 1.5s ease-out forwards;transform:translate(-50%,-50%) translate(var(--offset-x,0),var(--offset-y,0));z-index:10}@keyframes plus-float{0%{opacity:0;transform:translate(-50%,-50%) translate(var(--offset-x,0),var(--offset-y,0)) scale(0) rotate(0deg)}20%{opacity:.6;transform:translate(-50%,-50%) translate(var(--offset-x,0),var(--offset-y,0)) scale(1) rotate(45deg)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--offset-x, 0) * 1.5),calc(var(--offset-y, 0) * 1.5 - 20px)) scale(.3) rotate(90deg)}}