.LoginBody{background-image:linear-gradient(67deg,#d4d4d4,#e8e8e8 19%,#fff 42%,#efefef 79%,#e1e1e1);background-size:300% 300%;animation:gradient 20s ease infinite;width:100vw;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center}.LP_LoginContainer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px}.E_ErrorContainer,.LP_LoginContainer{display:flex;align-items:center;justify-content:center;flex-direction:column}.E_ErrorContainer{position:relative;margin:20px}.LP_GuestLoginButton{background-color:#e4e4e4;width:100%;height:30px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s}.LP_GuestLoginButton:hover{background-color:#ccc;transition:all 1s}.LP_Form{position:relative}.LP_Form,.LP_LoginCard{display:flex;gap:10px;flex-direction:column;align-items:center;width:100%}.LP_LoginCard{height:100%;padding:20px;border-radius:10px;background-color:linear-gradient(67deg,#d4d4d4,#e1e1e1);-webkit-backdrop-filter:blur(5px);box-shadow:0 0 30px #0000002e;overflow:hidden;transition:all 1s}.LP_LoginCard:hover{box-shadow:0 0 50px #00000015;overflow:hidden;transition:all 1s}.LP_LogoStyle{-webkit-filter:drop-shadow(-4px 2px 15px #00000030);filter:drop-shadow(-4px 2px 15px #00000030)}#LoginButton .LoginText{position:relative;z-index:9999;font-size:large;font-weight:600;color:#9a3a0e;transition:all 1s}#LoginButton:hover .LoginText{font-size:larger;font-weight:600;color:#fff;transition:all .5s}.copyright{position:absolute;bottom:8px;font-size:10px;color:#9b9b9b;left:50%;transform:translate(-50%)}#LoginButton{margin-top:10px;position:relative;display:flex;justify-content:center;align-items:center;height:50px;text-decoration:none;width:100%;overflow:hidden;border-radius:15px}#LoginButton span{position:relative;z-index:1;color:#fff;font-size:20px}#LoginButton .liquid{position:absolute;left:0;top:-80px;width:280px;height:280px;background-color:#ff6c28;box-shadow:inset 0 0 50px rgba(0,0,0,.5);transition:.5x;animation:drain .8s linear;animation-fill-mode:forwards}#LoginButton:hover .liquid{animation:fillup .3s linear;animation-fill-mode:forwards}#LoginButton .liquid:after,#LoginButton .liquid:before{content:"";position:absolute;width:200%;height:200%;top:0;left:50%;transform:translate(-50%,-75%);background:#fff}#LoginButton .liquid:before{border-radius:45%;background:hsla(0,0%,100%,.1);animation:slosh 15s linear infinite}#LoginButton .liquid:after{border-radius:40%;background:hsla(0,0%,100%,.049);animation:slosh 20s linear infinite}@keyframes fillup{0%{top:-100px}to{top:-140px}}@keyframes drain{0%{top:-140px}to{top:-100px}}@keyframes slosh{0%{transform:translate(-50%,-77%) rotate(0deg)}to{transform:translate(-50%,-77%) rotate(1turn)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}