@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.login-animated-wrapper{border-radius:22px;transition:width .45s,height .45s;position:relative}.login-animated-wrapper:not(:hover){width:280px;height:90px}.login-animated-wrapper:hover{width:380px;height:260px}.login-animated-wrapper:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle),#00e5fff2 0deg,#00e5fff2 14deg,#ff0078e6 30deg,#ff007873 50deg,#0000 85deg,#0000 360deg);filter:blur(1.2px);-webkit-mask-composite:xor;z-index:1;pointer-events:none;padding:3px;animation:4.5s linear infinite border-light;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.login-animated-wrapper:after{content:"";border-radius:inherit;z-index:2;pointer-events:none;background:#0b0f1a;position:absolute;inset:0}.login-animated-content{z-index:3;width:100%;height:100%;padding:20px;transition:opacity .45s,transform .45s;position:relative}.login-animated-wrapper:not(:hover) .login-animated-content{opacity:0;pointer-events:none;transform:scale(.92)}.login-label{z-index:4;letter-spacing:.25em;color:#fffffff2;text-shadow:0 0 14px #00e5ffa6;pointer-events:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;inset:0}.login-animated-wrapper:hover .login-label{opacity:0}@keyframes border-light{0%{--angle:0deg}to{--angle:-360deg}}