@media screen and (max-width:1023px){.header--transparent{color:inherit}}.login-or-register{margin-left:auto;margin-right:auto;padding-left:var(--site-side-spacing);padding-right:var(--site-side-spacing);padding-top:3.375rem}@media screen and (min-width:768px){.login-or-register{padding-left:var(--site-side-spacing-md);padding-right:var(--site-side-spacing-md)}}@media screen and (min-width:1024px){.login-or-register{margin-bottom:7rem}}.login-or-register__container{position:relative}@media screen and (max-width:1023px){.login-or-register__container{min-height:100vh}}@media screen and (min-width:1024px){.login-or-register__container{overflow:hidden}}@media screen and (max-width:1023px){.container .login-or-register__container{background:none}}.login-or-register__background{display:none;position:relative;position:absolute;width:100%}@media screen and (min-width:1024px){.login-or-register__background{display:block}}.login-or-register__background .img{padding-bottom:56.25%}@media screen and (min-width:1024px){.login-or-register--has-background{background:var(--color-white);margin-left:auto;margin-right:auto;margin-top:7.5rem;max-width:37.75rem;padding:2.5rem;position:relative;width:100%}}@media screen and (min-width:1200px){.login-or-register--has-background{margin-bottom:13.125rem;margin-top:13.125rem;padding:2.5rem 4.5rem 2.75rem}}.login-or-register .errors,.login-or-register .errors a{color:var(--color-brand-negative)}.login-or-register .errors a{text-decoration:underline}.login-or-register .errors a:active,.login-or-register .errors a:focus,.login-or-register .errors a:hover{text-decoration:none}.login-or-register .form__actions{margin-top:1.5rem}.login-or-register .prevent-hashjump{font-size:.875rem;font-weight:400;line-height:1.125rem;margin-left:auto;text-transform:none}.login-or-register .field{margin-bottom:0;margin-top:1.5rem}@media screen and (min-width:1024px){.login-or-register #create_customer,.login-or-register #login{margin:3.375rem auto auto;max-width:20rem}}.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}@media screen and (min-width:1024px){#recover{margin-left:auto;margin-right:auto;max-width:20rem}}#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}@media screen and (min-width:1024px){.template-customers-register .login-or-register{top:50%}}