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

Form analysis 1 forms found in the DOM

Name: loginPOST 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&amp;execution=a9aef348-1a55-4ce5-a2d8-69e9f77e50f6&amp;client_id=merchant-portal&amp;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, &quot;Segoe UI&quot;, 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, &quot;Segoe UI&quot;, 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, &quot;Segoe UI&quot;, 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, &quot;Segoe UI&quot;, 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&amp;tab_id=vAQKkAjKeAY" style="border-radius: 2px; color: rgb(14, 14, 15); cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, 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, &quot;Segoe UI&quot;, 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, &quot;Segoe UI&quot;, 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, &quot;Segoe UI&quot;, 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, &quot;Segoe UI&quot;, 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, &quot;Segoe UI&quot;, 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