html,body{display:flex;align-items:center;flex-direction:column;justify-content:center;box-sizing:border-box;margin:0;padding:0;overflow:hidden;height:100%;font-family:Cyber, sans-serif}@font-face{font-family:Cyber;src:url("https://assets.codepen.io/605876/Blender-Pro-Bold.otf");font-display:swap}html,body{margin:0;padding:0;overflow:hidden;height:100%}.loginForm{display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:0}.loginForm .input_area{display:flex;flex-direction:column;align-items:center}.loginForm .input_area>.input_field{width:80%;margin:8px 0 0;padding:4px;border-radius:8px;border:1px solid #d3d3d3;background-color:white}.loginForm .input_area input{width:-webkit-fill-available;font-size:1rem;height:24px;border:none;outline:none;margin-left:8px}.loginForm .input_area input::placeholder{color:#d3d3d3}.loginForm .input_area>.input_with_peek{display:flex;position:relative}.loginForm .input_area>.input_with_peek input{width:calc(100% - 32px)}.loginForm .input_area>.input_with_peek img{position:absolute;width:32px;height:32px;top:50%;transform:translateY(-50%);right:8px;cursor:pointer}.loginForm .input_area>.input_with_peek .peek{border:none}.loginForm .input_area>.input_with_peek .peek>.open{display:none}.loginForm .input_area>.input_with_peek .peek>.close{display:block}.loginForm .input_area>.input_with_peek .peek.active>.open{display:block;height:26px}.loginForm .input_area>.input_with_peek .peek.active>.close{display:none}.loginForm .input_area>.submit{margin-top:8px;padding:8px 12px;background-color:#00c300;width:-webkit-fill-available;border-radius:8px;color:#fff;height:48px;font-size:1.2rem}.loginForm .input_area>.submit:hover{background-color:#01a501}.loginForm .note{margin-top:16px;color:#929292}