.input-wrapper{display:flex;align-items:center;background:#2c1f1f;border:1px solid #515050;padding:5px;border-radius:12px;width:100%;height:100%;box-sizing:border-box}.input-wrapper.error{background-color:#2c201f;border-color:#8f3939}.mobile-prefix{display:flex;align-items:center;color:#fff;font-size:12px;margin-right:5px}.separator{height:100%;width:1px;background-color:#fff;margin-left:5px}.input-field{background-color:transparent;border:none;outline:none;color:#fff;font-size:12px;flex:1;padding-left:3%}.input-field::placeholder{color:#fff;opacity:.7}@media (max-width: 600px){.input-wrapper{font-size:12px}}.toggle-password{background:none;border:none;color:#fff;cursor:pointer;margin-left:10px;font-size:12px;font-family:Nunito Sans;font-weight:600}.toggle-password:focus{outline:none}.input-wrapper.error .toggle-password{color:red}.button{display:inline-block;border:none;cursor:pointer;transition:transform .2s ease-in-out;outline:none}.button.clicked{transform:scale(.95)}.button:focus{outline:none}.login-container{height:100%;width:100%;position:absolute;z-index:1000}.form-container{height:61%;width:53.4%;position:absolute;left:23.3%;bottom:2%}.input-container{height:12.7%;width:100%;position:absolute;top:6%}.button-container{height:12.7%;width:100%;position:absolute;top:30%}.login-with-username-container{height:12.7%;width:100%;position:absolute;top:50%}.forgot-password-container{height:3%;width:100%;position:absolute;top:75%;cursor:pointer}.signup-container{height:3%;width:100%;position:absolute;bottom:10%;cursor:pointer}.shining-border{border:3px solid;border-image:linear-gradient(45deg,#f3ec78,#af4261,#42a1ec,#34d399) 1;animation:animate-border 5s linear infinite;border-radius:22px}@keyframes animate-border{0%{border-image:linear-gradient(45deg,#f3ec78,#af4261,#42a1ec,#34d399) 1}25%{border-image:linear-gradient(45deg,#af4261,#42a1ec,#34d399,#f3ec78) 1}50%{border-image:linear-gradient(45deg,#42a1ec,#34d399,#f3ec78,#af4261) 1}75%{border-image:linear-gradient(45deg,#34d399,#f3ec78,#af4261,#42a1ec) 1}to{border-image:linear-gradient(45deg,#f3ec78,#af4261,#42a1ec,#34d399) 1}}.scale-effect{transition:transform .3s ease;transform:scale(1)}.scale-effect:hover{transform:scale(1.1)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-in{animation:slide-in .5s forwards}.slide-out{animation:slide-out .5s forwards}.ui-loader{width:50px;height:50px}.loader-blk{color:#3f51b5;animation:rotate-outer08 1.4s linear infinite}.multiColor-loader{display:block;animation:color-anim08 1.4s infinite}.loader-circle{stroke:currentColor}.MuiCircularProgress-circleStatic{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}.loader-circle-animation{animation:rotate-inner08 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0}@keyframes rotate-outer08{0%{transform-origin:50% 50%}to{transform:rotate(360deg)}}@keyframes rotate-inner08{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@keyframes color-anim08{0%{color:#4285f4}25%{color:#ea4335}50%{color:#f9bb2d}75%{color:#34a853}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}