.login-component .credentials-login .remember{flex-flow:row;align-items:center;gap:.625rem;margin:.625rem 0;display:flex}.login-component .register-hint{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.25rem;margin-top:1rem;display:flex}.login-component .register-hint a,.login-component .register-hint span{font-size:.85em;font-weight:600}.login-component .register-hint a{color:var(--color-accent);text-decoration:underline}.login-component .register-hint a:hover{text-decoration:none}.login-component .spacer{background-color:var(--color-fg-secondary);height:1px;margin:1rem 0}.login-component .socials-login{flex-flow:row;justify-content:center;gap:1rem;display:flex}.login-component .socials-login button{background-color:var(--color-fg-tertiary);border:1px solid var(--color-border-primary);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background-color .3s;display:flex}.login-component .socials-login button:hover{background-color:rgba(var(--color-rgb-fg-primary), .15)}.login-component .socials-login button img,.login-component .socials-login button .image-fallback{object-fit:contain;object-position:center center;width:28px;min-width:28px;height:28px;min-height:28px}.account-info{flex-flow:column;gap:.25rem;display:flex}.account-info .account-name-wrapper{flex-flow:row;align-items:baseline;gap:.625rem;display:flex}.account-info button{margin-top:.25rem}
