:root, .af-custom-form-container .af-form {
          --primary-color: #B5E941;
        }
:root, .af-custom-form-container .af-form {
          --button-font-color: #1D4B00;
        }
:root {
          --secondary-button-border-color: #95958E;
          --social-button-border-color: #95958E;
          --radio-button-border-color: #95958E;
        }
:root {
          --secondary-button-text-color: #326916;
        }
:root {
          --link-color: #326916;
        }
:root {
          --title-font-color: #0C0C0B;
        }
:root {
          --font-default-color: #0C0C0B;
        }
:root {
          --widget-background-color: #ffffff;
        }
:root {
          --box-border-color: #ffffff;
        }
:root {
          --font-light-color: #77756F;
        }
:root {
          --input-text-color: #0C0C0B;
        }
:root {
          --input-border-color: #95958E;
          --border-default-color: #95958E;
        }
:root {
          --input-background-color: #ffffff;
        }
:root {
          --icon-default-color: #0C0C0B;
        }
:root {
          --error-color: #B30C0C;
          --error-text-color: #ffffff;
        }
:root {
          --success-color: #326916;
        }
:root {
          --base-focus-color: #0C0C0B;
          --transparency-focus-color: rgba(12,12,11, 0.15);
        }
:root {
          --base-hover-color: #000000;
          --transparency-hover-color: rgba(0,0,0, var(--hover-transparency-value));
        }

            @media (prefers-color-scheme: dark) {
              :root {
                --ulp-captcha-widget-theme: dark;
              }
            }
            @media (not (prefers-color-scheme: dark)) {
              :root {
                --ulp-captcha-widget-theme: light;
              }
            }

html, :root {
          font-size: 100%;
          --default-font-size: 1rem;
          --small-font-size: 0.75rem;
          --title-font-size: 1.5rem;
          --lg-font-size: 1rem;
          --xl-font-size: 1.25rem;
          --spacing: 0.5rem;
        }
        .af-custom-form-container .af-form {
          font-size: 1rem;
        }
body {
          --title-font-size: 1.125rem;
          --title-font-weight: var(--font-bold-weight);
        }
.cb6a66a8d {
          font-size: 0.875rem;
          font-weight: var(--font-default-weight);
        }
.c2568109f {
          font-size: 0.875rem;
          font-weight: var(--font-default-weight);
        }
        .ulp-passkey-benefit-heading {
          font-size: 1.025rem;
        }
.c5e5a5ca0, .c694062bf {
          font-size: 0.875rem;
          font-weight: var(--font-bold-weight);
        }
body {
          --ulp-label-font-size: 0.875rem;
          --ulp-label-font-weight: var(--font-default-weight);
        }
.c4d6eaf21, .c48ef479f, [id^='ulp-container-'] a {
          font-size: 0.875rem;
          font-weight: var(--font-bold-weight) !important;
        }
.c48ef479f, .c4d6eaf21 {
            text-decoration: underline;
          }
:root {
          --button-border-width: 1px;
          --social-button-border-width: 1px;
          --radio-border-width: 1px;
        }
body {
          --button-border-radius: 9999px;
          --radio-border-radius: 9999px;
        }

:root {
          --input-border-width: 1px;
        }
body {
          --input-border-radius: 8px;
        }

        .af-custom-form-container .af-form {
          --border-radius: 8px;
        }

:root {
          --border-radius-outer: 16px;
        }
:root {
          --box-border-width: 0px;
        }


            .c773f6fba {
              display: none;
            }

            body {
              --header-title-spacing: 0;
            }
          

          .c773f6fba {
            content: url('bimi-green.svg');
          }
        
body {
          --logo-height: 52px;
        }
        .c773f6fba {
          height: var(--logo-height);
        }
        

          body {
            --header-alignment: center;
          }
        

.c222a30a4 {
          --page-background-alignment: center;
        }
