.liquid-ether-container{touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}
@keyframes border-rotate{0%{--angle:0deg}to{--angle:360deg}}@keyframes glow-pulse{0%,to{opacity:.2;filter:blur(6px)}50%{opacity:.35;filter:blur(8px)}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card-glow-wrapper{position:relative}.card-glow-wrapper:before{content:"";background:conic-gradient(from var(--angle),#5227ff,#ff9ffc,#b19eef,#5227ff);-webkit-mask-composite:xor;opacity:0;border-radius:1rem;padding:2px;transition:opacity .5s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-glow-wrapper.active:before{opacity:1;animation:3s linear infinite border-rotate}.card-glow-wrapper:after{content:"";background:conic-gradient(from var(--angle),#5227ff,#ff9ffc,#b19eef,#5227ff);filter:blur(8px);opacity:0;z-index:-1;border-radius:1.25rem;transition:opacity .5s;position:absolute;inset:-4px}.card-glow-wrapper.active:after{opacity:.3;animation:3s linear infinite border-rotate,2s ease-in-out infinite glow-pulse}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.sparkle{pointer-events:none;background:#fff;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite sparkle;position:absolute}
