.login-or-register{margin-left:auto;margin-right:auto;max-width:24rem}@media screen and (min-width:768px){.login-or-register{margin-bottom:7rem}}.theme-teh .login-or-register .button--primary{font-size:.875rem}.theme-teh .login-or-register .button--link{font-family:var(--font-headings-bold-family);font-size:.75rem;font-weight:var(--font-headings-bold-weight);text-transform:uppercase}.login-or-register .form__submit-button{background-color:var(--color-brand-primary)}.theme-teh .login-or-register .form__submit-button{background-color:var(--color-brand-funnel);border-color:var(--color-brand-funnel);color:var(--color-brand-text-on-funnel)}.theme-so .login-or-register .form__submit-button{background-color:var(--color-brand-secondary);border-color:var(--color-brand-secondary)}.theme-so .login-or-register .form__submit-button:hover{background-color:var(--color-brand-secondary-dark);border-color:var(--color-brand-secondary-dark)}.login a{display:block;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login a[href="#login"],.login a[href="#recover"]{margin-left:0;margin-right:0}.login .field+a{margin-top:1rem}.login p{margin:1.5rem 0}.login h3{margin-top:1.5rem;text-align:center}#recover{display:none}#recover:target,#recover:target+div{display:block}#recover:target~#login,#recover:target~#login+div{display:none}.errors ul{font-size:.875rem;list-style:none;padding:0}