.login-container{height:100%}.login-container,.login-wrap{display:flex;justify-content:center;width:100%;align-items:center}.login-wrap{background-color:white;flex-direction:column;padding:2.5rem 1.25rem;gap:2.5rem;box-shadow:.125rem 0 .75rem 0 rgba(32,35,45,.05);max-width:25rem}.inputbox,.login-wrap{position:relative;border-radius:.5rem;box-sizing:border-box}.inputbox{background-color:var(--gray10);padding:.75rem;width:100%;border:0;margin-top:.75rem}.inputbox:focus{outline:none;border:1px solid #1b72f3}.password-wrap{width:100%;position:relative}.password-wrap .inputbox{margin-bottom:.75rem;position:relative}.password-wrap label{position:relative}.password-wrap p{text-align:end;color:var(--gray60)}.auth-button-wrap{width:100%}.auth-button-wrap p{text-align:center;text-decoration:underline}.auth-button-wrap p:hover{color:var(--point00)}.login-wrap button{background:var(--pointgra);width:100%;padding:1.25rem;color:white;border-radius:.5rem;border:0;cursor:pointer;margin-bottom:1.25rem}@media (max-width:300px){*{word-break:break-all}html{font-size:12px}}@media (max-width:786px){.login-wrap{margin:1.25rem}.password-toggle-button{right:5px}}.password-toggle-button{position:absolute;right:10px;top:50%;cursor:pointer;display:flex;align-items:center;background:transparent;border:none;padding:0;box-shadow:none;transition:none}.password-toggle-button,.password-toggle-button:active,.password-toggle-button:hover{transform:translateY(-50%)}.input-container{width:100%}