@layer components{.k-login{background:var(--papier);min-height:100dvh;color:var(--tinte);padding:calc(env(safe-area-inset-top) + 24px) 16px calc(env(safe-area-inset-bottom) + 24px);place-items:center;display:grid}.k-login-inhalt{flex-direction:column;gap:20px;width:100%;max-width:400px;display:flex}.k-login-karte{flex-direction:column;gap:12px;padding:20px 16px 16px;display:flex}.k-login-block{flex-direction:column;gap:18px;display:flex}.k-login-zahl{background:var(--nebel);border-radius:14px;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.k-login-zahl .k-num{font-variant-numeric:tabular-nums;letter-spacing:.04em}.k-login-haken{background:var(--gruenspan-hell);width:44px;height:44px;color:var(--gruenspan);border-radius:999px;place-items:center;display:grid}.k-login-haken svg{width:22px;height:22px}.k-login-qr{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.k-login-qr>svg{border:1px solid var(--linie)}.k-login-hinweis{color:var(--schiefer);align-items:flex-start;gap:8px;padding-inline:4px;font-size:13px;line-height:18px;display:flex}.k-login-hinweis svg{flex:none;margin-top:1px}.k-login-dev{border-top:1px dashed var(--linie);flex-direction:column;gap:10px;padding-top:16px;display:flex}@media (min-width:1024px){.k-login-inhalt{max-width:460px}.k-login-karte{padding:24px}}}