.signInFrame{position:relative;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);transform:translateY(-40px);width:90%;max-width:500px}@media (min-width:576px){.signInFrame{width:70%;padding:3rem}}.loginInput h4{font-size:24px;text-align:center;margin-bottom:2rem}.loginInput .inputItem{margin-bottom:1.4rem}.loginInput .inputItem label{display:block;color:#aaa}.loginInput .inputItem input{width:100%;outline:none;border:0;border-bottom:1px solid #aaa;font-size:20px;padding:.5rem 0}.loginInput .inputItem input:focus{border-bottom:1px solid var(--link-hover-color)}.loginInput .extra{display:flex;justify-content:space-between}.loginInput .submitBox{display:flex;flex-direction:column;align-items:center;margin-top:3rem}.loginInput .submitBox .submit{cursor:pointer;color:#fff;background-color:var(--link-hover-color);padding:.5rem;border:0;border-radius:4px;width:60%;min-width:120px;font-size:18px;font-weight:600}.loginInput .submitBox .submit:hover{background-color:var(--post-link-color)}.loginInput .submitBox .submit:disabled{background-color:var(--scrollbar-color)}.loginInput .submitBox a{margin-top:.5rem;padding:1rem 1rem 0}.loginInput .sr-only{color:#c65c8e;margin-top:1rem}