.signin-hr{height:0;width:65%;opacity:30%}#sign-in-container{height:100vh;padding:0 20px;box-sizing:border-box}#auth-container,#sign-in-container{width:100%;display:flex;justify-content:center;align-items:center}#auth-container{max-width:450px;height:auto;padding:5% 0;flex-direction:column;border-radius:10px;background-color:#000}#auth-container>img{width:80px;margin-bottom:20px}#auth-container>#auth-box{width:85%;height:auto;margin-top:5%}#auth-container>#auth-box>#our-creds{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.password-wrapper{width:100%;position:relative;margin-bottom:30px}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:20px;opacity:.7}#auth-container>#auth-box>#our-creds>input,.password-wrapper>input{width:100%;padding:18px 50px 18px 18px;background:hsla(0,0%,100%,.082);font-size:15px;color:#fff;border:none;border-radius:10px;box-sizing:border-box}#auth-container>#auth-box>#our-creds>input:focus,.password-wrapper>input:focus{outline:none}#auth-container>#auth-box>#our-creds>#sign-in-btn{cursor:pointer;width:100%;padding:20px;background-color:#fff;color:#000;font-weight:700;border-radius:10px;transition:opacity .5s ease,border-radius .5s ease}#auth-container>#auth-box>#our-creds>#sign-in-btn:hover{opacity:70%;border-radius:50px}#auth-container>#auth-box>#hr-container{width:100%;margin-top:50px;display:flex;justify-content:center;align-items:center}#auth-container>#auth-box>#hr-container>p{margin:0 15px;font-size:13px}#auth-container>#auth-box>#api-creds{width:100%;margin-top:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#auth-container>#auth-box>#api-creds>.api{cursor:pointer;width:100%;margin-top:18px;padding:18px;display:flex;align-items:center;background:hsla(0,0%,100%,.082);font-size:15px;color:#fff;border:none;border-radius:10px;transition:background-color .5s ease,color .5s ease}#auth-container>#auth-box>#api-creds>.api:hover{background-color:#fff;color:#000}#auth-container>#auth-box>#api-creds>.api>p{margin-left:20px}#auth-container>.create-account{margin-top:20px;text-align:center}#auth-container>.create-account>#create-acc{position:relative;cursor:pointer;transition:color .3s ease}#auth-container>.create-account>#create-acc:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background-color:currentColor;transition:width .3s ease-in-out}#auth-container>.create-account>#create-acc:hover:after{width:100%}.error-message{color:#f44;margin-top:20px;text-align:center;font-size:14px}@media screen and (max-width:600px){#sign-in-container{padding:0 15px}#auth-container{width:100%;padding:10% 0}#auth-container>#auth-box{width:90%}#auth-container>img{width:60px}#auth-container>#auth-box>#hr-container{margin-top:30px}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{outline:none;-webkit-background-clip:text;-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}