.login{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.login-main{align-content:center;justify-items:center;gap:16px;padding:48px 16px;display:grid}.login-vak{border:1px solid var(--lijn);border-top:3px solid var(--blauw);border-radius:var(--r);background:#fff;width:100%;max-width:400px;padding:32px}.login-vak h1{font-size:22px}.login-sub{color:var(--mute);margin:4px 0 24px;font-size:14px}.login-form{gap:16px;display:grid}.wachtwoord{display:block;position:relative}.wachtwoord .invoer{padding-right:76px}.toon{border:0;border-left:1px solid var(--lijn-l);border-radius:0 var(--r)var(--r)0;min-width:64px;font:500 14px/1 var(--tekst);color:var(--blauw);cursor:pointer;background:#fff;position:absolute;top:1px;bottom:1px;right:1px}.toon:hover{background:var(--vlak)}.login-knop{width:100%;margin-top:8px}.login-hulp{max-width:400px;color:var(--mute);text-align:center;margin:0;font-size:14px}.login-voet{border-top:1px solid var(--lijn);color:var(--mute);background:#fff;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:16px 24px;font-size:13px;display:flex}.login-voet a{color:inherit}@media (max-width:760px){.login-main{align-content:start;padding:24px 16px}.login-vak{padding:24px 20px}.login-voet{padding:14px 16px}}