.login{display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:50rem;padding:0 1.5rem;font-family:var(--font-body-family)}.login__success{margin:2rem 0;padding:1.5rem;border-radius:2.4rem;background:rgba(var(--color-foreground),.04);text-align:center}.login__heading{margin-bottom:3rem;font-size:calc(var(--font-heading-scale) * 2.6rem);text-align:center;font-weight:500}.login__subheading{margin-bottom:3rem;text-align:center;color:rgba(var(--color-foreground),.75)}.login__form{display:flex;flex-direction:column;margin-bottom:3rem}.login__form .input{margin-bottom:2rem;height:4.5rem;min-height:4.5rem;padding:0 2rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:2.4rem;font-size:1.6rem;color:rgb(var(--color-foreground));background-color:transparent;width:100%;transition:border-color .3s ease}.login__form .input::placeholder{color:rgba(var(--color-foreground),.6)}.login__form .input:focus{border-color:rgb(var(--color-foreground));outline:none;box-shadow:none}.login__form .input--error{border-color:rgb(var(--color-error))}.login__error{margin-top:-1rem;margin-bottom:1.5rem;color:rgb(var(--color-error));font-size:1.4rem}.login__form .btn{margin-top:1rem;margin-bottom:1.5rem;padding:0 3rem;min-height:4.5rem;font-size:1.5rem;font-weight:500;letter-spacing:.1rem;border-radius:4rem;border:none;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));transition:opacity .3s ease}.btn--full{width:100%}.login__links{display:flex;flex-direction:column;gap:1.2rem;list-style:none;padding:0;margin:0;margin-top:.5rem}.login__links li{text-align:center}.login__links a{color:rgb(var(--color-link));text-decoration:none;transition:opacity .2s ease;font-size:1.4rem}.login__links a:hover{opacity:.8;text-decoration:underline}.login__main.hide{display:none}.form-message{margin-bottom:2rem;padding:1.2rem 2rem;border-radius:2.4rem;font-size:1.4rem}.form-message--error{background-color:rgba(var(--color-error),.07);color:rgb(var(--color-error));border:.1rem solid rgba(var(--color-error),.4)}.btn--primary:hover{opacity:.85}[data-toggle]{cursor:pointer}.hide{display:none}.contrast{animation:simple-appear .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes simple-appear{0%{opacity:0}to{opacity:1}}@media screen and (min-width: 750px){.login{padding:0}.login__links{flex-direction:row;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-login.css.map */