.login{max-width:87.5em;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--grid-x-unit);padding-right:var(--grid-x-unit);display:grid;grid-template-columns:1fr;grid-gap:calc(var(--grid-y-unit)*4) 0;margin-top:calc(var(--grid-y-unit)*2)}@media (min-width:50em){.login{padding-left:calc(var(--grid-x-unit)*2);padding-right:calc(var(--grid-x-unit)*2)}}@media (min-width:76em){.login{padding-left:calc(var(--grid-x-unit)*3);padding-right:calc(var(--grid-x-unit)*3)}}@media (min-width:87.5em){.login{padding-left:calc(var(--grid-x-unit)*4);padding-right:calc(var(--grid-x-unit)*4)}}@media (min-width:50em){.login{grid-template-columns:1fr 1fr;grid-gap:0 calc(var(--grid-x-unit)*4);margin-top:calc(var(--grid-y-unit)*8)}}.login__column{display:flex;align-items:center;flex-direction:column}.login__login,.login__recover,.login__register{width:100%}.login__login.is-hidden,.login__recover.is-hidden,.login__register.is-hidden{display:none}.login__heading{font-size:2rem}@media (min-width:50em){.login__heading{font-size:2.5rem}}@media (min-width:87.5em){.login__heading{font-size:3.5rem}}.login__register .button{margin-top:calc(var(--grid-y-unit)*4)}.account-card{margin-top:calc(var(--grid-y-unit)*2)}@media (min-width:50em){.account-card{margin-top:calc(var(--grid-y-unit)*6)}}@media (min-width:76em){.account-card{margin-top:calc(var(--grid-y-unit)*10)}}