.login-body{animation:gradientBG-776c16f7 20s ease infinite;animation-delay:3s;background:linear-gradient(-60deg,#000,#000,#000,#000,#000);background-size:1000% 1000%;height:100vh}@keyframes gradientBG-776c16f7{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes scrollBg-776c16f7{0%{transform:translateY(0)}to{transform:translateY(-4680px)}}.scroll-bg[data-v-776c16f7]{animation:scrollBg-776c16f7 140s ease-out forwards;background-color:#59463a;background-image:url(../login_bg.webp);background-position:50%;background-size:cover;inset:0;opacity:.25;position:fixed}h1[data-v-776c16f7]{font-size:20px;font-weight:700;margin:0;padding:10px 0}p[data-v-776c16f7]{font-size:16px;font-weight:100;letter-spacing:.5px;line-height:20px;padding-bottom:20px}span[data-v-776c16f7]{font-size:15px;padding-bottom:10px}a[data-v-776c16f7]{margin:15px 0;text-decoration:none}a[data-v-776c16f7],button[data-v-776c16f7]{color:#000;font-size:14px}button[data-v-776c16f7]{background-color:#fff!important;border:2px solid #000;border-radius:8px;cursor:pointer!important;font-weight:500;letter-spacing:1px;padding:10px 20px;transition:transform 80ms ease-in}button[data-v-776c16f7]:hover{background-color:#000!important;border-color:#fff;color:#fff}button[data-v-776c16f7]:active{transform:scale(.95)}.form[data-v-776c16f7]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}.container[data-v-776c16f7]{border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;height:500px;left:50%;margin-left:-400px;margin-top:-250px;overflow:hidden;position:absolute;top:50%;width:800px}.form-container[data-v-776c16f7]{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.sign-in-container[data-v-776c16f7]{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container[data-v-776c16f7]{transform:translate(100%)}.sign-up-container[data-v-776c16f7]{left:0;opacity:0;width:50%;z-index:1}.container.right-panel-active .sign-up-container[data-v-776c16f7]{animation:show-776c16f7 .6s;opacity:1;transform:translate(100%);z-index:5}@keyframes show-776c16f7{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container[data-v-776c16f7]{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:50%;z-index:100}.container.right-panel-active .overlay-container[data-v-776c16f7]{transform:translate(-100%)}.overlay[data-v-776c16f7]{background-position:0 0;background-repeat:no-repeat;background-size:cover;border:2px solid;border-radius:10px;height:100%;left:-100%;position:relative;transform:translate(0);transition:transform .6s ease-in-out;width:200%}.container.right-panel-active .overlay[data-v-776c16f7]{transform:translate(50%)}.overlay-panel[data-v-776c16f7]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;transform:translate(0);transition:transform .6s ease-in-out;width:50%}.overlay-left[data-v-776c16f7]{transform:translate(-20%)}.container.right-panel-active .overlay-left[data-v-776c16f7],.overlay-right[data-v-776c16f7]{transform:translate(0)}.overlay-right[data-v-776c16f7]{right:0}.container.right-panel-active .overlay-right[data-v-776c16f7]{transform:translate(20%)}