auth.playground.eu.portal.klarna.com
Open in
urlscan Pro
18.245.86.70
Public Scan
Submitted URL: http://portal.playground.klarna.com/
Effective URL: https://auth.playground.eu.portal.klarna.com/auth/realms/merchants/protocol/openid-connect/auth?client_id=merchant-portal&redirect_uri=https%...
Submission: On July 05 via manual from IN — Scanned from DE
Effective URL: https://auth.playground.eu.portal.klarna.com/auth/realms/merchants/protocol/openid-connect/auth?client_id=merchant-portal&redirect_uri=https%...
Submission: On July 05 via manual from IN — Scanned from DE
Form analysis
1 forms found in the DOMName: login — POST https://auth.playground.eu.portal.klarna.com/auth/realms/merchants/login-actions/authenticate?session_code=tj6HZtLrSpxufmXFnpYarao0o2ULQZzh8vTJgjco21s&execution=a9aef348-1a55-4ce5-a2d8-69e9f77e50f6&client_id=merchant-portal&tab_id=vAQKkAjKeAY
<form id="login" name="login" class="klarna-auth__fields" novalidate="" method="post"
action="https://auth.playground.eu.portal.klarna.com/auth/realms/merchants/login-actions/authenticate?session_code=tj6HZtLrSpxufmXFnpYarao0o2ULQZzh8vTJgjco21s&execution=a9aef348-1a55-4ce5-a2d8-69e9f77e50f6&client_id=merchant-portal&tab_id=vAQKkAjKeAY"
autocomplete="on">
<div id="username__root"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);">
<label for="username">
<div id="username__container"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: row; flex-shrink: 0; border-style: solid; border-width: 1px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; height: 60px; justify-content: space-between; padding: 15px; background-color: rgb(255, 255, 255); border-color: rgb(147, 150, 154); border-radius: 8px;">
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; align-self: center; margin-right: 15px;">
<div id="username__icon"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; align-self: center; height: 20px; left: -1px;">
<svg aria-hidden="true" focusable="false" role="img" height="20" width="20">
<g fill="none" fill-rule="evenodd" transform="translate(0, 0) scale(1)">
<path d="M17 16H3c-.551 0-1-.448-1-1V7.045l7.994 6.222L18 7.044V15c0 .552-.449 1-1 1Zm1-11.979c0 .307-.145.602-.386.79l-7.619 5.922-7.609-5.921A.996.996 0 0 1 2 4.022V4h16v.021ZM0 2v13c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3V2H0Z"
fill="rgba(95, 97, 99, 1)" style="transition: fill 0.2s ease 0s;"></path>
</g>
</svg></div>
</div>
<div id="username__text-wrapper"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 1; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; flex-grow: 0; top: -16px; width: 100%;">
<div id="username__label"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(255, 255, 255, 0); margin-left: -1px; pointer-events: none; margin-top: 16px; width: 100%; transition: margin-top 0.5s ease 0s;">
<span
style="max-width: 100%; color: rgb(95, 97, 99); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; margin-bottom: -30px; transition: font-size 0.5s ease 0s; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; text-size-adjust: none;">E-Mail</span>
</div><input aria-label="E-Mail" id="username" name="username" type="email" required="" value=""
style="background-color: transparent; border: none; box-sizing: border-box; outline: none; width: 100%; box-shadow: none; caret-color: rgb(14, 14, 15); color: rgb(14, 14, 15); -webkit-text-fill-color: rgb(14, 14, 15); opacity: 1; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0px; height: 60px; overflow: hidden; padding-left: 0px; padding-top: 18px; position: absolute; text-overflow: ellipsis; top: 0px; margin-left: -1px; margin-top: 2px; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; line-height: 17px;">
</div>
</div>
</label></div>
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(0, 0, 0, 0); width: 100%; height: 15px;">
</div>
<div id="password__root"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);">
<label for="password">
<div id="password__container"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: row; flex-shrink: 0; border-style: solid; border-width: 1px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; height: 60px; justify-content: space-between; padding: 15px; background-color: rgb(255, 255, 255); border-color: rgb(147, 150, 154); border-radius: 8px;">
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; align-self: center; margin-right: 15px;">
<div id="password__icon"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; align-self: center; height: 20px; left: -1px;">
<svg aria-hidden="true" focusable="false" role="img" height="20" width="20">
<g fill="none" fill-rule="evenodd" transform="translate(0, 0) scale(1)">
<path
d="M15.996 5.775A6 6 0 0 0 4 6v2H3v7.5l.003.227A3.1 3.1 0 0 0 3.6 17.4l1.1 1.4.126.157A3 3 0 0 0 7.1 20h5.8l.201-.007A3 3 0 0 0 15.3 18.8l1.1-1.4.127-.188A3.1 3.1 0 0 0 17 15.5V8h-1V6l-.004-.225ZM5 15.5V10h10v5.5l-.01.147a1.4 1.4 0 0 1-.19.553l-1.172 1.494A.9.9 0 0 1 12.9 18H7.1l-.119-.001A.9.9 0 0 1 6.3 17.6l-1.1-1.4-.07-.13A1.4 1.4 0 0 1 5 15.5ZM10 2a4 4 0 0 0-3.995 3.8L6 6v2h8V6a4 4 0 0 0-4-4ZM9 12v4h2v-4H9Z"
fill="rgba(95, 97, 99, 1)" style="transition: fill 0.2s ease 0s;"></path>
</g>
</svg></div>
</div>
<div id="password__text-wrapper"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 1; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; flex-grow: 0; top: -16px; width: 100%;">
<div id="password__label"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(255, 255, 255, 0); margin-left: -1px; pointer-events: none; margin-top: 16px; width: 100%; transition: margin-top 0.5s ease 0s;">
<span
style="max-width: 100%; color: rgb(95, 97, 99); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; margin-bottom: -30px; transition: font-size 0.5s ease 0s; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; text-size-adjust: none;">Passwort</span>
</div><input aria-label="Passwort" id="password" name="password" type="password" required="" value=""
style="background-color: transparent; border: none; box-sizing: border-box; outline: none; width: 100%; box-shadow: none; caret-color: rgb(14, 14, 15); color: rgb(14, 14, 15); -webkit-text-fill-color: rgb(14, 14, 15); opacity: 1; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0px; height: 60px; overflow: hidden; padding-left: 0px; padding-top: 18px; position: absolute; text-overflow: ellipsis; top: 0px; margin-left: -1px; margin-top: 2px; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; line-height: 17px;">
</div>
</div>
</label></div>
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(0, 0, 0, 0); width: 100%; height: 15px;">
</div>
<div style="text-align: center;">
<a tabindex="0" href="/auth/realms/merchants/login-actions/reset-credentials?client_id=merchant-portal&tab_id=vAQKkAjKeAY" style="border-radius: 2px; color: rgb(14, 14, 15); cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-weight: 400; outline: 0px; text-decoration: underline rgb(14, 14, 15); text-rendering: geometricprecision; transition: color 0.2s ease 0s; -webkit-font-smoothing: antialiased;">Passwort vergessen?</a>
</div>
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(0, 0, 0, 0); width: 100%; height: 30px;">
</div>
<div style="display: flex; flex-direction: column;"><button id="loginBtn" style="padding: 0px; margin: 0px; background-color: rgba(0, 0, 0, 0); border: none; cursor: pointer; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div
style="box-sizing: border-box; display: flex; align-items: center; flex-direction: row; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgb(14, 14, 15); border-radius: 8px; height: 50px; justify-content: center; padding-left: 26px; padding-right: 26px; transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s, color 0.2s ease 0s;">
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; margin-top: -1px;"><span
id="loginBtn__text"
style="max-width: 100%; color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 17px; letter-spacing: 0px; opacity: 1; transition: color 0.2s ease 0s; visibility: visible; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; text-size-adjust: none;">Anmelden</span>
</div>
</div>
</button></div>
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(0, 0, 0, 0); width: 100%; height: 15px;">
</div>
<div style="display: flex; flex-direction: row; align-items: baseline; justify-content: space-between;">
<div style="width: 46%;">
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 1px 0px 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; border-top-color: rgb(227, 229, 233); padding-bottom: 4px;">
</div>
</div>
<p
style="max-width: 40px; color: rgb(95, 97, 99); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0px; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-word; margin-bottom: 0px; margin-top: 0px; padding-bottom: 4px; padding-top: 1px; text-size-adjust: none;">
oder</p>
<div style="width: 46%;">
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 1px 0px 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; border-top-color: rgb(227, 229, 233); padding-bottom: 4px;">
</div>
</div>
</div>
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(0, 0, 0, 0); width: 100%; height: 15px;">
</div>
<div id="kc-social-providers" style="display: flex; flex-direction: column;">
<div style="display: flex; flex-direction: column;"><button id="zocial-Google" class="zocial google"
style="padding: 0px; margin: 0px; background-color: rgba(0, 0, 0, 0); border: none; cursor: pointer; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div
style="box-sizing: border-box; display: flex; align-items: center; flex-direction: row; flex-shrink: 0; border-style: solid; border-width: 1px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgb(255, 255, 255); border-color: rgb(14, 14, 15); border-radius: 8px; height: 50px; justify-content: center; padding-left: 25px; padding-right: 25px; transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s, color 0.2s ease 0s;">
<div id="zocial-Google__icon-wrapper"
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; padding-right: 10px;">
<svg aria-hidden="true" width="18" height="18" viewBox="0 0 18 18" class="svg-icon" preserveAspectRatio="xMinYMin meet">
<path d="M16.51 8H8.98v3h4.3c-.18 1-.74 1.48-1.6 2.04v2.01h2.6a7.8 7.8 0 0 0 2.38-5.88c0-.57-.05-.66-.15-1.18Z" fill="#4285F4"></path>
<path d="M8.98 17c2.16 0 3.97-.72 5.3-1.94l-2.6-2a4.8 4.8 0 0 1-7.18-2.54H1.83v2.07A8 8 0 0 0 8.98 17Z" fill="#34A853"></path>
<path d="M4.5 10.52a4.8 4.8 0 0 1 0-3.04V5.41H1.83a8 8 0 0 0 0 7.18l2.67-2.07Z" fill="#FBBC05"></path>
<path d="M8.98 4.18c1.17 0 2.23.4 3.06 1.2l2.3-2.3A8 8 0 0 0 1.83 5.4L4.5 7.49a4.77 4.77 0 0 1 4.48-3.3Z" fill="#EA4335"></path>
</svg></div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; margin-top: -1px;">
<span id="zocial-Google__text"
style="max-width: 100%; color: rgb(14, 14, 15); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 17px; letter-spacing: 0px; opacity: 1; transition: color 0.2s ease 0s; visibility: visible; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; text-size-adjust: none;">Einloggen
mit Google</span></div>
</div>
</button>
<div
style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(0, 0, 0, 0); width: 100%; height: 15px;">
</div>
</div>
</div>
<div style="display: flex; align-items: center; justify-content: center; flex-direction: column;"><span
style="max-width: 100%; margin: 0px; padding: 0px; box-sizing: border-box; flex-shrink: 0; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; word-break: break-word; text-align: center; direction: ltr; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 17px; letter-spacing: 0px; color: rgb(95, 97, 99); text-size-adjust: none;">Durch
das Anmelden akzeptieren Sie unsere
<a tabindex="0" href="https://portal.playground.klarna.com/privacy-policy" target="_blank" rel="noopener noreferrer" style="max-width: 100%; margin: 0px; padding: 0px; box-sizing: border-box; flex-shrink: 0; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; word-break: break-word; text-align: center; direction: ltr; text-decoration-line: underline; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 17px; letter-spacing: 0px; color: rgb(14, 14, 15); outline: 0px; cursor: pointer; text-size-adjust: none;">Datenschutzrichtlinie..</a>
</span></div>
<div data-testid="recaptchav2"></div><input id="captcha-token" name="captcha-token" type="hidden" data-testid="recaptchav3" value="">
</form>
Text Content
Playground environment ANMELDEN E-Mail Passwort Passwort vergessen? Anmelden oder Einloggen mit Google Durch das Anmelden akzeptieren Sie unsere Datenschutzrichtlinie.. Copyright © 2005-2024 Klarna Bank AB (publ). All rights reserved. AGB. Privacy Policy This site is protected by reCAPTCHA and the Google Privacy Policy und Terms of Service apply. YOUR PRIVACY When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device, and is mostly used to make the site work as you expect it to. The information doesn't usually directly identify you, but it can give you a more personalized experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we're able to offer. More information Allow All MANAGE CONSENT PREFERENCES NECESSARY TRACKING TECHNOLOGIES Always Active These tracking technologies are necessary for the website to function and can’t be switched off in our systems. You can set your browser to block or alert you about these tracking technologies, but it could result in parts of the site not working properly. Back Button PERFORMANCE COOKIES Vendor Search Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Save Settings We use cookies to make the website work, personalize content and ads, and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. More information Required only Allow all Manage Details