body {
          --page-background-color: #ffffff00;
        }


    


    /* By default, hide features for javascript-disabled browsing */
    /* We use !important to override any css with higher specificity */
    /* It is also overriden by the styles in <noscript> in the header file */
    .no-js {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }
  


    :root {
      --font-family:
          "Helvetica Neue", Helvetica, Arial, sans-serif !important;
      --button-height: 44px;
      --input-height: 44px;
      --font-bold-weight: 600;
    }
    :root[data-color-scheme="light"] {
      color-scheme: light;
      -webkit-color-scheme: light;
      -moz-color-scheme: light;
      /* NOTE: Do not define light mode variables here — theme JSON provides default light colors */
      /* NOTE: exception for page-background-color that is not inserted for html element, so hardcode it here */
      --page-background-color: #ffffff;

      /* Define Assets for Light Mode */
      --lock-icon-bg: url("bimi-green.svg");
      --error-icon-bg: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'><path d='M11 10C11 9.44772 11.4477 9 12 9 12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15 11.4477 15 11 14.5523 11 14V10ZM13 17C13 17.5523 12.5523 18 12 18 11.4477 18 11 17.5523 11 17 11 16.4477 11.4477 16 12 16 12.5523 16 13 16.4477 13 17Z' fill='%23D63A3A'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11.1345 3.49481C11.5197 2.82953 12.4802 2.82953 12.8654 3.49481L22.1309 19.499C22.5169 20.1656 22.0358 21 21.2655 21H2.73441C1.96407 21 1.48302 20.1656 1.86898 19.499L11.1345 3.49481ZM4.46885 19L12 5.99171L19.5311 19H4.46885Z' fill='%23B30C0C'/></svg>");
    }
    :root[data-color-scheme="light"] #password-security-popover {
      background-color: #F4F2EF;
      border: none;
    }
    :root[data-color-scheme="dark"] {
      color-scheme: dark;
      -webkit-color-scheme: dark;
      -moz-color-scheme: dark;
      --page-background-color: #121212;
      --widget-background-color: #1e1e1e;
      --font-default-color: #ffffff;
      --title-font-color: #ffffff;
      --font-light-color: #a1a1aa;
      --icon-default-color: #a1a1aa;
      --link-color: #b5e941;
      --base-focus-color: #b5e941;
      --transparency-focus-color: rgba(181, 233, 65, 0.15);
      --input-background-color: #2c2c2c;
      --input-border-color: #555555;
      --input-text-color: #ffffff;
      --input-label-color: #a1a1aa;
      --box-border-color: #333333;
      --secondary-button-border-color: #555555;
      --social-button-border-color: #555555;
      --radio-button-border-color: #555555;
      --error-color: #ff5a5f;
      --success-color: #4ade80;
      --ulp-captcha-widget-theme: dark;

      /* Define Assets for Dark Mode */
      --lock-icon-bg: url("bimi.svg");
      --error-icon-bg: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'><path d='M11 10C11 9.44772 11.4477 9 12 9 12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15 11.4477 15 11 14.5523 11 14V10ZM13 17C13 17.5523 12.5523 18 12 18 11.4477 18 11 17.5523 11 17 11 16.4477 11.4477 16 12 16 12.5523 16 13 16.4477 13 17Z' fill='%23ff5a5f'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11.1345 3.49481C11.5197 2.82953 12.4802 2.82953 12.8654 3.49481L22.1309 19.499C22.5169 20.1656 22.0358 21 21.2655 21H2.73441C1.96407 21 1.48302 20.1656 1.86898 19.499L11.1345 3.49481ZM4.46885 19L12 5.99171L19.5311 19H4.46885Z' fill='%23ff5a5f'/></svg>");
    }
    :root[data-color-scheme="dark"] .knz-header {
      border-bottom: 1px solid #555555;
    }
    @media (prefers-color-scheme: dark) {
      :root[data-color-scheme="system"] {
        color-scheme: dark;
        --page-background-color: #121212;
        --widget-background-color: #1e1e1e;
        --font-default-color: #ffffff;
        --title-font-color: #ffffff;
        --font-light-color: #a1a1aa;
        --icon-default-color: #a1a1aa;
        --link-color: #b5e941;
        --base-focus-color: #b5e941;
        --transparency-focus-color: rgba(181, 233, 65, 0.15);
        --input-background-color: #2c2c2c;
        --input-border-color: #555555;
        --input-text-color: #ffffff;
        --input-label-color: #a1a1aa;
        --box-border-color: #333333;
        --secondary-button-border-color: #555555;
        --social-button-border-color: #555555;
        --radio-button-border-color: #555555;
        --error-color: #ff5a5f;
        --success-color: #4ade80;
        --ulp-captcha-widget-theme: dark;

        /* System Dark Assets */
        --lock-icon-bg: url("bimi.svg");
        --error-icon-bg: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'><path d='M11 10C11 9.44772 11.4477 9 12 9 12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15 11.4477 15 11 14.5523 11 14V10ZM13 17C13 17.5523 12.5523 18 12 18 11.4477 18 11 17.5523 11 17 11 16.4477 11.4477 16 12 16 12.5523 16 13 16.4477 13 17Z' fill='%23ff5a5f'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11.1345 3.49481C11.5197 2.82953 12.4802 2.82953 12.8654 3.49481L22.1309 19.499C22.5169 20.1656 22.0358 21 21.2655 21H2.73441C1.96407 21 1.48302 20.1656 1.86898 19.499L11.1345 3.49481ZM4.46885 19L12 5.99171L19.5311 19H4.46885Z' fill='%23ff5a5f'/></svg>");
      }
      :root[data-color-scheme="dark"] .knz-header {
        border-bottom: 1px solid #555555;
      }
    }
    body {
      --logo-height: 30px;
    }
    html,
    body {
      background: var(--page-background-color);
      color: var(--font-default-color);
    }
    input,
    select,
    textarea {
      background: var(--input-background-color);
      border-color: var(--input-border-color);
      color: var(--input-text-color);
    }
    a {
      color: var(--link-color);
    }
    h1 {
      font-weight: var(--font-bold-weight);
    }
    .ulp-error-info[data-is-error="true"]::before,
    .ulp-input-error-icon {
      background-image: var(--error-icon-bg) !important;
    }
    .success-lock {
      --image: url("success.svg") !important;
      background-image: var(--image) !important;
      background-size: 118px !important;
      width: 140px !important;
      height: 140px !important;
      background-color: unset !important;
      -webkit-mask-image: none !important;
      mask-image: none !important;
    }
    #prompt-logo-center {
      display: none; /* not add !important — JS inline style and illustration rule must be able to override */
      margin-bottom: 24px;
    }
    html[data-illustration]:not([data-illustration=""]) #prompt-logo-center {
      display: block !important; /* keep !important - illustration is always shown in mobile/desktop - win over the desktop media query display: none !important */
      content: unset !important;
      height: 120px !important;
      max-height: 120px !important;
    }
    main._widget {
      /* Prevent sticky header to add vertical scroll */
      min-height: fit-content !important;
    }
    .knz-header {
      display: block;
      position: sticky;
      top: 0;
      z-index: 999;
      background: var(--widget-background-color);
      text-align: center;
      height: 50px;
      width: 100%;
      padding: 12px 0;
      border-bottom: 1px solid #dddbd5;
    }
    .knz-header__logo-link {
      display: none;
    }
    .knz-header__arrow {
      height: 24px;
    }
    .knz-header__back {
      display: inline-block;
      cursor: pointer;
      position: absolute;
      left: 0;
      margin-left: 12px;
      width: 24px;
      height: 24px;
      color: var(--link-color);
    }
    .knz-header__back svg {
      width: 100%;
      height: 100%;
      display: block;
    }
    .knz-header__help-link {
      position: absolute;
      right: 0;
      margin-right: 12px;
    }
    button[value^="back"] {
      width: 100%;
      min-height: var(--button-height);
      border: 2px solid var(--input-border-color);
      text-decoration: none;
    }
    #password-security-popover {
      border-radius: 8px;
    }
    @media (min-width: 601px) {
      :root {
        --prompt-width: 500px;
        --prompt-min-height: auto;
      }
      #prompt-logo-center {
        display: none !important; /* keep !important - KA logo is never displayed on desktop inside the widget */
      }
      .knz-header {
        height: 72px;
      }
      .knz-header__logo-link {
        display: inline-block;
        outline: none !important;
      }
      .knz-header__logo-img {
        height: 48px;
      }
      .knz-header__back {
        margin-top: 12px;
      }
      .knz-header__help-link {
        font-size: 14px;
        margin-top: 12px;
      }
    }
  
/* label parity fix — match live rendered state */
.c2d18a746 {
  color: var(--font-default-color) !important;
  line-height: 14px;
}
.ulp-field > label:first-child {
  color: var(--font-default-color) !important;
}