/**
* @fileOverview PayPal.com Icons Fonts
* @name icons_fonts.less
* @author eshadeed


NOTE: I had to add timestamp to the fonts because of caching bug could not resolved,
      we do not need to do the same if we decide to move this code to another css file,
      if we do, then remove the timestamp text "&_=999999"

      */
/* Commenting out the font icon family we currently aren't using but may need in the future */
/*@font-face{
    font-family: 'ppf-actions';
    src: url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Actions-@{version}.eot?-acnm6v&_=999999');
    src: url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Actions-@{version}.eot?#iefix-acnm6v') format('embedded-opentype'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Actions-@{version}.woff?-acnm6v&_=999999') format('woff'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Actions-@{version}.ttf?-acnm6v&_=999999') format('truetype'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Actions-@{version}.svg?-acnm6v&_=999999#ppf-actions') format('svg');
}
@font-face{
    font-family: 'ppf-features';
    src: url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Features-@{version}.eot?-acnm6v&_=999999');
    src: url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Features-@{version}.eot?#iefix-acnm6v') format('embedded-opentype'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Features-@{version}.woff?-acnm6v&_=999999') format('woff'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Features-@{version}.ttf?-acnm6v&_=999999') format('truetype'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Features-@{version}.svg?-acnm6v&_=999999#ppf-features') format('svg');
}
@font-face{
    font-family: 'ppf-media';
    src: url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Media-@{version}.eot?-acnm6v&_=999999');
    src: url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Media-@{version}.eot?#iefix-acnm6v&_=999999') format('embedded-opentype'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Media-@{version}.woff?-acnm6v&_=999999') format('woff'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Media-@{version}.ttf?-acnm6v&_=999999') format('truetype'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Media-@{version}.svg?-acnm6v&_=999999#ppf-media') format('svg');
}
@font-face{
    font-family: 'ppf-misc';
    src: url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Misc-@{version}.eot?-acnm6v&_=999999');
    src: url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Misc-@{version}.eot?#iefix-acnm6v') format('embedded-opentype'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Misc-@{version}.woff?-acnm6v&_=999999') format('woff'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Misc-@{version}.ttf?-acnm6v&_=999999') format('truetype'),
         url('@{resources-url}/mktg/2014design/fonts/@{version}/PP-Misc-@{version}.svg?-acnm6v&_=999999#ppf-misc') format('svg');
}*/
@font-face {
    font-family: 'ppf-utility';
    src: url('PP-Utility-v1.1.eot?-acnm6v&_=999999');
    src: url('PP-Utility-v1.1.eot?#iefix-acnm6v') format('embedded-opentype'), url('PP-Utility-v1.1.woff?-acnm6v&_=999999') format('woff'), url('PP-Utility-v1.1.ttf?-acnm6v&_=999999') format('truetype'), url('PP-Utility-v1.1.svg?-acnm6v&_=999999#ppf-utility') format('svg');
  }
  @font-face {
    font-family: 'ppf-web';
    src: url('PP-Web-v1.1.eot?-acnm6v&_=999999');
    src: url('PP-Web-v1.1.eot?#iefix-acnm6v') format('embedded-opentype'), url('PP-Web-v1.1.woff?-acnm6v&_=999999') format('woff'), url('PP-Web-v1.1.ttf?-acnm6v&_=999999') format('truetype'), url('PP-Web-v1.1.svg?-acnm6v&_=999999#ppf-web') format('svg');
  }
  .ppf,
  .ppfPseudo:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*&.actions, &.action {
          font-family: 'ppf-actions', @defaultIcons;
      }
      &.features, &.feature {
          font-family: 'ppf-features', @defaultIcons;
      }
      &.media {
          font-family: 'ppf-media', @defaultIcons;
      }
      &.misc {
          font-family: 'ppf-misc', @defaultIcons;
      }*/
  }
  .lower-than-ie9 .ppf,
  .lower-than-ie9 .ppfPseudo:before {
    display: none;
  }
  .ppf.utility,
  .ppfPseudo:before.utility {
    font-family: 'ppf-utility', Helvetica Neue, Arial, sans-serif;
  }
  .ppf.web,
  .ppfPseudo:before.web {
    font-family: 'ppf-web', Helvetica Neue, Arial, sans-serif;
  }
  /* Use the this class when you want the icon font to be placed on the pseudo element :before rather than on the element
  itself. Create your own class:before to declare which icon you want to use. For example if you have the following
  code:
  
  <button class="ppfPseudo utility iconEmail>Do something</button>
  
  - The ppfPseudo class will place the icon font on the :before pseudo element.
  - The utility class specifies the icon of the utility category found here:
  https://mppnodeweb-staging-10.qa.paypal.com/us/webapps/mpp/fonts-setup#fonts-demo
  - The iconEmail class will specify which icon I want to use, something like this:
  
      .iconEmail::before {
          content: "n";
          position: absolute;
          top: -5px;
          right: -3px;
          text-indent: 0;
          font-size: 50px;
      }
  
  The 'Do something' text can be hidden with the text-indent property like so:
  
      iconEmail {
          text-indent: -9999em;
          direction: ltr;
      }
  
  */
  .ppfPseudo.utility {
    font-family: 'ppf-utility', Helvetica Neue, Arial, sans-serif;
  }
  .ppfPseudo.web {
    font-family: 'ppf-web', Helvetica Neue, Arial, sans-serif;
  }
  /**
   * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE.
   * PLEASE NOTE: If you have specific icon needs, place them in your project's own Less file.
  */
  @font-face {
    font-family: 'paypal-icons';
    src: url('webstatic/fnt/cweb/paypal-icons_1-0-3/PayPalIcons-Regular.eot');
    /* IE9 Compat Modes */
    src: url('webstatic/fnt/cweb/paypal-icons_1-0-3/PayPalIcons-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webstatic/fnt/cweb/paypal-icons_1-0-3/PayPalIcons-Regular.woff') format('woff'), /* Modern Browsers */ url('webstatic/fnt/cweb/paypal-icons_1-0-3/PayPalIcons-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('webstatic/fnt/cweb/paypal-icons_1-0-3/PayPalIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
  }
  .iconFont,
  .iconFontPseudo:before {
    font-family: 'paypal-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .lower-than-ie9 .iconFont,
  .lower-than-ie9 .iconFontPseudo:before {
    display: none;
  }
  .icon-small:before {
    font-size: 1.58rem;
  }
  .icon-medium:before {
    font-size: 2.6rem;
  }
  .icon-large:before {
    font-size: 7.8rem;
  }
  .icon-burger-small:before {
    content: "\e000";
  }
  .icon-slider-small:before {
    content: "\e001";
  }
  .icon-slider-half-small:before {
    content: "\e002";
  }
  .icon-close-small:before {
    content: "\e003";
  }
  .icon-add-small:before {
    content: "\e004";
  }
  .icon-arrow-down-small:before {
    content: "\e005";
  }
  .icon-arrow-up-small:before {
    content: "\e006";
  }
  .icon-arrow-left-small:before {
    content: "\e007";
  }
  .icon-arrow-right-small:before {
    content: "\e008";
  }
  .icon-arrow-down-half-small:before {
    content: "\e009";
  }
  .icon-arrow-up-half-small:before {
    content: "\e010";
  }
  .icon-arrow-left-half-small:before {
    content: "\e011";
  }
  .icon-arrow-right-half-small:before {
    content: "\e012";
  }
  .icon-clear-half-small:before {
    content: "\e013";
  }
  .icon-checkmark-small:before {
    content: "\e014";
  }
  .icon-checkmark-small-bold:before {
    content: "\e015";
  }
  .icon-action-arrow-half-small:before {
    content: "\e016";
  }
  .icon-tooltip-outline-small:before {
    content: "\e017";
  }
  .icon-tooltip-small:before {
    content: "\e018";
  }
  .icon-info-small:before {
    content: "\e019";
  }
  .icon-positive-small:before {
    content: "\e020";
  }
  .icon-attention-small:before {
    content: "\e021";
  }
  .icon-critical-small:before {
    content: "\e022";
  }
  .icon-info-large:before {
    content: "\e023";
  }
  .icon-positive-large:before {
    content: "\e024";
  }
  .icon-attention-large:before {
    content: "\e025";
  }
  .icon-critical-large:before {
    content: "\e026";
  }
  .icon-paypal-select-logo:before {
    content: "\e027";
  }
  .icon-select-logo:before {
    content: "\e028";
  }
  .icon-pp-logo:before {
    content: "\e029";
  }
  .icon-visa-logo:before {
    content: "\e030";
  }
  .icon-mastercard-logo:before {
    content: "\e031";
  }
  .icon-maestro-logo:before {
    content: "\e032";
  }
  .icon-amex-logo:before {
    content: "\e033";
  }
  .icon-discover-logo:before {
    content: "\e034";
  }
  .icon-card-half-solid:before {
    content: "\e035";
  }
  .icon-bank-half-solid:before {
    content: "\e036";
  }
  .icon-profile-large:before {
    content: "\e037";
  }
  .icon-profile-add-large:before {
    content: "\e038";
  }
  .icon-notification-small:before {
    content: "\e039";
  }
  .icon-settings-small:before {
    content: "\e040";
  }
  .icon-profile-small:before {
    content: "\e041";
  }
  .icon-funnel-small:before {
    content: "\e042";
  }
  .icon-delete-small:before {
    content: "\e043";
  }
  .icon-edit-small:before {
    content: "\e044";
  }
  .icon-lock-small:before {
    content: "\e045";
  }
  .icon-pdf-small:before {
    content: "\e046";
  }
  .icon-contact-small:before {
    content: "\e047";
  }
  .icon-undo-small:before {
    content: "\e048";
  }
  .icon-cancel-small:before {
    content: "\e049";
  }
  .icon-simple-list-small:before {
    content: "\e050";
  }
  .icon-detailed-list-small:before {
    content: "\e051";
  }
  .icon-print-small:before {
    content: "\e052";
  }
  .icon-camera-small:before {
    content: "\e053";
  }
  .icon-send-money:before {
    content: "\e500";
  }
  .icon-request-money:before {
    content: "\e501";
  }
  .icon-photo:before {
    content: "\e502";
  }
  .icon-gift-cards:before {
    content: "\e503";
  }
  .icon-credit-card:before {
    content: "\e504";
  }
  .icon-truck:before {
    content: "\e505";
  }
  .icon-email:before {
    content: "\e506";
  }
  .icon-email-solid:before {
    content: "\e507";
  }
  .icon-bank-check:before {
    content: "\e508";
  }
  .icon-calendar:before {
    content: "\e509";
  }
  .icon-holiday:before {
    content: "\e510";
  }
  .icon-gift:before {
    content: "\e511";
  }
  .icon-wallet:before {
    content: "\e512";
  }
  .icon-play-video:before {
    content: "\e513";
  }
  .icon-heart:before {
    content: "\e514";
  }
  .icon-shield:before {
    content: "\e515";
  }
  .icon-tunes:before {
    content: "\e516";
  }
  .icon-invoice:before {
    content: "\e517";
  }
  .icon-shopping-bag:before {
    content: "\e518";
  }
  .icon-phone:before {
    content: "\e519";
  }
  .icon-phone-solid:before {
    content: "\e520";
  }
  .icon-tag:before {
    content: "\e521";
  }
  .icon-delivery:before {
    content: "\e522";
  }
  .icon-questionmark:before {
    content: "\e523";
  }
  .icon-cut-coupons:before {
    content: "\e524";
  }
  .icon-register:before {
    content: "\e525";
  }
  .icon-house:before {
    content: "\e526";
  }
  .icon-gift-card:before {
    content: "\e527";
  }
  .icon-messages:before {
    content: "\e528";
  }
  /** method responsible for loading the background image set in CSS **/
  @-webkit-keyframes rotation {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-moz-keyframes rotation {
    from {
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -moz-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-o-keyframes rotation {
    from {
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -o-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  /* Transform */
  @-webkit-keyframes rightToLeft {
    0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
  }
  @-moz-keyframes rightToLeft {
    0% {
      -moz-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      -moz-transform: translateX(0%);
      transform: translateX(0%);
    }
  }
  @-o-keyframes rightToLeft {
    0% {
      -o-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      -o-transform: translateX(0%);
      transform: translateX(0%);
    }
  }
  /*Paypal Sans Big*/
  @font-face {
    font-family: "pp-sans-big-bold";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Bold.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Bold.eot?#iefix") format("embedded-opentype"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Bold.woff") format("woff"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Bold.svg") format("svg");
  }
  @font-face {
    font-family: "pp-sans-big-light";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Light.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Light.eot?#iefix") format("embedded-opentype"), url("paypal-ui/fonts/PayPalSansBig-Light.woff2") format("woff2"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Light.svg") format("svg");
  }
  @font-face {
    font-family: "pp-sans-big-medium";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Medium.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Medium.eot?#iefix") format("embedded-opentype"), url("paypal-ui/fonts/PayPalSansBig-Medium.woff2") format("woff2"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Medium.svg") format("svg");
  }
  @font-face {
    font-family: "pp-sans-big-regular";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Regular.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Regular.eot?#iefix") format("embedded-opentype"), url("paypal-ui/fonts/PayPalSansBig-Regular.woff2") format("woff2"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Regular.svg") format("svg");
  }
  @font-face {
    font-family: "pp-sans-big-thin";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Thin.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Thin.eot?#iefix") format("embedded-opentype"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Thin.woff") format("woff"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansBig-Thin.svg") format("svg");
  }
  /*Paypal Sans Small-------------------------------------*/
  @font-face {
    font-family: "pp-sans-small-bold";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Bold.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Bold?#iefix") format("embedded-opentype"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Bold.woff") format("woff"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Bold.svg") format("svg");
  }
  @font-face {
    font-family: "pp-sans-small-light";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Light.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Light.eot?#iefix") format("embedded-opentype"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Light.woff") format("woff"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Light.svg") format("svg");
  }
  @font-face {
    font-family: "pp-sans-small-medium";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Medium.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Medium.eot?#iefix") format("embedded-opentype"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Medium.woff") format("woff"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Medium.svg") format("svg");
  }
  @font-face {
    font-family: "pp-sans-small-regular";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Regular.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Regular.eot?#iefix") format("embedded-opentype"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Regular.woff") format("woff"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Regular.svg") format("svg");
  }
  @font-face {
    font-family: "pp-sans-small-thin";
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Thin.eot");
    src: url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Thin.eot?#iefix") format("embedded-opentype"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Thin.woff") format("woff"), url("webstatic/mktg/2014design/font/PP-Sans/PayPalSansSmall-Thin.svg") format("svg");
  }
  @font-face {
    font-family: "pp-open-bold";
    src: url('paypal-ui/fonts/PayPalOpen-Bold.woff2') format('woff2'), url('paypal-ui/fonts/PayPalOpen-Bold.woff') format('woff');
  }
  @font-face {
    font-family: "pp-open-regular";
    src: url('paypal-ui/fonts/PayPalOpen-Regular.woff2') format('woff2'), url('paypal-ui/fonts/PayPalOpen-Regular.woff') format('woff');
  }
  /*------------------------*/
  .pp-sans-big-bold {
    font-family: "pp-sans-big-bold", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .pp-sans-big-light {
    font-family: "pp-sans-big-light", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .pp-sans-big-medium {
    font-family: "pp-sans-big-medium", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .pp-sans-big-regular {
    font-family: "pp-sans-big-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .pp-open-bold {
    font-family: "pp-open-bold", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
  }
  .pp-open-regular {
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
  }
  /*SMALL-------*/
  .pp-sans-small-bold {
    font-family: "pp-sans-small-bold", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .pp-sans-small-light {
    font-family: "pp-sans-small-light", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .pp-sans-small-medium {
    font-family: "pp-sans-small-medium", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .pp-sans-small-regular {
    font-family: "pp-sans-small-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .pp-sans-small-thin {
    font-family: "pp-sans-small-thin", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  /* Lib */
  .main .headContainer {
    margin-bottom: 10px;
  }
  .injectedUlLayout {
    display: block !important;
  }
  /* mobile ---- */
  /* On mobile phones, html and body tags will have the mobile class attached */
  html.mobile,
  body.mobile {
    height: 100%;
  }
  @media all and (max-width: 767px) {
    * {
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
    }
    header.headContainer {
      width: 100%;
    }
  }
  a.button,
  a.button:link,
  a.button:visited,
  .button {
    width: 100%;
    min-width: 6rem;
    padding: 0.75rem 2rem;
    border: 0 solid #0544b5;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0544b5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    cursor: pointer;
    margin: 0%;
    color: #fff;
    font-size: 1.06666667em;
    text-align: center;
    font-weight: 500;
    text-shadow: none;
    text-decoration: none;
    transition: color 0.2s ease 0s, background-color 0.2s ease 0s, border-color 0.2s ease 0s, box-shadow 0.2s ease 0s;
    -webkit-font-smoothing: antialiased;
    position: relative;
    line-height: 21px;
    -webkit-border-image: none;
    border-image: none;
    appearance: button;
    overflow: visible;
  }
  a.button:focus,
  a.button:link:focus,
  a.button:visited:focus,
  .button:focus {
    outline: none;
    border: 4px solid var(--sys-structure-focus, #097FF5);
  }
  a.button:hover,
  a.button:link:hover,
  a.button:visited:hover,
  .button:hover {
    background-color: #0070E0;
    border-color: #0070E0;
  }
  a.button.active,
  a.button:link.active,
  a.button:visited.active,
  .button.active,
  a.button:active,
  a.button:link:active,
  a.button:visited:active,
  .button:active {
    background-color: #003087;
    border-color: #003087;
    outline: none;
  }
  a.button.secondary,
  a.button:link.secondary,
  a.button:visited.secondary,
  .button.secondary {
    background-color: #F1F2F3;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-color: transparent;
    color: #001435;
    border: 0.0625rem solid #001435;
    box-shadow: transparent 0px 0px 0px 0.0625rem inset;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  }
  a.button.secondary:hover,
  a.button:link.secondary:hover,
  a.button:visited.secondary:hover,
  .button.secondary:hover {
    background: transparent;
    border-color: #0070E0;
    box-shadow: none;
    color: #0544b5;
    color: #0070E0;
  }
  a.button.secondary:active,
  a.button:link.secondary:active,
  a.button:visited.secondary:active,
  .button.secondary:active {
    color: #003087;
    border-color: #003087;
  }
  a.button.secondary:focus,
  a.button:link.secondary:focus,
  a.button:visited.secondary:focus,
  .button.secondary:focus {
    background: transparent;
    border-color: #0070E0;
    box-shadow: none;
    color: #0544b5;
    outline: none;
    box-shadow: transparent 0px 0px 0px 0.0625rem inset;
    border-color: #0544b5;
  }
  a.button,
  a.button:link,
  a.button:visited {
    padding: 11px;
  }
  .buttonMoreAccessible {
    background: #005583;
  }
  .buttonMoreAccessible:hover,
  .buttonMoreAccessible:focus {
    background: #004165;
  }
  .actionsSpaced {
    margin-top: 30px;
  }
  .actionsSpacedShort {
    margin-top: 20px;
  }
  /* Button as link style */
  .buttonAsLink {
    color: #0079ad;
  }
  .buttonAsLink button,
  .buttonAsLink input[type="submit"] {
    display: inline;
    overflow: visible;
    border: 0;
    padding: 0;
    background: none;
    color: #0070E0;
    font-family: HelveticaNeue-Medium, "Helvetica Neue Medium", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    text-align: left;
    text-decoration: none;
    vertical-align: baseline;
    cursor: pointer;
    box-shadow: none;
  }
  .buttonAsLink::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .buttonAsLink:hover,
  .buttonAsLink :focus {
    text-decoration: underline;
    outline: none;
  }
  .button {
    font-family: "pp-open-bold", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
    font-size: 100%;
    border-radius: 100px;
    height: 48px;
  }
  /**
   * @fileOverview textInput styles.
   * @name textInput.less
   * @tested ?
   */
  ::-webkit-input-placeholder {
    font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6c7378;
    text-align: left;
  }
  :-moz-placeholder {
    /* Firefox 18- */
    font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6c7378;
    text-align: left;
  }
  ::-moz-placeholder {
    /* Firefox 19+ */
    font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6c7378;
    text-align: left;
  }
  :-ms-input-placeholder {
    font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6c7378;
    text-align: left;
  }
  .fieldWrapper {
    position: relative;
    z-index: 2;
    width: 100%;
  }
  .errorMessage {
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    opacity: 1;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    background: #fff;
    border-top: hidden;
    transition: all 0.2s ease-out;
  }
  .errorMessage p {
    margin: 0;
    color: #545D68;
    font-weight: 400;
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 20px;
    background-image: url(webstatic/i/consumer/onboarding/sprite_form_2x.png);
    background-origin: padding-box;
    background-position: top -420px right 10px;
    background-position-x: left;
    padding-left: 28px;
    background-size: 25px;
    background-repeat: no-repeat;
    /* width of the image plus a little extra padding */
    padding-bottom: 2px;
    padding-top: 2px;
    float: left;
  }
  .errorMessage.show {
    display: flex;
    position: relative;
    padding: 5px 0px 0px 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    height: auto;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    text-align: left;
    font-weight: 400;
  }
  .clearInput {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
    margin: 0;
    padding: 0;
    background: #ccc;
    text-indent: -99999em;
    direction: ltr;
  }
  .lower-than-ie10 .clearInput {
    top: 31px;
  }
  .clearInput:before {
    content: 'X';
    position: absolute;
    top: 0;
    left: 4px;
    text-indent: 0;
  }
  .ie .clearInput:before {
    top: 2px;
  }
  .clearInput:focus,
  .clearInput:hover {
    background: #999;
  }
  .hasError .clearInput,
  .no-js .clearInput {
    display: none;
  }
  #splitEmailSection .fieldWrapper #email {
    min-height: 64px;
    line-height: 24px;
    border: none;
  }
  #splitEmailSection .fieldWrapper:hover {
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    border: 0.0625rem solid #1040c1;
    border-radius: 4px;
  }
  #splitEmailSection .fieldWrapper {
    border: 0.0625rem solid #9198A0;
    border-radius: 4px;
  }
  #splitEmailSection .fieldWrapper:focus {
    box-shadow: #ffffff 0px 0px 0px 0.125rem;
    outline-offset: 0.125rem;
    outline: #097ff5 solid 0.125rem;
  }
  .textInput {
    position: relative;
    appearance: none;
    /* For IE 11: the errorMessage div can be seen from under the input div, so using this to hide it */
    /* Hide spinner in inputs with type=number in Chrome/FF/Safari */
  }
  .textInput .fieldWrapper {
    margin-bottom: 16px;
  }
  .textInput input[type="text"]::-webkit-input-placeholder {
    color: transparent;
  }
  .textInput input[type="text"]:-moz-placeholder {
    color: transparent;
  }
  .textInput input[type="text"]::-moz-placeholder {
    color: transparent;
  }
  .textInput input[type="text"]:-ms-input-placeholder {
    color: transparent;
  }
  .textInput .fieldWrapper:before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }
  .textInput.hasError input {
    border: 0.0625rem solid #d9360b;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .textInput.hasError input:-moz-placeholder {
    color: #999;
  }
  .textInput.hasError input::-moz-placeholder {
    color: #999;
  }
  .textInput.hasError input:-ms-input-placeholder {
    color: #999;
  }
  .textInput.hasError input::-webkit-input-placeholder {
    color: #999;
  }
  .textInput.hasError input:focus,
  .textInput.hasError input:active {
    border: 0.0625rem solid #d9360b;
    box-shadow: inset 0 0 0 0.0625rem #d9360b, 0 0 0 0.375rem rgba(217, 54, 11, 0.16), inset 0 0 0 1px #d9360b, 0 0 0 1px #d9360b;
  }
  .textInput.hasError input:focus:-moz-placeholder,
  .textInput.hasError input:active:-moz-placeholder {
    color: #9B989B;
  }
  .textInput.hasError input:focus::-moz-placeholder,
  .textInput.hasError input:active::-moz-placeholder {
    color: #9B989B;
  }
  .textInput.hasError input:focus:-ms-input-placeholder,
  .textInput.hasError input:active:-ms-input-placeholder {
    color: #9B989B;
  }
  .textInput.hasError input:focus::-webkit-input-placeholder,
  .textInput.hasError input:active::-webkit-input-placeholder {
    color: #9B989B;
  }
  .textInput.hasError input {
    padding-top: 20px;
  }
  .textInput.hasError input:placeholder-shown {
    font-size: 1rem;
  }
  .textInput.hasError input[type="email"]::-webkit-input-placeholder {
    color: transparent;
  }
  .textInput.hasError input[type="email"]:-moz-placeholder {
    color: transparent;
  }
  .textInput.hasError input[type="email"]::-moz-placeholder {
    color: transparent;
  }
  .textInput.hasError input[type="email"]:-ms-input-placeholder {
    color: transparent;
  }
  .textInput.hasError input[type="email"]:focus ~ .fieldLabel,
  .textInput.hasError input[type="email"]:not(:focus):valid ~ .fieldLabel,
  .textInput.hasError input[type="email"]:not(:placeholder-shown) ~ .fieldLabel {
    top: 8px;
    bottom: 10px;
    left: 10px;
    font-size: 14px;
    height: 30px;
    width: 400px;
    clip: unset;
    opacity: 1;
  }
  .textInput.hasError [for="email"].fieldLabel {
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 18px;
    transition: 0.2s ease all;
    height: 30px;
    width: 400px;
    clip: unset;
  }
  .textInput.hasError input[type="password"]::-webkit-input-placeholder {
    color: transparent;
  }
  .textInput.hasError input[type="password"]:-moz-placeholder {
    color: transparent;
  }
  .textInput.hasError input[type="password"]::-moz-placeholder {
    color: transparent;
  }
  .textInput.hasError input[type="password"]:-ms-input-placeholder {
    color: transparent;
  }
  .textInput.hasError input[type="password"]:focus ~ .fieldLabel,
  .textInput.hasError input[type="password"]:not(:focus):valid ~ .fieldLabel,
  .textInput.hasError input[type="password"]:not(:placeholder-shown) ~ .fieldLabel {
    top: 8px;
    bottom: 10px;
    left: 10px;
    font-size: 14px;
    height: 30px;
    width: 400px;
    clip: unset;
    opacity: 1;
  }
  .textInput.hasError input[type="text"]:focus ~ .fieldLabel,
  .textInput.hasError input[type="text"]:not(:focus):valid ~ .fieldLabel,
  .textInput.hasError input[type="text"]:not(:placeholder-shown) ~ .fieldLabel {
    top: 8px;
    bottom: 10px;
    left: 10px;
    font-size: 14px;
    height: 30px;
    width: 400px;
    clip: unset;
    opacity: 1;
  }
  .textInput.hasError [for="password"].fieldLabel {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 18px;
    transition: 0.2s ease all;
    height: 30px;
    width: 400px;
    clip: unset;
  }
  .textInput .fieldLabel {
    position: absolute;
    color: #6c7378;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  .textInput input,
  .textInput textarea {
    appearance: none;
    height: 64px;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    border: 0.0625rem solid #9da3a6;
    background-color: #fff;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-size: 100%;
    color: #001435;
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
    font-weight: normal;
    margin: 0%;
    overflow: visible;
    position: relative;
    /*! @noflip */
  }
  .textInput input:focus,
  .textInput textarea:focus {
    outline: 0;
    border: 0.0625rem solid #0070E0;
    box-shadow: #097ff5 0px 0px 0px 0.125rem inset, rgba(209, 229, 249, 0.9) 0px 0px 0px 0.375rem;
    background-color: #fff;
    border-color: #097ff5;
  }
  .textInput input {
    padding-top: 20px;
  }
  .textInput input:placeholder-shown {
    font-size: 18px;
  }
  .textInput input[type="email"]::-webkit-input-placeholder {
    color: transparent;
  }
  .textInput input[type="email"]:-moz-placeholder {
    color: transparent;
  }
  .textInput input[type="email"]::-moz-placeholder {
    color: transparent;
  }
  .textInput input[type="email"]:-ms-input-placeholder {
    color: transparent;
  }
  .textInput input[type="email"]:focus ~ .fieldLabel,
  .textInput input[type="email"]:not(:focus):valid ~ .fieldLabel,
  .textInput input[type="email"]:not(:placeholder-shown) ~ .fieldLabel {
    top: 8px;
    bottom: 10px;
    left: 12px;
    font-size: 14px;
    height: 30px;
    width: 400px;
    clip: unset;
    opacity: 1;
  }
  .textInput [for="email"].fieldLabel {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 18px;
    transition: 0.2s ease all;
    height: 30px;
    width: 400px;
    clip: unset;
  }
  .textInput input[type="password"]::-webkit-input-placeholder {
    color: transparent;
  }
  .textInput input[type="password"]:-moz-placeholder {
    color: transparent;
  }
  .textInput input[type="password"]::-moz-placeholder {
    color: transparent;
  }
  .textInput input[type="password"]:-ms-input-placeholder {
    color: transparent;
  }
  .textInput input[type="password"]:focus ~ .fieldLabel,
  .textInput input[type="password"]:not(:focus):valid ~ .fieldLabel,
  .textInput input[type="password"]:not(:placeholder-shown) ~ .fieldLabel {
    top: 8px;
    bottom: 10px;
    left: 12px;
    font-size: 14px;
    height: 30px;
    width: 400px;
    clip: unset;
    opacity: 1;
  }
  .textInput input[type="text"]:focus ~ .fieldLabel,
  .textInput input[type="text"]:not(:focus):valid ~ .fieldLabel,
  .textInput input[type="text"]:not(:placeholder-shown) ~ .fieldLabel {
    top: 8px;
    bottom: 10px;
    left: 12px;
    font-size: 14px;
    height: 30px;
    width: 400px;
    clip: unset;
    opacity: 1;
  }
  .textInput [for="password"].fieldLabel {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 18px;
    transition: 0.2s ease all;
    height: 30px;
    width: 400px;
    clip: unset;
  }
  .textInput textarea {
    padding-top: 12px;
    padding-right: 0;
    height: 100%;
    overflow: auto;
  }
  .textInput .tickmark {
    background: url("sprite_form.png") no-repeat "";
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .textInput .tickmark {
      background: url("sprite_form_2x.png") no-repeat "";
      background-size: 25px;
    }
  }
  .textInput .tickmark {
    width: 35px;
    height: 35px;
    margin-top: 2px;
    right: 5px;
    float: right;
    position: absolute;
    z-index: 3;
    text-align: center;
    cursor: pointer;
    background-position: 0 69%;
  }
  .textInput .hasPhoneIcon {
    padding-right: 35px;
  }
  .textInput .hasEmailIcon {
    padding-right: 43px;
  }
  .textInput .uneditableField {
    border: none;
    text-align: center;
    font-family: HelveticaNeue-Medium, "Helvetica Neue Medium", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .textInput .uneditableField.uneditablePhone {
    padding-left: 40px;
  }
  .textInput .uneditableField:focus {
    border: none;
  }
  .textInput input[type=number]::-webkit-inner-spin-button,
  .textInput input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
  }
  .textInput input[type=number] {
    padding: 0px;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: none;
    display: inline-block;
  }
  .textInput[style="z-index: 100;"] {
    margin-bottom: 2px;
    text-align: left;
  }
  .textInput[style="z-index: 100;"] .fieldWrapper {
    margin-bottom: 0;
    border: 0.125rem solid #c40b0b;
  }
  #passwordSection label:not([for="password"]):not([for="email"]) {
    color: transparent;
    pointer-events: none;
  }
  .countryPhoneSelectWrapper {
    margin-top: 18px;
  }
  #passwordSection label:not([for="password"]):not([for="email"]) {
    color: transparent;
  }
  .countryPhoneSelectWrapper {
    margin-top: 20px;
  }
  /* LAP - large */
  .js .lap .textInput,
  .js div.lap.textInput {
    padding: 0;
    position: relative;
  }
  .js .lap .textInput label,
  .js div.lap.textInput label {
    position: absolute;
    left: 12px;
    z-index: 1;
    color: #545D68;
    cursor: text;
  }
  .js .lap .textInput label.focus,
  .js div.lap.textInput label.focus,
  .js div.lap.textInput label.focus span.optional,
  .js .lap .textInput label.focus span.optional {
    color: #b3b3b3;
  }
  /* LAP - medium */
  .js .lap .textInput.medium,
  .js div.lap.textInput.medium {
    padding: 0;
    position: relative;
  }
  .js .lap .textInput.medium label.focus,
  .js .formMedium div.lap.textInput.medium label.focus {
    color: #b3b3b3;
  }
  .js .lap .textInput.medium label,
  .js div.lap.textInput.medium label {
    position: absolute;
    left: 12px;
    z-index: 1;
    color: #545D68;
  }
  .groupFields {
    clear: both;
  }
  .groupFields .textInput {
    width: 48.9%;
    float: left;
  }
  .groupFields .textInput input {
    width: 100%;
  }
  .groupFields .left,
  .groupFields .middle {
    margin-right: 10px;
  }
  .groupFields .multi .left {
    width: 72.5%;
    float: left;
  }
  .groupFields .multi .right {
    width: 25%;
    float: left;
  }
  .groupFields .multi.equal .left,
  .groupFields .multi.equal .right {
    width: 48.6%;
  }
  .groupFields .reverse .right {
    width: 72.3%;
  }
  .groupFields .reverse .left {
    width: 25%;
  }
  .groupFields .multiple .left {
    width: 48.8%;
    float: left;
  }
  .groupFields .multiple .right {
    width: 25%;
    float: left;
  }
  .groupFields .multiple .middle {
    width: 21.4%;
    float: left;
  }
  .groupFields .multiple.equal .left,
  .groupFields .multiple.equal .right,
  .groupFields .multiple.equal .middle {
    width: 31.8%;
  }
  .groupFields .large {
    width: 100%;
  }
  .groupReatedFields .left {
    width: 27%;
    float: left;
  }
  .groupReatedFields .right {
    width: 73%;
    float: left;
  }
  .groupReatedFields .selectDropdown {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .groupReatedFields .textInput input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /** IPAD STYLING **/
  @media all and (min-width: 768px) and (max-width: 1024px) {
    .groupFields .multi.equal .left,
    .groupFields .multi.equal .right {
      width: 48.4%;
    }
  }
  @media all and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .groupFields .multi.equal .left,
    .groupFields .multi.equal .right {
      width: 48.2%;
    }
  }
  @media all and (max-width: 538px) {
    .groupFields .textInput,
    .groupFields .multi .textInput,
    .groupFields .multiple .textInput,
    .groupFields .selectDropdown,
    .groupFields .multi .selectDropdown,
    .groupFields .multiple .selectDropdown {
      width: 100%;
    }
  }
  /* mobile ---- */
  @media all and (max-width: 767px) {
    .groupFields .multi.equal .left,
    .groupFields .multi.equal .right {
      width: 48.2%;
    }
  }
  /*Explictly set padding on errored input fields for RTL languages*/
  html[dir="rtl"] .hasError input {
    padding-left: 45px;
  }
  #onboardingFlow .fieldWrapper {
    text-align: left;
  }
  #onboardingFlow input[type="email"]:focus ~ .fieldLabel,
  #onboardingFlow input[type="email"]:not(:focus):valid ~ .fieldLabel,
  #onboardingFlow input[type="email"]:not(:placeholder-shown) ~ .fieldLabel {
    top: 8px;
    bottom: 10px;
    left: 12px;
    font-size: 14px;
    height: 30px;
    width: 400px;
    clip: unset;
    opacity: 1;
  }
  #onboardingFlow [for="onboardingFlowEmail"].fieldLabel {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 18px;
    transition: 0.2s ease all;
    height: 30px;
    width: 400px;
    clip: unset;
  }
  /* Country Phone select wrapper */
  .countryPhoneSelectWrapper {
    height: 44px;
    width: 75px;
    /*! @noflip */
    position: absolute;
    z-index: 101;
    /*! @noflip */
    left: 0;
    /*! @noflip */
    direction: ltr;
    /* The open arrow for Select element */
    /* Holds the 2-letter country abbreviation */
    /* For the blue background of the country code */
  }
  .countryPhoneSelectWrapper .countryPhoneSelect {
    position: relative;
    height: 44px;
    width: 75px;
    border: none;
    background: none;
    opacity: 0;
    z-index: 1;
    direction: ltr;
  }
  .countryPhoneSelectWrapper .countryPhoneSelectChoice {
    position: absolute;
    top: 3px;
    left: 0;
    height: 44px;
    display: table;
    width: 100%;
    border-radius: 5px;
    font-size: 18px;
  }
  .countryPhoneSelectWrapper .countryPhoneSelectChoice::after {
    content: '';
    position: absolute;
    top: 7px;
    height: 8px;
    width: 8px;
    /*! @noflip */
    margin: 8px 0 0 8px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #333;
    border-image: none;
    border-style: solid;
    /*! @noflip */
    border-width: 1.5px 1.5px 0 0;
    /*! @noflip */
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .countryPhoneSelectWrapper .countryCode,
  .countryPhoneSelectWrapper .phoneCode {
    display: table-cell;
    vertical-align: middle;
  }
  .countryPhoneSelectWrapper .countryCode {
    display: none;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: bold;
  }
  .countryPhoneSelectWrapper .phoneCode {
    padding-left: 12px;
    width: 62%;
  }
  .countryPhoneSelectWrapper .countryCode::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 4px;
    width: 80%;
    height: 22px;
    background: #0079ad;
    border-radius: 5px;
    z-index: -1;
  }
  .focus {
    border: 1px solid #296FB4 !important;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
  /* input should be moved to accommodate countryPhoneSelectWrapper */
  .phoneInputWrapper.textInput div input {
    /*! @noflip */
    padding-left: 75px;
    padding-top: 28px;
  }
  /* icons for phone & email */
  .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 37px;
    padding: 0;
    background: 0;
    border: none;
    color: #009cde;
    text-indent: -9999px;
    direction: ltr;
  }
  .lower-than-ie9 .icon {
    position: static;
    display: block;
    height: auto;
    margin-top: 2px;
    text-indent: 0;
    width: auto;
  }
  .lower-than-ie10 .iconPhone {
    top: 17px;
  }
  .iconPhone::before {
    content: "l";
    position: absolute;
    right: -7px;
    top: -5px;
    text-indent: 0;
    font-size: 50px;
  }
  .lower-than-ie10 .iconEmail {
    top: 16px;
  }
  .iconEmail::before {
    content: "n";
    position: absolute;
    top: -5px;
    right: -3px;
    text-indent: 0;
    font-size: 50px;
  }
  /* When error hide icon */
  .hasError .icon {
    display: none;
  }
  .splitPhoneSection.adjustSection {
    margin-bottom: 7.08%;
  }
  .splitPinSection .pin-password {
    margin-bottom: 10px;
  }
  .profileDisplayPhoneCode {
    margin-right: 5px;
  }
  .notifications {
    outline: 0;
    margin-bottom: 10px;
    font-size: 13px;
  }
  .notifications.animatable {
    display: none;
  }
  .notifications .notification {
    margin: 0;
    padding: 15px 15px 15px 44px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    font-size: 1em;
    background: url("images/shared/icon_alert_sprite-2x.png") no-repeat;
    background-size: 20px;
    /* Default is the informational message */
  }
  .notifications .notification.notification-default {
    background-color: #f7f9fa;
    background-position: 12px -788px;
    background-position: left 12px top -788px;
    border-color: #afabae;
  }
  .lower-than-ie9 .notifications .notification.notification-default {
    background-position: 1% 81.5%;
  }
  .notifications .notification.notification-critical {
    background-color: #fff7f7;
    background-position: 12px -387px;
    background-position: left 12px top -387px;
    border-color: #c72e2e;
  }
  .lower-than-ie9 .notifications .notification.notification-critical {
    background-position: 1% 41%;
  }
  .notifications .notification.notification-help {
    background-color: #f7fdff;
    background-position: 12px -588px;
    background-position: left 12px top -588px;
    border-color: #009cde;
  }
  .lower-than-ie9 .notifications .notification.notification-help {
    background-position: 1% 61%;
  }
  .notifications .notification.notification-success {
    background-color: #f7fff7;
    background-position: 12px 12px;
    background-position: left 12px top 12px;
    border-color: #1b9e1b;
  }
  .lower-than-ie9 .notifications .notification.notification-success {
    background-position: 1% 0;
  }
  .notifications .notification.notification-warning {
    background-color: #fffcf7;
    background-position: 12px -188px;
    background-position: left 12px top -188px;
    border-color: #f8981f;
  }
  .lower-than-ie9 .notifications .notification.notification-warning {
    background-position: 1% 20.5%;
  }
  .deniedCaution {
    margin-bottom: 25px;
    width: 112px;
    height: 100px;
  }
  .denied {
    text-align: center;
  }
  .verification,
  .unavailable {
    text-align: left;
  }
  .verification .headerText {
    font-size: 30px;
  }
  .verification .verification-message {
    margin: 0 0 24px;
    text-align: center;
  }
  .verification .pin {
    margin: 0 0 12px;
    text-align: center;
    font-size: 36px;
    color: #2c2e2f;
  }
  .mobileNotification {
    padding: 36px 0 24px;
  }
  .mobileScreen {
    width: 121px;
    margin: auto;
  }
  .tryAnotherMsg {
    text-align: center;
    margin-top: 0;
  }
  .tryAnotherMsg a {
    font-weight: bold;
  }
  .resendMsg {
    text-align: center;
    margin-bottom: 0;
  }
  .resendMsg a {
    font-weight: bold;
  }
  .unavailableMessage {
    margin-bottom: 30px;
  }
  .accountArea {
    width: 100%;
    text-align: center;
  }
  .accountArea .account {
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.4;
  }
  .accountArea .verificationNotYou {
    display: inline-block;
    margin: 0;
    padding-left: 15px;
    font-size: 1em;
    line-height: 1.4;
  }
  .accountArea .verificationNotYou a {
    font-weight: bold;
  }
  .verification hr {
    background-image: linear-gradient(to right, #CBD2D6 50%, rgba(255, 255, 255, 0) 40%);
    background-position: top;
    background-size: 3px 1px;
    background-repeat: repeat-x;
    height: 1px;
    border: 0;
    margin: 0;
  }
  .sentMessage {
    color: #1b9e1b;
  }
  .captcha-container {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .captcha-container .captcha-image {
    height: 83px;
    text-align: center;
    border: 1px solid #E6E6E6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 10px 0;
  }
  .captcha-container .captcha-image img {
    width: 100%;
    height: 81px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }
  .captcha-container .captcha-inputs {
    display: table;
    width: 100%;
  }
  .captcha-container .captcha-inputs .textInput {
    display: table-cell;
    min-width: 100px;
  }
  .captcha-container .captcha-inputs .refresh,
  .captcha-container .captcha-inputs .audio {
    display: table-cell;
    vertical-align: middle;
    width: 36px;
  }
  .lower-than-ie9 .captcha-container .captcha-inputs .refresh,
  .lower-than-ie9 .captcha-container .captcha-inputs .audio,
  .lower-than-ie10 .captcha-container .captcha-inputs .refresh,
  .lower-than-ie10 .captcha-container .captcha-inputs .audio {
    vertical-align: bottom;
  }
  .captcha-container .captcha-inputs .refresh {
    padding: 0 8px;
  }
  .captcha-container .captcha-inputs .captchaPlay,
  .captcha-container .captcha-inputs .captchaRefresh {
    display: block;
    width: 36px;
    height: 36px;
  }
  .captcha-container .captcha-inputs .captchaPlay:after,
  .captcha-container .captcha-inputs .captchaRefresh:after {
    width: 36px;
    height: 36px;
  }
  .captcha-container .captcha-inputs .captchaPlay:after {
    background-position: -32px -3489px;
  }
  .captcha-container .captcha-inputs .captchaRefresh:after {
    background-position: -33px -3389px;
  }
  .buttonLight {
    border: 1px solid;
    border-color: #ddd #d9d9d9 #bdbdbd;
    background-color: #dedede;
    background: -moz-linear-gradient(center bottom, #dedede 0%, #dedede 20%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #dedede), color-stop(20%, #dedede), color-stop(100%, #f5f5f5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #dedede 0%, #dedede 20%, #f5f5f5 100%);
    background: -ms-linear-gradient(bottom, #dedede 0%, #dedede 20%, #f5f5f5 100%);
    background: -o-linear-gradient(bottom, #dedede 0%, #dedede 20%, #f5f5f5 100%);
    background: linear-gradient(bottom, #dedede 0%, #dedede 20%, #f5f5f5 100%);
    text-shadow: 0 1px #efefef;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px #fff inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  }
  .buttonLight:hover {
    background-color: #d1d1d1;
    background: -moz-linear-gradient(center bottom, #d1d1d1 0%, #d1d1d1 20%, #ebebeb 100%);
    background: -webkit-linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #ebebeb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(100%, #ebebeb));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #ebebeb 100%);
    background: -o-linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #ebebeb 100%);
    background: linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #ebebeb 100%);
    text-decoration: none;
    -webkit-box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px #f5f5f5 inset, 0 1px rgba(255, 255, 255, 0.2);
  }
  .buttonLight:active {
    background-color: #c8c8c8;
    border-color: #c2c2c2 #bcbcbc #adadad;
    background: -moz-linear-gradient(center bottom, #d1d1d1 0%, #d1d1d1 20%, #dedede 100%);
    background: -webkit-linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #dedede 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(100%, #dedede));
    /* Chrome,Safari4+ */
    background: -ms-linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #dedede 100%);
    background: -o-linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #dedede 100%);
    background: linear-gradient(bottom, #d1d1d1 0%, #d1d1d1 20%, #dedede 100%);
    -webkit-box-shadow: 0 2px 4px #999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 2px 4px #999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 4px #999 inset, 0 1px 0 rgba(255, 255, 255, 0.2);
  }
  .onboardingSpritePseudo:after {
    content: '';
    display: block;
    background-image: url('webstatic/mktg/consumer/onboarding/ui-sprite.png');
    background-repeat: no-repeat;
  }
  .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 11px;
    padding-top: 14px;
  }
  .footer .legalFooter {
    text-align: center;
    padding: 14px;
    background-color: #F7F9FA;
  }
  .footer .legalFooter a,
  .footer .legalFooter a:link,
  .footer .legalFooter a:visited,
  .footer .legalFooter a:hover {
    color: #545D68;
    white-space: nowrap;
  }
  .intentFooter {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 72px;
  }
  .intentFooter .cancelUrl {
    text-align: center;
    display: block;
    width: 100%;
  }
  .intentFooter .adjustCancelUrl.cancelUrl {
    text-align: center;
  }
  .intentFooter .localeSelector {
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 16px;
  }
  .intentFooter .localeSelector a,
  .intentFooter .localeSelector a:link,
  .intentFooter .localeSelector a:visited,
  .intentFooter .localeSelector a:hover {
    color: #545D68;
    white-space: nowrap;
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
  }
  .intentFooter .localeSelector a.selected {
    color: #545D68;
    font-weight: bold;
  }
  .intentFooter .localeSelector .localeLink {
    margin: 0;
    list-style: none;
    display: inline-block;
  }
  .intentFooter .localeSelector .localeLink li {
    padding: 0 6px 0 6px;
    display: inline-block;
    border-left: 1px solid #ccc;
  }
  .intentFooter .localeSelector .localeLink li:first-child {
    padding-left: 0;
    border-left: none;
  }
  .intentFooter .adjustLocaleSelector.localeSelector {
    text-align: center;
  }
  .intentFooter .adjustLocaleSelector.localeSelector a,
  .intentFooter .adjustLocaleSelector.localeSelector a:link,
  .intentFooter .adjustLocaleSelector.localeSelector a:visited,
  .intentFooter .adjustLocaleSelector.localeSelector a:hover {
    color: #545D68;
    white-space: nowrap;
  }
  .intentFooter .adjustLocaleSelector.localeSelector a.selected {
    color: #545D68;
    font-weight: bold;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeLink {
    margin: 0;
    list-style: none;
    display: inline-block;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeLink li {
    padding: 0 6px 0 6px;
    display: inline-block;
    border-left: 1px solid #ccc;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeLink li:first-child {
    padding-left: 0;
    border-left: none;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector {
    text-align: left;
    display: block;
    width: 100%;
    padding-top: 20px;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector a,
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector a:link,
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector a:visited,
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector a:hover {
    color: #545D68;
    white-space: nowrap;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector a.selected {
    color: #545D68;
    font-weight: bold;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector .localeLink {
    margin: 0;
    list-style: none;
    display: inline-block;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector .localeLink li {
    padding: 0 6px 0 6px;
    display: inline-block;
    border-left: 1px solid #ccc;
  }
  .intentFooter .adjustLocaleSelector.localeSelector .localeSelector .localeLink li:first-child {
    padding-left: 0;
    border-left: none;
  }
  .intentFooter .localeSelectorWithoutSeperator.localeSelector a,
  .intentFooter .localeSelectorWithoutSeperator.localeSelector a:link,
  .intentFooter .localeSelectorWithoutSeperator.localeSelector a:visited,
  .intentFooter .localeSelectorWithoutSeperator.localeSelector a:hover {
    font-family: "pp-sans-small-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
    color: #0070E0;
  }
  .intentFooter .localeSelectorWithoutSeperator.localeSelector a.selected {
    color: #0070E0;
    font-weight: 400;
  }
  .intentFooter .localeSelectorWithoutSeperator.localeSelector .localeLink li {
    border-left: none;
  }
  .intentFooter .localeSelectorWithoutSeperator.localeSelector .localeSelector a,
  .intentFooter .localeSelectorWithoutSeperator.localeSelector .localeSelector a:link,
  .intentFooter .localeSelectorWithoutSeperator.localeSelector .localeSelector a:visited,
  .intentFooter .localeSelectorWithoutSeperator.localeSelector .localeSelector a:hover {
    font-family: "pp-sans-small-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
    color: #0070E0;
  }
  .intentFooter .localeSelectorWithoutSeperator.localeSelector .localeSelector a.selected {
    color: #0070E0;
    font-weight: 400;
  }
  .adjustFooter {
    margin-top: 25px;
  }
  .footerGroup {
    list-style-type: none;
    text-align: center;
  }
  .footerGroup li {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .footerGroup li a,
  .footerGroup li a:link,
  .footerGroup li a:visited,
  .footerGroup li a:hover {
    color: #545D68;
    white-space: nowrap;
  }
  .footerGroup li:last-child {
    margin: 0;
  }
  .footerGroupWithSiblings {
    float: left;
    padding: 0;
    background: none;
  }
  .footerCopyright {
    margin: 0;
    text-align: right;
    /*float: right;*/
    color: #9e9e9e;
  }
  .footerDisclaimer {
    margin: 0;
    padding: 7px 0 0;
    clear: both;
    color: #9e9e9e;
    text-align: left;
  }
  .footerDisclaimer-cn {
    margin: 0;
    padding: 7px 0 0;
    clear: both;
    color: #9e9e9e;
    text-align: right;
  }
  .footerWithIcon {
    background: #fff url('webstatic/i/consumer/onboarding/icon_PP_monogram_2x.png') center 14px no-repeat;
    padding: 58px 0 0;
    background-size: 20px;
  }
  .footerWithIcon .extendedContent {
    background: #F7F9FA;
  }
  .footerWithIcon .extendedContent > .footerGroup {
    padding: 0;
    background: none;
  }
  .footerWithIcon .footerGroupWithSiblings,
  .footerWithIcon .footerCopyright {
    padding: 0;
  }
  .footerStayPut {
    position: relative;
    top: 0;
    left: 0;
  }
  /*.extendedContent {
      padding-bottom: 14px;
  }*/
  /* mobile */
  @media all and (max-width: 767px) {
    .footerWithIcon {
      padding: 58px 0 0;
    }
    .footerWithIcon .extendedContent {
      background: #F7F9FA;
    }
    .footerWithIcon .extendedContent > .footerGroup {
      padding: 0;
      background: none;
    }
    .footerGroupWithSiblings,
    .footerCopyright {
      text-align: left;
    }
    .footerGroupWithSiblings {
      margin-bottom: 7px;
      float: none;
    }
    .footerDisclaimer {
      margin-top: 7px;
      padding: 0;
      text-align: left;
    }
    .intentFooter {
      margin-bottom: 20px;
    }
    .footer .intentFooter {
      display: block;
    }
    .footer .intentFooter .cancelUrl {
      padding-bottom: 10px;
      display: block;
      width: 100%;
    }
    .footer .intentFooter .localeSelector {
      display: block;
      width: 100%;
      text-align: left;
    }
    .adjustFooter {
      position: fixed;
      left: 0px;
      bottom: 60px;
      width: 100%;
    }
  }
  #cn-police-img {
    height: 11px;
  }
  #ipv6 {
    display: inline-block;
    margin-left: 4px;
    padding: 0px 5px;
    border: 1px solid #9da3a6;
    border-radius: 2px;
  }
  /* Animator setting */
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  @-webkit-keyframes rotation {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-moz-keyframes rotation {
    from {
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -moz-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-o-keyframes rotation {
    from {
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -o-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  /**
     * @fileOverview account page.
     * @old_name paypal.less
     * @tested ?
     */
  html {
    background-color: #fff;
    min-height: 100%;
  }
  body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    line-height: 21px;
    color: #001435;
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
    font-size: 100%;
    /* Base font size is 16px */
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
  }
  ul,
  ol,
  li {
    margin: 0;
    padding: 0;
  }
  p {
    margin: 20px 0;
    font-family: "pp-sans-big-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
    color: #001435;
  }
  h1,
  .alpha {
    margin: 0;
    font-family: "pp-sans-big-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.73333333em;
    font-weight: 300;
    color: #001435;
  }
  .alpha2 {
    text-align: center;
  }
  .alphaDecorated {
    padding-bottom: 20px;
    border-bottom: 1px solid #CBD2D6;
  }
  h2 {
    margin: 0;
    padding: 0;
    font-family: "pp-sans-big-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.4em;
    font-weight: 300;
    color: #001435;
  }
  img {
    border: 0;
  }
  a,
  a:link,
  a:visited {
    color: #0070E0;
    font-family: "pp-open-bold", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
    font-weight: normal;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  a:hover {
    outline: none;
    color: #73A5FF;
  }
  a:active {
    color: #003087;
  }
  a:focus {
    border-radius: 4px;
    outline-offset: 0.125rem;
    outline: #097FF5 solid 4px;
  }
  p,
  div,
  span,
  a,
  h1,
  label,
  select {
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
  }
  .dusk,
  .dusk:link,
  .dusk:visited {
    color: #0079ad;
  }
  .no-js body {
    display: block !important;
  }
  .nonjsAlert {
    margin: 0;
    padding: 0.5em;
    border-top: 1px solid #900;
    border-bottom: 1px solid #900;
    background-color: #ff9;
    color: #900;
    text-align: center;
  }
  .imageLink:focus {
    -webkit-box-shadow: 0 0 1px 1px #666;
    -moz-box-shadow: 0 0 1px 1px #666;
    box-shadow: 0 0 1px 1px #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }
  .lower-than-ie9 .imageLink:focus {
    outline: 1px solid #666;
  }
  .accessAid {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
  .clearfix {
    zoom: 1;
  }
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both;
  }
  .underlay {
    content: "";
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: #999;
    opacity: 0.6;
    z-index: 5;
  }
  .browserIcon {
    width: 25%;
    float: left;
  }
  .edge {
    background: url('images/shared//sprite-browsers.png') no-repeat -1040px -100px;
    width: 68px;
    height: 74px;
    margin: 0 auto;
  }
  .firefox {
    background: url('images/shared//sprite-browsers.png') no-repeat -1040px -185px;
    width: 66px;
    height: 74px;
    margin: 0 auto;
  }
  .chrome {
    background: url('images/shared//sprite-browsers.png') no-repeat -1140px -100px;
    width: 67px;
    height: 74px;
    margin: 0 auto;
  }
  .safari {
    background: url('images/shared//sprite-browsers.png') no-repeat -1140px -185px;
    width: 68px;
    height: 74px;
    margin: 0 auto;
  }
  .unsupportedBrowserPage {
    text-align: center;
    font-family: "pp-sans-big-light", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .unsupportedBrowserErrorMessage {
    padding: 0 5px 0 5px;
  }
  .unsupportedBrowserSection {
    width: 500px;
    margin: 0 auto;
  }
  /** Style for supressing the X, eye symbol for password field mark in IE 10 and above **/
  input::-ms-clear,
  input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }
  /**
    * RememberMe new interstitial page design related changes
     */
  .oneTouchRm header {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ececec;
  }
  .oneTouchRm header .paypal-logo {
    margin-top: 20px;
    margin-bottom: 17px;
  }
  .oneTouchRm .oneTouchNotYou {
    font-weight: bold;
    text-align: center;
    margin: 20px 0 -10px 0;
  }
  .oneTouchRm .oneTouchNotYou a {
    font-weight: bold;
  }
  .oneTouchRm .steps-container {
    padding: 0 15px 4px 27px;
    margin: 0;
    box-sizing: content-box;
  }
  .oneTouchRm .headerText {
    font-size: 22px;
    margin-top: 34px;
    padding-bottom: 24px;
  }
  .oneTouchRm .steps {
    padding: 6px 0;
  }
  .oneTouchRm .steps:first-child {
    padding-top: 0;
  }
  .oneTouchRm .steps:last-child {
    padding-bottom: 0 !important;
  }
  .oneTouchRm .steps .icon-text {
    display: table-cell;
    vertical-align: middle;
  }
  .oneTouchRm .steps .icon-text .icon-headline {
    font-weight: 700;
    padding-top: 4px;
    margin: 0;
    padding-bottom: 0;
    line-height: 1.5em;
  }
  .oneTouchRm .steps .icon-text .icon-description {
    padding-top: 2px;
    padding-bottom: 0;
    margin: 0;
    font-size: 15px;
    line-height: 1.5em;
  }
  .oneTouchRm .steps .steps-icon {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 20px;
    background: url("images/shared/remember-me-Interstitial-image.png") no-repeat 0 -5px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .oneTouchRm .steps .steps-icon {
      background: url("images/shared/remember-me-Interstitial-image_2x.png") no-repeat 0 -5px;
      background-size: 36px;
    }
  }
  .oneTouchRm .steps .steps-icon.icon-0 {
    background-position: 0 -5px;
  }
  .oneTouchRm .steps .steps-icon.icon-1 {
    background-position: 0 -48px;
  }
  .oneTouchRm .steps .steps-icon.icon-2 {
    background-position: 0 -90px;
  }
  .oneTouchRm .reassure {
    margin: 15px 0;
  }
  .oneTouchRm .secondaryLink {
    margin-top: 12px;
  }
  /**
    * Shared properties between pages such as 'login', 'atoVerification', 'atoTimeout', 'atoDecline'. Includes header, body container with gray box and margins, responsiveness.
    */
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .paypal-logo {
    margin: 0 auto 6.56%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .signin-paypal-logo {
    margin: 0 auto 13.116%;
  }
  .paypal-logo-long {
    background: transparent url("../img/logo/ppl-seeklogo.png") top center no-repeat;
    width: 34px;
    height: 40px;
    display: block;
  }
  .paypal-logo-long-passkey {
    background: transparent url("../img/logo/ppl-seeklogo.png") top center no-repeat;
    display: block;
  }
  .paypal-header-passkey-logo {
    background: transparent url("images/unifiedLogin/Passkey.svg") top center no-repeat;
    display: block;
    height: 72px;
    background-size: 84px 84px;
    margin-top: 45px;
  }
  .passkey-logo {
    background: transparent url("images/unifiedLogin/Passkey.svg") top center no-repeat;
    display: block;
  }
  .paypal-logo-vip {
    background: transparent url("images/shared/paypal-logo-129x32.png") top center no-repeat;
    background-size: auto 30px;
    width: 135px;
    height: 40px;
    display: block;
  }
  .lower-than-ie9 .paypal-logo-vip {
    background: transparent url("images/shared/paypal-logo-129x32.png") top center no-repeat;
  }
  .paypal-logo-qrc {
    background: transparent url("images/shared/paypal-logo-129x32.svg") top center no-repeat;
    background-size: auto 40px;
    width: 229px;
    height: 40px;
    display: block;
  }
  .lower-than-ie9 .paypal-logo-qrc {
    background: transparent url("images/shared/paypal-logo-129x32.png") top center no-repeat;
  }
  .paypal-logo-monogram {
    background: transparent url("../img/ppl-seeklogo.png") top center no-repeat;
    width: 34px;
    height: 40px;
  }
  .contentContainer {
    position: relative;
    margin: 0px auto 0;
    padding: 30px 10% 50px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
  }
  .contentContainer .modal-overlay {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 16;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    background-color: #fff;
  }
  .contentContainerBordered {
    margin: 120px auto 0;
    padding: 30px 10% 50px;
    border: 1px solid #EAECED;
    overflow: hidden;
  }
  .contentContainerNoLogo {
    margin-top: 170px;
  }
  .mainSlim {
    margin: 0;
  }
  /* Password recovery specific style */
  .pwr-modal {
    display: none;
  }
  .pwr-modal iframe {
    border: none;
    width: 100%;
    min-height: 300px;
  }
  .ui-dialog-titlebar div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .response500 {
    text-align: center;
  }
  .response500 .headerText {
    line-height: normal;
  }
  /* start atoVerification properties that could be used commonly */
  .left {
    text-align: left;
  }
  .bold {
    font-weight: bold;
    margin-bottom: 0;
  }
  .largetext {
    font-size: 30px;
    margin-top: 0;
  }
  .countdown {
    font-size: 38px;
    margin-top: 0;
  }
  /* end of atoVerification properties that could be used commonly */
  .corral {
    margin: 0 auto;
    width: 460px;
    position: relative;
  }
  .qrHeaderText {
    text-align: center;
    font-size: 32px;
    margin-bottom: 38px;
  }
  .qrCodeSection {
    top: 20px;
    width: 375px;
    margin-top: 42px;
    position: relative;
  }
  .qrCodeSection .qrList {
    list-style-type: decimal;
    padding-left: 16px;
    margin-top: 24px;
  }
  .qrcComponent {
    width: 200px;
    height: 200px;
    left: 85px;
    position: relative;
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    text-align: center;
  }
  .qrcCanvas {
    width: 180px;
    height: 180px;
    left: 10px;
    top: 10px;
    position: absolute;
    text-align: center;
  }
  .qrPPLogo {
    position: absolute;
    background-color: #ffffff !important;
    top: 62px;
    left: 83px;
    width: 40px;
    height: 40px;
    background: url("../img/ppl-seeklogo.png") top center no-repeat;
    background-size: auto 40px;
  }
  .qrcSpinnerContainer {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 190px;
    height: 190px;
    background-color: #ffffff;
    opacity: 94%;
    text-align: center;
    z-index: 12;
  }
  .qrcRefreshSpinner {
    position: absolute;
    top: 80px;
    left: 81px;
    color: #0070ba;
    background-color: #ffffff;
    opacity: 94%;
    z-index: 15;
    cursor: pointer;
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border-left: 0.125rem solid #005ea6;
    border-right: 0.125rem solid #005ea6;
    border-bottom: 0.125rem solid rgba(0, 0, 0, 0);
    border-top: 0.125rem solid #005ea6;
    border-radius: 50px;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
  }
  .refreshComponent {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 190px;
    height: 190px;
    background-color: #ffffff;
    opacity: 94%;
    text-align: center;
    z-index: 12;
  }
  .refreshIcon {
    position: absolute;
    top: 80px;
    left: 81px;
    width: 30px;
    height: 30px;
    color: #0070ba;
    background-color: #ffffff;
    background-image: url('ice/assets/paypal/images/refresh_blue.png');
    background-size: 30px 30px;
    opacity: 94%;
    z-index: 15;
    cursor: pointer;
  }
  .refreshMessage {
    position: absolute;
    top: 120px;
    left: 35px;
    color: #0070ba;
    border: none;
    background-color: #ffffff;
    opacity: 94%;
    z-index: 15;
    cursor: pointer;
  }
  .refreshMessage a:link {
    text-decoration: none;
  }
  .refreshMessage a:visited {
    text-decoration: none;
  }
  .refreshMessage a:hover {
    text-decoration: none;
  }
  .refreshMessage a:active {
    text-decoration: none;
  }
  @media all and (min-width: 932px) {
    .loginContent {
      display: flex;
      width: 848px;
      padding: 0 30px 0 0;
    }
    .loginSection {
      display: inline-block;
      flex: 1;
      width: 376px;
      padding: 15px 48px 15px 0;
      border-right: 1px solid #eaeced;
    }
    .corralQR {
      width: 932px;
    }
    .qrCodeSection {
      width: 414px;
      position: relative;
      display: inline-block;
      margin-top: 0;
      left: 5px;
      border-collapse: separate;
      background-color: transparent;
      text-align: center;
      padding: 0px 0 0 47px;
    }
    .qrCodeSection .qrList {
      list-style-type: decimal;
      padding-left: 16px;
      margin-top: 24px;
    }
    .qrcComponent {
      width: 200px;
      height: 200px;
      top: 0px;
      left: 110px;
      position: absolute;
      border-radius: 6px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
      text-align: center;
    }
    .qrcCanvas {
      width: 180px;
      height: 180px;
      left: 10px;
      top: 10px;
      position: absolute;
      text-align: center;
    }
    .qrPPLogo {
      position: absolute;
      background-color: #ffffff !important;
      top: 62px;
      left: 83px;
      width: 40px;
      height: 40px;
      background: url("../img/ppl-seeklogo.png") top center no-repeat;
      background-size: auto 40px;
    }
    .qrList {
      list-style-type: decimal;
      padding-left: 16px;
      margin-top: 26px;
      top: 190px;
      position: absolute;
      text-align: left !important;
    }
    .qrcSpinnerContainer {
      position: absolute;
      top: 2px;
      left: 5px;
      width: 190px;
      height: 190px;
      background-color: #ffffff;
      opacity: 94%;
      text-align: center;
      z-index: 12;
    }
    .qrcRefreshSpinner {
      position: absolute;
      top: 80px;
      left: 81px;
      color: #0070ba;
      background-color: #ffffff;
      opacity: 94%;
      z-index: 15;
      cursor: pointer;
      display: block;
      margin: 0 auto 10px;
      text-align: center;
      width: 30px;
      height: 30px;
      box-sizing: border-box;
      border-left: 0.125rem solid #005ea6;
      border-right: 0.125rem solid #005ea6;
      border-bottom: 0.125rem solid rgba(0, 0, 0, 0);
      border-top: 0.125rem solid #005ea6;
      border-radius: 50px;
      -webkit-animation: rotation 1s infinite linear;
      -moz-animation: rotation 1s infinite linear;
      -o-animation: rotation 1s infinite linear;
      animation: rotation 1s infinite linear;
    }
    .refreshComponent {
      position: absolute;
      top: 2px;
      left: 5px;
      width: 190px;
      height: 190px;
      background-color: #ffffff;
      opacity: 94%;
      text-align: center;
      z-index: 12;
    }
    .refreshIcon {
      position: absolute;
      top: 80px;
      left: 81px;
      color: #0070ba;
      width: 30px;
      height: 30px;
      background-color: #ffffff;
      background-image: url('ice/assets/paypal/images/refresh_blue.png');
      background-size: 30px 30px;
      opacity: 94%;
      z-index: 15;
      cursor: pointer;
    }
    .refreshMessage {
      position: absolute;
      top: 120px;
      left: 35px;
      color: #0070ba;
      border: none;
      background-color: #ffffff;
      opacity: 94%;
      z-index: 15;
      cursor: pointer;
    }
    .refreshMessage a:link {
      text-decoration: none;
    }
    .refreshMessage a:visited {
      text-decoration: none;
    }
    .refreshMessage a:hover {
      text-decoration: none;
    }
    .refreshMessage a:active {
      text-decoration: none;
    }
  }
  .contentContainerSlim {
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: #fff;
  }
  .contentContainerExpando {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: #fff;
  }
  .contentContainerShort {
    margin-top: 70px;
  }
  .headerText {
    padding-bottom: 4.72%;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
  }
  .headerTextSpaced {
    line-height: 1.4em;
  }
  .headerTextDecorated {
    margin-bottom: 20px;
    border-bottom: 1px solid #CBD2D6;
  }
  .slimP {
    margin: 0;
  }
  .spinner,
  .mask {
    position: fixed;
    top: 43%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    margin: 0;
    text-align: center;
  }
  .spinner:after,
  .mask:after {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .mask:after {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  .spinner:before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    width: 6rem;
    height: 6rem;
    border-left: 0.125rem solid #003087;
    border-right: 0.125rem solid #003087;
    border-bottom: 0.125rem solid #003087;
    border-top: 0.125rem solid #003087;
    border-radius: 50px;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    box-sizing: border-box;
    clip-path: polygon(50% 0%, 50% 50%, 100% 50%, 100% 100%, 0px 100%, 0px 0px);
    color: #003087;
  }
  .lower-than-ie9 .spinner:before,
  .lower-than-ie10 .spinner:before {
    background: transparent url("webstatic/checkout/hermes/icon_loader_med.gif") top center no-repeat;
    border: none;
    width: 50px;
    height: 50px;
  }
  /* Lock icon spinner */
  .spinnerWithLockIcon,
  .mask {
    position: fixed;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 13px;
    z-index: 9998;
    margin: 0;
    margin-top: -50px;
    text-align: center;
  }
  .spinnerWithLockIcon:after,
  .mask:after {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .lockIcon {
    background: url(images/checkout/hermes/icon_ot_spin_lock_skinny.png) no-repeat center center;
    position: fixed;
    width: 60px;
    height: 50px;
    top: 40%;
    left: 50%;
    margin: -20px 0 0 -23px;
    z-index: 9999;
  }
  .nonTransparentMask:after,
  .mask:after {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  .spinnerWithLockIcon:before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    width: 100px;
    height: 100px;
    border-left: 5px solid #000000;
    border-left: 5px solid rgba(0, 0, 0, 0.2);
    border-right: 5px solid #000000;
    border-right: 5px solid rgba(0, 0, 0, 0.2);
    border-bottom: 5px solid #000000;
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    border-top: 5px solid #2180c0;
    border-radius: 100%;
    -webkit-animation: rotation 0.7s infinite linear;
    -moz-animation: rotation 0.7s infinite linear;
    -o-animation: rotation 0.7s infinite linear;
    animation: rotation 0.7s infinite linear;
  }
  .lower-than-ie9 .spinnerWithLockIcon:before,
  .lower-than-ie10 .spinnerWithLockIcon:before {
    background: transparent url("webstatic/checkout/hermes/icon_loader_med.gif") top center no-repeat;
    border: none;
    width: 50px;
    height: 50px;
  }
  .nonTransparentMask:after,
  .mask:after {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  .oneTouchMessage {
    width: 300px;
    margin: 0 auto;
  }
  .secureMessage {
    font-size: 17.5px;
  }
  .keychainOneTouchMessage {
    width: 300px;
    margin: 0 auto;
  }
  .transformRightToLeft {
    -webkit-animation: rightToLeft 0.25s ease;
    -moz-animation: rightToLeft 0.25s ease;
    -o-animation: rightToLeft 0.25s ease;
    animation: rightToLeft 0.25s ease;
  }
  .secondaryLink {
    margin: 20px 0 0;
    text-align: center;
  }
  .iconSprite,
  .iconSpritePseudo:before {
    background: url('images/shared/icon-sprite2-2x.png') no-repeat;
    background-size: 20px;
  }
  .lower-than-ie9 .iconSprite,
  .lower-than-ie9 .iconSpritePseudo:before {
    background-image: url('images/shared/icon-sprite2-1x.png');
  }
  .iconSpritePseudo:before {
    content: '';
  }
  .lastInputField {
    margin-bottom: 0;
  }
  .reassure {
    margin-top: 20px;
    font-size: 13px;
    color: #6c7378;
    line-height: 1.3em;
  }
  .leadIn {
    line-height: 20px;
    font-family: "pp-sans-big-medium", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  .contentAlignment {
    text-align: center;
  }
  .leftContentAlignment {
    text-align: left;
  }
  .headerTextWarning {
    padding-top: 130px;
    background: url("images/shared/lg-attention-warning.png") no-repeat top center;
    background-size: 100px;
    /* We should have an IE 8 image for this */
  }
  .hide {
    display: none !important;
  }
  .invisible {
    opacity: 0;
    position: absolute;
    z-index: -9999;
  }
  .hide.enable-autofill {
    opacity: 0;
    position: absolute;
    z-index: -9999;
  }
  .buzzword {
    display: inline-block;
  }
  .headerTextSuccess {
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 15px;
    background: url("images/shared/successCheckmark2x.png") no-repeat top center;
    background-size: 100px;
  }
  .lower-than-ie9 .headerTextSuccess {
    background-image: url("images/shared/successCheckmark.png");
  }
  .successRedirectText {
    font-size: 18px;
    margin-top: 20px;
  }
  .headerlessList {
    margin: 0 0 0 16px;
  }
  .headerlessList > li {
    margin-bottom: 20px;
    padding-left: 4px;
  }
  .deviceIconDesktop {
    background: url("images/shared/onetouch-desktop.png") no-repeat top center;
    padding-top: 106px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .deviceIconDesktop {
      background: url("images/shared/onetouch-desktop_2x.png") no-repeat top center;
      background-size: 129px;
    }
  }
  .deviceIconMobile {
    background: url("images/shared/onetouch-mobile.png") no-repeat top center;
    padding-top: 126px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .deviceIconMobile {
      background: url("images/shared/onetouch-mobile_2x.png") no-repeat top center;
      background-size: 70px;
    }
  }
  .bodyTextOneTouchInterstitial {
    margin: 0 0 15px;
    color: #6c7378;
    text-align: center;
    line-height: 20px;
  }
  .subHeaderText {
    margin: 0 0 7.08%;
    color: #001435;
    text-align: center;
  }
  /* mobile ---- */
  @media (max-width: 47rem) {
    .button {
      width: 100%;
    }
  }
  @media screen and (max-width: 752px) {
    .button {
      font-size: 1.125rem;
      line-height: 1.5rem;
    }
  }
  /* iPhone 5 & 5S in portrait & landscape */
  @media all and (min-device-width: 320px) and (max-device-width: 568px) {
    .oneTouchRm .rmInterstitial {
      margin-top: 15px;
      padding: 0 12px 20px;
    }
    .oneTouchRm .rmInterstitial .steps-container .steps .steps-icon {
      margin-right: 12px;
      margin-bottom: -1px;
    }
    .oneTouchRm .rmInterstitial .steps-container .steps .icon-text .icon-headline,
    .oneTouchRm .rmInterstitial .steps-container .steps .icon-text .icon-description {
      font-size: 14px;
    }
    .oneTouchRm .contentContainer {
      margin-top: 0;
      padding: 0;
    }
    .oneTouchRm header .paypal-logo {
      margin-top: 20px;
      margin-bottom: 10px;
    }
    .oneTouchRm .oneTouchNotYou {
      margin: 15px 15px 10px 5px;
    }
    .oneTouchRm .headerText {
      font-size: 20px;
      margin-top: 12px;
      padding-bottom: 12px;
    }
    .oneTouchRm .reassure {
      margin: 12px 0;
      font-size: 12px;
    }
    .oneTouchRm .actionsSpacedShort {
      margin-top: 12px;
    }
  }
  /* iPhone 6 in portrait & landscape */
  @media all and (min-device-width: 375px) and (max-device-width: 736px) {
    .oneTouchRm .rmInterstitial {
      margin-top: 35px;
      padding: 0 24px 20px;
      width: 100%;
      background-color: #fff;
    }
    .oneTouchRm .rmInterstitial .steps-container .steps .steps-icon {
      margin-right: 24px;
      margin-bottom: 0;
    }
    .oneTouchRm .rmInterstitial .steps-container .steps .icon-text .icon-headline,
    .oneTouchRm .rmInterstitial .steps-container .steps .icon-text .icon-description {
      font-size: 15px;
    }
    .oneTouchRm .contentContainer {
      margin-top: 0;
      padding: 0;
    }
    .oneTouchRm header {
      display: table;
      width: 100%;
      border-bottom: 1px solid #ececec;
    }
    .oneTouchRm header .paypal-logo {
      margin-bottom: 15px;
      margin-top: 20px;
    }
    .oneTouchRm .oneTouchNotYou {
      margin: 24px 15px -10px 5px;
    }
    .oneTouchRm .headerText {
      font-size: 22px;
    }
    .oneTouchRm .reassure {
      margin: 15px 0;
      font-size: 13px;
    }
    .oneTouchRm .actionsSpacedShort {
      margin-top: 24px;
    }
  }
  /* eBay mini window specific size and styling */
  @media all and (min-width: 450px) and (max-width: 570px) {
    .oneTouchRm .rmInterstitial {
      margin-top: 15px;
      padding: 0 6% 50px;
      width: 100%;
      background-color: #fff;
    }
    .oneTouchRm .rmInterstitial .steps-container {
      padding: 0 15px 0 15px;
    }
    .oneTouchRm .rmInterstitial .steps-container .steps {
      padding: 7px 0;
    }
    .oneTouchRm .rmInterstitial .steps-container .steps .icon-text .icon-description {
      padding-top: 0;
    }
    .oneTouchRm .contentContainer {
      margin-top: 0;
      padding: 0;
    }
    .oneTouchRm .headerText {
      font-size: 24px;
      margin-top: 0;
      padding-bottom: 10px;
    }
    .oneTouchRm header {
      display: table;
      width: 100%;
      border-bottom: 1px solid #ececec;
    }
    .oneTouchRm header .paypal-logo {
      margin-top: 18px;
      margin-bottom: 18px;
    }
    .oneTouchRm .oneTouchNotYou {
      margin: 24px 24px 20px 5px;
    }
    .oneTouchRm .reassure {
      margin: 12px 0;
    }
  }
  @media all and (min-width: 450px) and (max-width: 860px) {
    .contentContainerQR {
      border: 1px solid #EAECED;
    }
  }
  @media all and (max-width: 767px) {
    .contentContainerBordered {
      border: none;
      margin: 0 auto;
      padding: 0 8% 30px;
      width: 100%;
      background-color: #fff;
    }
    .contentContainer {
      padding: 4.8%;
      width: 100%;
      background-color: #fff;
    }
    .contentContainerSlim {
      margin-top: 0;
      padding: 0;
    }
    .contentContainerExpando {
      margin: 0;
    }
    .corral {
      width: 100%;
    }
    .headerText {
      padding-bottom: 16px;
    }
    .headerTextDecorated {
      margin-bottom: 10px;
    }
    .paypal-logo-with-headline {
      margin-bottom: 10px;
    }
    .paypal-logo {
      margin: 0 auto 7.08%;
    }
    .signin-paypal-logo {
      margin: 0 auto 14.163%;
    }
    .reassure {
      line-height: 16px;
    }
    .mainSlim {
      margin: 0;
    }
  }
  /*! @noflip */
  .challengeAnswer {
    font-size: 48px;
    letter-spacing: 9px;
    margin-top: 52px;
    height: 48px;
  }
  .pin .headerText {
    font-size: 30px;
  }
  /*! Fix for Scrolling in Popup */
  .scrollableWindow {
    height: 100vh;
    overflow: auto;
  }
  /*! Code for notification Alert */
  .notificationAlert {
    border-radius: 5px;
    border: 1px solid #ff9600;
    display: table;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: 12px;
    padding: 14px;
    text-align: left;
    width: 100%;
  }
  .notificationAlert.hide {
    display: none;
  }
  .notificationAlert:before {
    color: #ff9600;
    content: "\2762";
    display: inline;
    font-family: 'paypal-vx-icons';
    font-weight: 700;
    font-size: 1.58rem;
    line-height: 0;
    padding-right: 12px;
  }
  /*! Code for success Alert */
  .successAlert {
    border-radius: 5px;
    border: 1px solid #00cf92;
    display: table;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: 12px;
    padding: 14px;
    text-align: left;
    width: 100%;
  }
  .successAlert.hide {
    display: none;
  }
  .successAlert:before {
    color: #00cf92;
    content: "\2713";
    display: inline;
    font-family: 'paypal-vx-icons';
    font-weight: 700;
    font-size: 1.58rem;
    line-height: 0;
    padding-right: 12px;
  }
  /* Header Icon for success */
  .animatedHeaderIconSuccess {
    margin-top: 0;
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    background: url("images/shared/success-animation.gif") no-repeat top center;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .animatedHeaderIconSuccess {
      background: url("images/shared/success-animation_2x.gif") no-repeat top center;
      background-size: 100px;
    }
  }
  .greyOut,
  a.greyOut:hover,
  a.greyOut:link,
  a.greyOut:visited,
  a.greyOut:focus {
    color: #ddd;
  }
  .greyBackground {
    background-color: #ddd;
  }
  button.greyBackground:hover,
  button.greyBackground:focus {
    background-color: #ddd;
  }
  [id="login"] [class="corral"] .localeSelector .localeLink {
    font-size: 11px;
  }
  [id="login"] [class="corral"] #content .intentFooter .cancelUrl {
    font-size: 12.8px;
  }
  [id="login"] [class="corral"] .textInSeparator {
    font-size: 14px;
  }
  [id="login"] [class="corral"] #emailSubTagLine,
  [id="login"] [class="corral"] #pwdSubTagLine,
  [id="login"] [class="corral"] #eligiblePurchaseSubTagLine,
  [id="login"] [class="corral"] #forgotEmail,
  [id="login"] [class="corral"] #password,
  [id="login"] [class="corral"] #forgotPassword,
  [id="login"] [class="corral"] #email,
  [id="login"] [class="corral"] #phones,
  [id="login"] [class="corral"] .profileRememberedEmail {
    font-size: 16px;
  }
  [id="login"] [class="corral"] #btnNext,
  [id="login"] [class="corral"] #createAccount,
  [id="login"] [class="corral"] #startGuestOnboardingFlow,
  [id="login"] [class="corral"] #btnLogin,
  [id="login"] [class="corral"] #beginOtpLogin,
  [id="login"] [class="corral"] #startOnboardingFlow {
    font-size: 1rem;
  }
  [id="login"] [class="corral"] .headerText.adjustHeader,
  [id="login"] [class="corral"] #content #headerText {
    font-size: 24px;
  }
  [class^="corral "] .localeLink {
    font-size: 14px;
  }
  [class^="corral "] .textInSeparator {
    font-size: 15px;
  }
  [class^="corral "] #forgotPassword,
  [class^="corral "] #beginOtpLogin,
  [class^="corral "] .fieldWrapper #password,
  [class^="corral "] .actions #btnLogin,
  [class^="corral "] .fieldWrapper #email,
  [class^="corral "] .actions #btnNext,
  [class^="corral "] #createAccount {
    font-size: 1rem;
  }
  #otpLogin .otpDisplayCredentials,
  #otpLogin .secondaryLink {
    font-size: 1rem;
  }
  #otpLogin .headerText.adjustHeader {
    font-size: 24px;
  }
  #otpLogin .loginSignUpSeparator {
    font-size: 14px;
  }
  #otpLogin .actions,
  #otpLogin .signupContainer .button.secondary {
    font-size: 16px;
  }
  #otpLogin .intentFooter .cancelUrl #cancelLink {
    font-size: 14px;
  }
  #otpLogin .localeSelector {
    font-size: 14px;
  }
  [class="signin"] .otpDisplayCredentials span,
  [class="signin"] .otpDisplayCredentials a {
    font-size: 16px;
  }
  [class="signin"] #content .logoSpacing .headerText.adjustHeader {
    font-size: 24px;
  }
  [class="signin"] .selectPhoneChallenges,
  [class="signin"] .actions .button.actionContinue,
  [class="signin"] #loginWithPasswordLink,
  [class="signin"] #signupContainer #createAccount {
    font-size: 1rem;
  }
  [class="signin"] .textInSeparator {
    font-size: 15.0012px;
  }
  .pwr-modal {
    display: none;
    background: #fff;
    width: 480px;
    height: auto;
    position: fixed;
    padding: 18px 40px 20px;
    top: 50%;
    /*! @noflip */
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 1s;
    transition-timing-function: cubic-bezier(0, 2.5, 0.25, -0.25);
    z-index: 100;
    border-radius: 10px;
  }
  .pwr-modal iframe {
    border: none;
    width: 100%;
    min-height: 310px;
  }
  .lower-than-ie10 .pwr-modal {
    margin-left: -240px;
    margin-top: -150px;
  }
  .modal-underlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    background-color: #000;
    transition: opacity 1s;
  }
  .ui-dialog-titlebar-close {
    cursor: pointer;
    position: absolute;
    border: none;
    background: none;
    /*! @noflip */
    right: 20px;
    top: 20px;
    width: 14px;
    height: 14px;
    background: transparent url(images/shared/icon-x.png) center center no-repeat;
  }
  .monogram-small {
    background: transparent url("images/shared/monogram-small@2x.png") center center no-repeat;
    background-size: 100%;
    margin: 0 auto;
    height: 24px;
    width: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .mobile .pwr-modal {
    width: 100%;
    padding: 0;
  }
  /* Default font for udt and sso spinner content */
  .default-font {
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
  }
  /* Animator setting */
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  @-webkit-keyframes rotation {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-moz-keyframes rotation {
    from {
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -moz-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-o-keyframes rotation {
    from {
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -o-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  /**
   * @fileOverview account page.
   * @old_name paypal.less
   * @tested ?
   */
  html {
    background-color: #fff;
    min-height: 100%;
  }
  /* Default font for udt and sso spinner content */
  body {
    min-height: 100%;
    padding: 0;
    color: #001435;
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
    font-size: 100%;
    /* Base font size is 16px */
    -webkit-box-align: center;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  .hide {
    display: none !important;
  }
  .invisible {
    opacity: 0;
    position: absolute;
    z-index: -9999;
  }
  /* Default spinner */
  .spinner,
  .mask {
    position: fixed;
    top: 43%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    margin: 0;
    text-align: center;
  }
  .spinner:after,
  .mask:after {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .mask:after {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  .spinner.smallSpinner:before {
    width: 3rem;
    height: 3rem;
  }
  .spinner:before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    width: 6rem;
    height: 6rem;
    border-left: 0.125rem solid #003087;
    border-right: 0.125rem solid #003087;
    border-bottom: 0.125rem solid #003087;
    border-top: 0.125rem solid #003087;
    border-radius: 50px;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    box-sizing: border-box;
    clip-path: polygon(50% 0%, 50% 50%, 100% 50%, 100% 100%, 0px 100%, 0px 0px);
    line-height: 18.4px;
    margin-block-end: 16px;
    margin-block-start: 16px;
  }
  .lower-than-ie9 .spinner:before,
  .lower-than-ie10 .spinner:before {
    background: transparent url("webstatic/checkout/hermes/icon_loader_med.gif") top center no-repeat;
    border: none;
    width: 50px;
    height: 50px;
  }
  /* Lock icon spinner */
  .spinnerWithLockIcon,
  .mask {
    position: fixed;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 0px;
    z-index: 9998;
    margin: 0;
    margin-top: -50px;
    text-align: center;
  }
  .spinnerWithLockIcon:after,
  .mask:after {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .lockIcon {
    background: url(images/checkout/hermes/icon_ot_spin_lock_skinny.png) no-repeat center center;
    position: fixed;
    width: 60px;
    height: 50px;
    top: 40%;
    left: 50%;
    margin: -12px 0 0 -30px;
    z-index: 9999;
  }
  .nonTransparentMask:after,
  .mask:after {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    filter: alpha(opacity=100) !important;
  }
  .spinnerWithLockIcon:before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    width: 6rem;
    height: 6rem;
    border-left: 0.125rem solid #003087;
    border-right: 0.125rem solid #003087;
    border-bottom: 0.125rem solid #003087;
    border-top: 0.125rem solid #003087;
    border-radius: 50px;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    box-sizing: border-box;
    clip-path: polygon(50% 0%, 50% 50%, 100% 50%, 100% 100%, 0px 100%, 0px 0px);
    line-height: 18.4px;
    margin-block-end: 16px;
    margin-block-start: 16px;
  }
  .lower-than-ie9 .spinnerWithLockIcon:before,
  .lower-than-ie10 .spinnerWithLockIcon:before {
    background: transparent url("webstatic/checkout/hermes/icon_loader_med.gif") top center no-repeat;
    border: none;
    width: 50px;
    height: 50px;
  }
  div.indie-spinner {
    display: block;
    width: 50px;
    height: 50px;
  }
  div.indie-spinner:before {
    display: block;
    content: "";
    width: 90%;
    height: 90%;
    border-left-color: rgba(0, 0, 0, 0.2);
    border-right-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-top-color: #2180c0;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    animation: rotation 0.7s infinite linear;
  }
  div.indie-spinner.withLockIcon {
    background-image: url("images/checkout/hermes/icon_ot_spin_lock_skinny.png");
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: 50% 50%;
  }
  .qrcSpinner,
  .mask {
    position: fixed;
    top: 43%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    margin: 0;
    text-align: center;
  }
  .qrcSpinner:after,
  .mask:after {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
  }
  .mask:after {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  .qrcSpinner:before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    border-left: 0.125rem solid #142c8e;
    border-right: 0.125rem solid #142c8e;
    border-bottom: 0.125rem solid rgba(0, 0, 0, 0);
    border-top: 0.125rem solid #142c8e;
    border-radius: 50px;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
  }
  .lower-than-ie9 .qrcSpinner:before,
  .lower-than-ie10 .qrcSpinner:before {
    background: transparent url("webstatic/checkout/hermes/icon_loader_med.gif") top center no-repeat;
    border: none;
    width: 50px;
    height: 50px;
  }
  .spinner .welcomeMessage {
    font-size: 17.5px;
  }
  .spinner .udtSpinnerMessage {
    width: 300px;
    margin: 1% auto;
  }
  .headerPanel {
    width: 100%;
    background: #FAF8F5;
    font-size: 16px;
    padding: 10px 14px 10px 14px;
    justify-content: center;
    position: absolute;
  }
  .headerPanel header.logo-with-cart-and-country {
    display: table;
    width: 100%;
  }
  .headerPanel header.logo-with-cart-and-country .localeSelector {
    width: 33.33%;
  }
  .headerPanel header.logo-with-cart-and-country .payPalLogo {
    width: 33.33%;
    display: table-cell;
  }
  .headerPanel header.logo-with-cart-and-country .payPalLogo .paypal-logo {
    margin: 0;
    padding: 0;
    position: relative;
    margin: 0 auto;
  }
  .headerPanel header.logo-with-cart-and-country .payPalLogo .paypal-logo-monogram {
    width: 26px;
    height: 22px;
  }
  .headerPanel header.logo-with-cart-and-country .cartWrapper {
    text-align: right;
    display: table-cell;
    overflow: auto;
    width: 33.33%;
  }
  .headerPanel header.logo-with-cart-and-country .cart {
    float: right;
    z-index: 1;
    padding: 8px 0 0;
    margin-bottom: 0;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    text-align: right;
    color: #001435;
    text-shadow: 1px 1px 1px #fff;
    background-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    color: #0070E0;
  }
  .headerPanel header.logo-with-cart-and-country .cart span {
    font-weight: 600;
  }
  .contentContainerWithHeaderPanel {
    position: unset;
  }
  .showHeaderPanelWithCountry {
    padding-top: 60px;
  }
  header.logo-with-cart,
  header.logo-with-cta-button {
    display: table;
    width: 100%;
    margin: 0 auto 20px;
    /**
      * This override is to ensure displaying the cart amount in the left to right directional format
      * always (even in the right to left locale country)
      */
  }
  header.logo-with-cart .paypal-logo,
  header.logo-with-cta-button .paypal-logo {
    margin: 0;
    padding: 0;
    display: table-cell;
  }
  header.logo-with-cart .cartWrapper,
  header.logo-with-cta-button .cartWrapper,
  header.logo-with-cart .callToActionWrapper,
  header.logo-with-cta-button .callToActionWrapper {
    text-align: right;
    display: table-cell;
    overflow: auto;
  }
  header.logo-with-cart .cart,
  header.logo-with-cta-button .cart,
  header.logo-with-cart .callToAction,
  header.logo-with-cta-button .callToAction {
    float: right;
    z-index: 1;
    padding: 4px 0 0;
    margin-bottom: 0;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    color: #001435;
    text-shadow: 1px 1px 1px #fff;
    background-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
  }
  header.logo-with-cart .cart .cartIcon,
  header.logo-with-cta-button .cart .cartIcon,
  header.logo-with-cart .callToAction .cartIcon,
  header.logo-with-cta-button .callToAction .cartIcon {
    display: inline-block;
    flex: 1;
    width: 30px;
    height: 23px;
    margin-right: 2px;
    background: url("paypal-ui/icons/svg/cart.svg") center center no-repeat;
  }
  header.logo-with-cart .callToAction,
  header.logo-with-cta-button .callToAction {
    padding: 0;
  }
  header.logo-with-cart .ltrDisplay,
  header.logo-with-cta-button .ltrDisplay {
    /*! @noflip */
    direction: ltr !important;
    unicode-bidi: bidi-override !important;
    flex: 1;
    margin-top: 3px;
  }
  .merchantName {
    position: absolute;
    left: 0px;
    top: -30px;
    margin: 0;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .headerTextWithSeparator {
    border-top: 1px solid #cbd2d6;
    padding-top: 20px;
  }
  .headerTextWithoutSeparator {
    padding-top: 20px;
  }
  @media all and (max-width: 767px) {
    .headerTextWithoutSeparator {
      padding-top: 0px;
    }
    .merchantName {
      display: none;
    }
  }
  .eConsent .headerText {
    padding: 0 0 10px 0;
    text-align: left;
    font-size: 24px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .paraBelowHeading {
    margin: 0 0;
    font-size: 15px;
    padding: 0 0 15px 0;
  }
  .errorCheckboxMessage {
    background-color: #c72e2e;
    border-radius: 5px;
    color: #fff;
    padding: 7px;
    position: absolute;
    z-index: 2;
    font-size: 0.8em;
    top: 35px;
    left: 0;
  }
  .overlayMask {
    opacity: 0.75;
    background: black;
    z-index: 15000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0;
  }
  .overlayContainer {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
    z-index: 20000;
    text-align: center;
    bottom: 0px;
    position: fixed;
  }
  .overlayLogoContainer {
    position: relative;
    top: 54px;
  }
  .overlayLogo {
    margin: auto;
    width: 84px;
    padding: 6px;
    background: #fff;
    border-radius: 50%;
  }
  .overlayContentContainer {
    border-radius: 5px 5px 0px 0px;
    background: #fff;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 44px;
    padding-top: 54px;
    line-height: 24px;
  }
  .overlayClose {
    position: absolute;
    top: 90px;
    right: 30px;
    width: 25px;
    height: 25px;
    border: none;
    background: white;
  }
  .overlayHeading {
    font-size: 15px;
    margin-top: 6px;
    margin-bottom: 16px;
  }
  .overlayOptIn button {
    border-radius: 18px;
    background: #0070ba;
    min-height: 36px;
    color: #ffffff;
    font-size: 13px;
    line-height: 18px;
  }
  .overlayDisclaimer p {
    margin-top: 12px;
    margin-bottom: 16px;
    color: #2c2e2f;
    font-size: 13px;
    line-height: 18px;
  }
  .overlaySeparator {
    border-top: 1px solid #cbd2d6;
  }
  .overlayDetails {
    padding-top: 8px;
  }
  .overlayDetails p {
    text-align: left;
    color: #2c2e2f;
    font-size: 13px;
    line-height: 18px;
  }
  .overlayDetailsToggle {
    color: #0070ba;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
  }
  .overlaySlideUp {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0, 1, 0.25, 1);
  }
  .overlaySlideDown {
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    max-height: 750px;
    overflow: hidden;
  }
  .overlaySpinnerPayPal {
    background: transparent url("images/shared/paypal_circular@3x.png") top center no-repeat;
    background-size: 72px;
    height: 72px;
  }
  .overlaySpinnerSuccessPayPal {
    background: transparent url("images/shared/paypal_spinner_success_check@3x.gif") top center no-repeat;
    background-size: 72px;
    height: 72px;
  }
  .overlaySpinnerCart {
    background: transparent url("images/shared/cart_circular@3x.png") top center no-repeat;
    background-size: 72px;
    height: 72px;
  }
  .overlaySpinnerSuccessCart {
    background: transparent url("images/shared/cart_spinner_success_check@3x.gif") top center no-repeat;
    background-size: 72px;
    height: 72px;
  }
  .overlaySpinnerFingerprint {
    background: transparent url("images/shared/blue_fingerprint@3x.png") top center no-repeat;
    background-size: 72px;
    height: 72px;
  }
  .overlayDetailsTitle {
    text-align: left;
    font-size: 15px !important;
    font-weight: bold;
    margin: 10px 0 5px 0;
  }
  .overlayDetailsList {
    text-align: left;
    margin: 0 0 0 20px;
  }
  .toast-container {
    display: flex;
    position: fixed;
    top: 0rem;
    z-index: 1051;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 0rem * 2);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .toast-container[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
  }
  .toast-container.toast-container--show {
    animation: toast-fadein 0.3s cubic-bezier(0, 0.9, 0.3, 1);
  }
  .toast-container.toast-container--hide {
    animation: toast-fadeout 0.3s cubic-bezier(0, 0.9, 0.3, 1);
  }
  .toast-container .toast {
    display: flex;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.75rem;
    left: 0;
    right: 0;
    margin: auto;
    white-space: normal;
    color: #ffffff;
    background-color: #2c2e2f;
    max-width: 30rem;
    pointer-events: auto;
  }
  .toast-container .toast--type_success {
    background-color: #cbf3ec;
    color: #25694f;
  }
  .toast-container .toast--type_success:before {
    content: '\e90e';
  }
  .toast-container .toast--type_success:before,
  .toast-container .toast--type_success .toast__success-icon {
    padding-right: 0.5rem;
    color: #25694f;
    font-size: 1.5rem;
    padding-top: 0;
  }
  .toast-container [dir='rtl'] .toast--type_success:before,
  .toast-container [dir='rtl'] .toast--type_success .toast__success-icon {
    padding-left: 0.5rem;
    padding-right: 0;
  }
  .toast-container .toast--type_success-with-svg-icon:before {
    display: none;
  }
  .toast-container .icon--size_sm {
    font-size: 1.5rem;
  }
  .toast-container .icon--svg {
    speak: none;
    line-height: 1;
    display: inline-block;
  }
  .toast-container .icon--svg img,
  .toast-container .icon--svg svg {
    width: 1em;
    height: 1em;
    display: block;
  }
  @keyframes toast-fadein {
    0% {
      transform: translate(-50%, -2rem);
      opacity: 0;
    }
    100% {
      visibility: visible;
      transform: translate(-50%, 0);
      opacity: 1;
    }
  }
  @keyframes toast-fadeout {
    0% {
      visibility: visible;
      transform: translate(-50%, 0);
      opacity: 1;
    }
    100% {
      visibility: hidden;
      transform: translate(-50%, -2rem);
      opacity: 0;
    }
  }
  /* mobile ---- */
  @media all and (max-width: 767px) {
    .toast-container {
      position: relative;
    }
  }
  /* stylelint-enable */
  /* page */
  /* Page specific CSS files */
  .checkboxContainer {
    position: relative;
    display: table;
  }
  .checkboxInput {
    margin: 0;
    padding: 0;
    height: 25px;
    width: 25px;
    vertical-align: middle;
    opacity: 0;
  }
  .checkboxLabel {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    line-height: 1.35em;
  }
  .checkboxLabel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background: url('images/shared/sprite_forms_2x.png') -9px 0;
    background-size: 40px;
  }
  .checkboxInput:checked + .checkboxLabel::before {
    background-position: -9px -400px;
  }
  .checkboxInput:focus + .checkboxLabel::before {
    background-position: -9px -4601px;
  }
  .checkboxInput:checked:focus + .checkboxLabel::before {
    background-position: -9px -4801px;
  }
  .errorCheckbox + .checkboxLabel::before {
    background-position: -9px -5001px;
  }
  .checkboxMoreInfo {
    display: table-cell;
    vertical-align: top;
  }
  .maskable {
    position: relative;
  }
  .keepMeLogin {
    margin: 14px 0 24px;
  }
  .keepMeLogin .tagLine {
    margin: 0;
    padding: 0 15px 0 35px;
    font-size: 13px;
  }
  .keepMeLoginAbout {
    position: relative;
    display: inline-block;
    margin: 2px 0 0 10px;
    width: 20px;
    height: 20px;
    text-indent: -999em;
    direction: ltr;
    background-position: 0 0;
  }
  .keepMeLoginAbout:focus {
    background-position: 0 -100px;
  }
  .keepMeLoginAbout:active {
    background-position: 0 -200px;
  }
  .keepMeLoginTerms {
    padding: 0 15px 0 35px;
    font-size: 13px;
    line-height: 17px;
  }
  .keepMeLoginTermsShow {
    display: block;
  }
  .keepMeLoginTerms p {
    margin: 10px 0;
  }
  .keepMeLoginTerms *:last-of-type {
    margin-bottom: 0;
  }
  .no-js .keepMeLoginTerms {
    display: block;
  }
  .phonePresentNoSibling:after {
    display: none;
  }
  .forgotLink {
    margin: 20px 0 20px 0;
    text-align: center;
    border-bottom: none;
    /* Position tooltip below the link */
  }
  .forgotLink .bubble-tooltip {
    margin: 7px 0 0;
    padding: 8px 12px;
    border: 1px solid #009cde;
    position: absolute;
    background: #f6fdff;
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
    color: #001435;
    text-shadow: 0 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    width: 64%;
    z-index: 2;
    margin: 2% 8%;
    padding: 2% 2%;
    font-size: 12px;
  }
  .forgotLink .bubble-tooltip:before {
    border-color: transparent transparent #009cde;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 50%;
    top: -14px;
    z-index: 1;
    content: "";
  }
  .forgotLink .bubble-tooltip:after {
    border-color: transparent transparent #f6fdff;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 50%;
    top: -12px;
    z-index: 2;
    content: "";
  }
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .forgotLinkNoSibling {
    margin: 14px 0 0;
    padding-bottom: 0;
    border-bottom: 0;
    font-size: 0.86666667em;
  }
  .tryPasswordless {
    margin-top: 10px;
  }
  .injectedSignin .corral {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  /* Style to position the flash object at bottom right of the view for inlineUL use case. This helps to avoid causing
  login field overlap with flash block image (in case browser installed with any plug in to block flash)
  */
  .injectedUlLayout .flc-panel {
    position: fixed;
    bottom: 0;
    right: 0;
  }
  .notYouLogin {
    word-wrap: break-word;
    max-width: 90%;
  }
  .notYouLogin + .icon {
    top: -8px;
  }
  .show-hide-password {
    background: none;
    border: none;
    color: #0070E0;
    cursor: pointer;
    position: absolute;
    /*! @noflip */
    font-size: 13px;
    font-family: "pp-open-bold", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
  }
  #passwordSection.showHideButtonForEligibleBrowser .textInput .fieldWrapper {
    display: flex;
    border: 1px solid #9da3a6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
  }
  #passwordSection.showHideButtonForEligibleBrowser .textInput .fieldWrapper:hover,
  #passwordSection.showHideButtonForEligibleBrowser .textInput .fieldWrapper:active {
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    border: 0.0625rem solid #0070E0;
  }
  #passwordSection.showHideButtonForEligibleBrowser .textInput.hasError input[type="text"]::-webkit-input-placeholder {
    color: transparent;
  }
  #passwordSection.showHideButtonForEligibleBrowser .textInput.hasError input[type="text"]:-moz-placeholder {
    color: transparent;
  }
  #passwordSection.showHideButtonForEligibleBrowser .textInput.hasError input[type="text"]::-moz-placeholder {
    color: transparent;
  }
  #passwordSection.showHideButtonForEligibleBrowser .textInput.hasError input[type="text"]:-ms-input-placeholder {
    color: transparent;
  }
  #passwordSection.showHideButtonForEligibleBrowser .textInput.hasError .fieldWrapper {
    border: 1px solid #d9360b;
  }
  #passwordSection.showHideButtonForEligibleBrowser .textInput input,
  #passwordSection.showHideButtonForEligibleBrowser .textInput textarea {
    border: none;
  }
  #passwordSection.showHideButtonForEligibleBrowser .show-hide-password {
    position: inherit;
    top: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }
  #passwordSection.showHideButtonForEligibleBrowser .show-hide-password:focus,
  #passwordSection.showHideButtonForEligibleBrowser .show-hide-password:active {
    outline: 0;
    background-color: #fff;
  }
  .lower-than-ie10 .show-hide-password {
    bottom: -5px;
  }
  /*Hide the show hide buttons in case of empty field validation error*/
  .hasError .show-hide-password {
    display: none;
  }
  .pad-right {
    /*! @noflip */
    padding-right: 45px !important;
  }
  .tel-password {
    -webkit-text-security: disc;
  }
  header h1 {
    text-align: center;
    margin-bottom: 20px;
  }
  .loginSignUpSeparator {
    border-top: 1px solid #CBD2D6;
    position: relative;
    margin-top: 8.72%;
    margin-bottom: 4.895%;
    height: 15px;
    text-align: center;
    font-size: 83.34%;
  }
  .loginSignUpSeparator .textInSeparator {
    background-color: #fff;
    padding: 0 0.5em;
    position: relative;
    color: #6c7378;
    top: -0.7em;
  }
  .adjustSeparator {
    margin-bottom: 25px;
  }
  .slideUp {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  }
  .slideDown {
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    max-height: 500px;
    overflow: hidden;
  }
  .no-js .slideUp {
    overflow: visible;
    max-height: 500px;
  }
  .invisiblePwd {
    height: 0 !important;
    width: 0 !important;
    overflow: hidden;
    opacity: 0;
    position: fixed;
    bottom: 0;
    right: 0;
  }
  .profileDisplayName {
    font-size: 18px;
    text-align: center;
    font-family: HelveticaNeue-Medium, "Helvetica Neue Medium", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .confirmEmailHeaderText {
    margin-top: 10px;
  }
  .confirmEmailFailureMessage {
    margin-bottom: 4.72%;
    text-align: center;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .confirmEmailFailureMessage .profileDisplayEmail,
  .confirmEmailFailureMessage span {
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    padding-right: 10px;
    max-width: 300px;
    display: inline-block;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .profileRememberedEmail,
  .ssoInterstitialProfileRememberedEmail,
  .otpDisplayCredentials {
    margin-bottom: 4.72%;
    text-align: center;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .profileRememberedEmail .profileDisplayEmail,
  .ssoInterstitialProfileRememberedEmail .profileDisplayEmail,
  .otpDisplayCredentials .profileDisplayEmail,
  .profileRememberedEmail span,
  .ssoInterstitialProfileRememberedEmail span,
  .otpDisplayCredentials span {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    padding-right: 10px;
    max-width: 300px;
    display: inline-block;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .profileRememberedEmail .notYouLink,
  .ssoInterstitialProfileRememberedEmail .notYouLink,
  .otpDisplayCredentials .notYouLink,
  .profileRememberedEmail a,
  .ssoInterstitialProfileRememberedEmail a,
  .otpDisplayCredentials a {
    display: inline-block;
  }
  .bold {
    font-weight: bold;
  }
  .forcedSignupContainer {
    display: flex;
    justify-content: center;
  }
  .forcedSignupContainer div {
    margin-right: 10px;
  }
  .optionalSignupContainer {
    margin-top: 10px;
  }
  .optionalSignupContainer a:first-child {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
  }
  [class="corral"] .tryAnotherWayLinkContainer a {
    font-size: 15px;
  }
  .tryAnotherWayLinkContainer,
  .confirmEmailFailureGoToAccountContainer {
    text-align: center;
    margin-top: 10px;
  }
  .tryAnotherWayLinkContainer a,
  .confirmEmailFailureGoToAccountContainer a {
    text-decoration: none;
  }
  .confirmEmailFailureGoToAccountContainer {
    padding: 4.72%;
    margin: 4.72%;
  }
  .confirmEmailSuccessButton {
    margin-top: 6.2%;
    margin-bottom: 62px;
  }
  .confirmEmailIcon {
    margin-top: 50px;
  }
  .profileIcon {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }
  .profilePhoto {
    background-color: #f2f2f2;
    background-size: cover;
  }
  .profilePlaceHolderImg {
    background-image: url(images/shared/icon_profile_placeholder@2x.png);
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: 22px 19px;
    background-color: #f7f9fa;
    border: 1px solid #d4d9dc;
  }
  .profileInitials {
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2em;
    text-align: center;
    line-height: 85px;
    /*center align text vertically by setting this same as the height of this div*/
    background: #f2f2f2;
    box-shadow: 0 0 1px #999;
    text-shadow: 1px 1px 1px #fff;
  }
  .rewardsBar {
    width: 100%;
    z-index: 1;
    margin-top: 120px;
    margin-bottom: -128px;
  }
  .rewardsContainer {
    display: flex;
    align-items: center;
    flex: 1;
    width: 80%;
  }
  .trophyContainer {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px;
    margin-right: 15px;
  }
  .trophyIcon {
    background-image: url(paypal-ui/icons/v3/svg/trophy.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    filter: invert(14%) sepia(29%) saturate(7387%) hue-rotate(212deg) brightness(93%) contrast(107%);
    width: 24px;
    height: 24px;
    display: inline-block;
    right: 4.71px;
  }
  .dealsContainer {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px;
    background: #D1E5F9;
    margin-right: 15px;
  }
  .dealsIcon {
    background-image: url(paypal-ui/icons/v3/svg/deals.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    filter: invert(14%) sepia(29%) saturate(7387%) hue-rotate(212deg) brightness(93%) contrast(107%);
    width: 24px;
    height: 24px;
    display: inline-block;
    right: 4.71px;
  }
  .displayRewards {
    display: flex;
    margin-bottom: 0px;
    width: 100%;
    height: 72px;
    background: #F1EDE8;
    font-size: 16px;
    padding: 16px;
    align-items: center;
  }
  .displayRewards .rewardsMessage {
    margin-right: 15px;
    text-align: left;
  }
  .rewardsCloseIcon {
    color: #545D68;
  }
  .rewardsCloseBtn {
    width: 24px;
  }
  .rewardsBorder {
    border-radius: 12px;
    margin-top: 32px;
  }
  .rememberProfile {
    margin: 10px 0 20px;
    /* tooltip bubble on the link */
    /* Position tooltip below the link */
  }
  .rememberProfile label {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 1px;
    max-width: 300px;
    display: inline-block;
  }
  .rememberProfile .infoLink {
    position: relative;
    cursor: pointer;
  }
  .rememberProfile .bubble-tooltip {
    margin: 7px 0 0;
    padding: 8px 12px;
    border: 1px solid #009cde;
    position: absolute;
    background: #f6fdff;
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
    color: #001435;
    text-shadow: 0 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 280px;
    z-index: 10;
  }
  .rememberProfile .bubble-tooltip:before {
    border-color: transparent transparent #009cde;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 50px;
    top: -14px;
    z-index: 9;
    content: "";
  }
  .rememberProfile .bubble-tooltip:after {
    border-color: transparent transparent #f6fdff;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 50px;
    top: -12px;
    z-index: 10;
    content: "";
  }
  .keychainMessage {
    margin: 12px 0% !important;
  }
  .educationMessage {
    padding: 12px 12px 12px 47px;
    margin: 12px 8% 0;
    background-color: #ffffff;
    border: 1px solid #009cde;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }
  .educationMessage .messageContainer {
    position: relative;
  }
  .educationMessage .messageContainer::before {
    content: "";
    background: url('images/shared/icon-sprite2-2x.png') no-repeat;
    background-size: 20px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 3px;
    left: -30px;
    background-position: -1px -401px;
    background-color: #fff;
    border-radius: 100px;
  }
  .lower-than-ie9 .educationMessage .messageContainer::before {
    background-image: url('images/shared/icon-sprite2-1x.png');
  }
  .educationMessage .iconCloseEducation {
    position: absolute;
    right: -20px;
    font-size: 17px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
  }
  .educationMessage p,
  .educationMessage a {
    color: #001435;
    font-family: HelveticaNeue;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    margin: 0;
  }
  .educationMessage a {
    color: #0070E0;
    font-weight: 500;
  }
  .publicCredentialToggle {
    margin: 20px 0;
    text-align: center;
    border-bottom: none;
  }
  .moreOptionsDiv {
    margin-top: 20px;
  }
  .moreoptionsGroup {
    list-style-type: none;
    text-align: left;
  }
  .moreoptionsGroup li {
    padding: 7px 0;
    font-size: 0.9em;
  }
  .moreoptionsGroup li:not(:last-child) {
    border-bottom: solid;
    border-bottom-width: 0.5px;
    border-bottom-color: #ddd;
  }
  .tpdDemo {
    text-align: center;
    margin: 7px 0 0;
    padding: 8px 12px;
    border: 1px solid #009cde;
    position: absolute;
    background: #f6fdff;
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
    color: #001435;
    text-shadow: 0 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    width: 100%;
    z-index: 2;
    padding: 2% 2%;
    font-size: 12px;
  }
  .tpdDemo .tpdDemoContent {
    margin: 10px;
  }
  .tpdDemo:before {
    border-color: transparent transparent #009cde;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 50%;
    top: -14px;
    z-index: 1;
    content: "";
  }
  .tpdDemo:after {
    border-color: transparent transparent #f6fdff;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 50%;
    top: -12px;
    z-index: 2;
    content: "";
  }
  .moreOptionsDiv {
    text-align: center;
  }
  .moreOptionsDiv .bubble-tooltip {
    left: 35%;
    margin: 7px 0 0;
    padding: 8px 12px;
    border: 1px solid #009cde;
    position: absolute;
    background: #f6fdff;
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
    color: #001435;
    text-shadow: 0 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 60%;
    z-index: 10;
  }
  .moreOptionsDiv .bubble-tooltip:before {
    border-color: transparent transparent #009cde;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 50px;
    top: -14px;
    z-index: 9;
    content: "";
  }
  .moreOptionsDiv .bubble-tooltip:after {
    border-color: transparent transparent #f6fdff;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 50px;
    top: -12px;
    z-index: 10;
    content: "";
  }
  .passwordInstead {
    text-align: center;
  }
  .passwordInstead .bubble-tooltip {
    left: 10%;
    margin: 0;
    margin: 7px 0 0;
    padding: 8px 12px;
    border: 1px solid #009cde;
    position: absolute;
    background: #f6fdff;
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
    color: #001435;
    text-shadow: 0 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    width: 90%;
    z-index: 10;
  }
  .passwordInstead .bubble-tooltip:before {
    border-color: transparent transparent #009cde;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 120px;
    top: -14px;
    z-index: 9;
    content: "";
  }
  .passwordInstead .bubble-tooltip:after {
    border-color: transparent transparent #f6fdff;
    border-style: dashed solid;
    border-width: 7px;
    position: absolute;
    left: 120px;
    top: -12px;
    z-index: 10;
    content: "";
  }
  @media all and (max-width: 767px) {
    .rewardsBar {
      width: 100%;
      z-index: 1;
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .profileIcon {
      width: 75px;
      height: 75px;
    }
    .profilePlaceHolderImg {
      background-size: 41px;
      background-position: 17px 15px;
    }
    .moreoptionsGroup li {
      padding: 5px 0;
      font-size: 0.9em;
    }
    .confirmEmailContentContainer {
      margin-top: 27%;
    }
  }
  .cookiedProfile {
    text-align: left;
    margin-bottom: 10px;
    height: 44px;
    width: 100%;
    padding: 12px 10px 12px 5px;
    border: 1px solid #9da3a6;
    background: #fff;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #6c7378;
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    /*! @noflip */
    direction: ltr;
    background-color: #f7f9fa;
  }
  .cookiedProfile .notYouLink {
    background: 0 0;
    border: 0;
    color: #0079ad;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 14px;
    font-size: 13px;
  }
  .rtlFpPlaceholder ::-webkit-input-placeholder {
    /* WebKit browsers */
    /*! @noflip */
    padding: 30px;
  }
  .rtlFpPlaceholder :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    /*! @noflip */
    padding: 30px;
  }
  .rtlFpPlaceholder ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    /*! @noflip */
    padding: 30px;
  }
  .rtlFpPlaceholder :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    /*! @noflip */
    padding: 30px;
  }
  .errorMessageFp.hasError input {
    background-position: 99% -402px;
    /*! @noflip */
    background-position: top -402px right 40px;
  }
  .textInputMask.email.maskEnabled {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-size: 1em;
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
    align-items: center;
  }
  .textInputMask.email.maskEnabled .maskDisplay {
    margin-right: 10px;
  }
  .recoveryOption {
    display: inline-block;
    line-height: 24px;
    text-size-adjust: 100%;
    font-style: normal;
  }
  .forgotPassword {
    display: inline-block;
    margin: 0px 0px 16px;
  }
  .signUpLink {
    margin: 60px 0;
  }
  .signUpLink p {
    margin-bottom: 5px;
  }
  .signUpLink a {
    font-weight: 550;
  }
  .auCdrDisclaimer {
    margin: 0 0 7.08%;
    font-size: 15px;
  }
  .otpLogin .mobileNumbers {
    padding-bottom: 30px;
  }
  .otpLogin .emailAddresses {
    padding-bottom: 30px;
  }
  .otpLogin .selectPhoneChallenges {
    height: 56px;
    border: 1px solid #9da3a6;
    z-index: 101;
    left: 0;
    width: 100%;
    direction: ltr;
    border-radius: 5px;
  }
  .otpLogin .selectPhoneChallenges select {
    position: relative;
    height: 44px;
    width: 100%;
    border: 0.0625rem solid #929496;
    background: #ffffff;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    direction: ltr;
    margin: 0;
    overflow: hidden;
    align-items: flex-start;
    appearance: button;
  }
  .otpLogin .selectPhoneChallenges .selectedPhoneChallenge {
    position: relative;
    text-align: left;
    bottom: 40px;
    left: 12px;
    height: 44px;
    display: table;
    width: 100%;
  }
  .otpLogin .selectPhoneChallenges .selectedPhoneChallenge p {
    padding: 0;
    margin: 0;
  }
  .otpLogin .selectPhoneChallenges .selectedPhoneChallenge::after {
    content: '';
    position: absolute;
    top: 3px;
    /*! @noflip */
    right: 25px;
    height: 8px;
    width: 8px;
    /*! @noflip */
    margin: 8px 0 0 8px;
    border-color: #333;
    border-image: none;
    border-style: solid;
    /*! @noflip */
    border-width: 1px 1px 0 0;
    /*! @noflip */
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .otpLogin .selectEmailChallenges {
    height: 56px;
    border: 1px solid #9da3a6;
    z-index: 101;
    left: 0;
    width: 100%;
    direction: ltr;
    border-radius: 5px;
  }
  .otpLogin .selectEmailChallenges select {
    position: relative;
    height: 44px;
    width: 100%;
    border: none;
    background: none;
    opacity: 0;
    z-index: 1;
    direction: ltr;
  }
  .otpLogin .selectEmailChallenges .selectedEmailChallenges {
    position: relative;
    text-align: left;
    bottom: 40px;
    left: 12px;
    height: 44px;
    display: table;
    width: 100%;
  }
  .otpLogin .selectEmailChallenges .selectedEmailChallenges p {
    padding: 0;
    margin: 0;
  }
  .otpLogin .selectEmailChallenges .selectedEmailChallenges::after {
    content: '';
    position: absolute;
    top: 3px;
    /*! @noflip */
    right: 25px;
    height: 8px;
    width: 8px;
    /*! @noflip */
    margin: 8px 0 0 8px;
    border-color: #333;
    border-image: none;
    border-style: solid;
    /*! @noflip */
    border-width: 1px 1px 0 0;
    /*! @noflip */
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .otpPrimary p,
  .otpPrimary div,
  .otpPrimary span,
  .otpPrimary h1,
  .otpPrimary label,
  .otpPrimary select {
    font-family: "pp-open-regular", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-display: swap;
  }
  .otpPrimary button {
    font-family: "pp-sans-big-medium", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-variant: normal;
    font-size: 100%;
    border-radius: 25px;
    height: 48px;
  }
  .otpPrimary .secondaryLink {
    margin: 16px 0 0;
    font-weight: bold;
    font-size: 100%;
  }
  .otpPrimary .paypal-logo {
    margin-top: 23px;
  }
  .otpPrimary .headerText {
    padding: 0 0 16px 0;
    font-size: 150%;
    text-align: center;
  }
  .otpLoginPrimary .paypal-logo {
    margin-top: 42px;
    margin-bottom: 32px;
  }
  .otpLoginPrimary .logoSpacing {
    margin-top: 90px;
  }
  .otpLoginPrimary .headerText {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 18px;
  }
  .otpLoginPrimary .mobileNumbers {
    padding-bottom: 24px;
  }
  .otpLoginPrimary .selectPhoneChallenges {
    height: 56px;
  }
  .otpLoginPrimary .selectEmailChallenges {
    height: 56px;
  }
  .otpLoginPrimary .maskedPhoneNumber {
    position: absolute;
    width: 287px;
    height: 24px;
    top: 11px;
    font-size: 16px;
  }
  .otpLoginPrimary .maskedEmailAddress {
    position: absolute;
    width: 287px;
    height: 24px;
    top: 11px;
    font-size: 16px;
  }
  .otpLoginPrimary .selectPhoneChallenges .selectedPhoneChallenge::after {
    top: 9px;
    margin-right: 10px;
  }
  .otpLoginPrimary .selectEmailChallenges .selectedEmailChallenges::after {
    top: 9px;
    margin-right: 10px;
  }
  .otpLoginPrimary .smsDisclaimer {
    font-size: 14px;
    margin-top: 24px;
  }
  .otpLoginPrimary .contentContainerBordered {
    padding-top: 0px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
  }
  @media all and (max-width: 767px) {
    .otpLoginPrimary .contentContainerBordered {
      margin-top: 0px;
    }
  }
  .otpLoginPrimary .profileBar {
    width: 100%;
    position: absolute;
  }
  .otpLoginPrimary .otpDisplayCredentials {
    display: flex;
    margin-bottom: 0px;
    width: 100%;
    background: #F6F6F6;
    font-size: 16px;
    padding: 16px;
    justify-content: center;
    position: absolute;
  }
  .otpLoginPrimary .otpDisplayCredentials a {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
  }
  .otpLoginPrimary .forgotLink a {
    font-size: 16px;
  }
  .otpLoginSmsIcon {
    display: inline-block;
    background-image: url('images/unifiedLogin/otpLoginSms.png');
    background-repeat: no-repeat;
    background-position: center top;
    height: 62px;
    width: 48px;
    margin-bottom: 10px;
  }
  .maskedNumber {
    font-size: 20px;
  }
  .maskedNumber::before {
    background-image: url(paypal-ui/icons/svg/mobile.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    filter: invert(25%) sepia(99%) saturate(1686%) hue-rotate(185deg) brightness(96%) contrast(101%);
    width: 24px;
    height: 24px;
    display: inline-block;
    content: ' ';
    position: relative;
    top: 5px;
    right: 4.71px;
  }
  .maskedEmail {
    font-size: 17px;
  }
  .maskedEmail::before {
    height: 24px;
    display: inline-block;
    content: ' ';
    position: relative;
    top: 5px;
    right: 4.71px;
  }
  .otp-logo-warning {
    background-image: url(paypal-ui/illustrations/svg/warning.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 82px;
    height: 82px;
    margin: 0 auto 20px;
    overflow: hidden;
    white-space: nowrap;
  }
  .otp-logo-critical {
    background-image: url(paypal-ui/illustrations/svg/critical.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 82px;
    height: 82px;
    margin: 0 auto 20px;
    overflow: hidden;
    white-space: nowrap;
  }
  .otp-error-logo {
    background-image: url(paypal-ui/illustrations/svg/warning.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 82px;
    height: 82px;
    margin: 0 auto 20px;
    overflow: hidden;
    white-space: nowrap;
  }
  .otpLoginViaLink {
    text-align: center;
    margin-top: 16px;
  }
  .otpLoginViaLink a {
    font-weight: 550;
    margin-left: 8px;
  }
  .otpLoginViaLink::before {
    background-image: url(images/unifiedLogin/otpLoginSms.png);
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 18px;
    display: inline-block;
    content: ' ';
    position: relative;
    top: 3px;
  }
  .tryAnotherWayLink {
    text-align: center;
  }
  .otpLoginViaButton > .button {
    margin-top: 16px;
    background-color: #F1F2F3;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-color: transparent;
    color: #001435;
    border: 0.0625rem solid #001435;
    box-shadow: transparent 0px 0px 0px 0.0625rem inset;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .otpLoginViaButton > .button::before {
    background-image: url(images/unifiedLogin/otpLoginSms.png);
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 18px;
    display: inline-block;
    content: ' ';
    position: relative;
    top: 3px;
    left: 5px;
    margin-right: 10px;
  }
  .otpLoginViaButton > .button:hover {
    background: transparent;
    border-color: #0070E0;
    box-shadow: none;
    color: #0544b5;
    color: #0070e0;
  }
  .otpLoginViaButton > .button:focus {
    background: transparent;
    border-color: #0070E0;
    box-shadow: none;
    color: #0544b5;
    outline: none;
    border: 0.125rem solid #003087;
    box-shadow: 0 0 0 0.25rem rgba(16, 114, 235, 0.16);
  }
  .notVisible {
    visibility: hidden;
  }
  .hidden {
    display: none;
  }
  @-webkit-keyframes slide-down {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
  }
  @-moz-keyframes slide-down {
    0% {
      opacity: 0;
      -moz-transform: translateY(-100%);
    }
    100% {
      opacity: 1;
      -moz-transform: translateY(0);
    }
  }
  a.geoRedirectUrl {
    cursor: pointer;
  }
  a.authorize.button {
    display: none;
    margin: 25px auto 0;
    width: 150px;
  }
  .no-js a.authorize.button {
    display: block;
  }
  #venmo-transition-container > p {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    font-size: 120%;
    color: #6C7378;
  }
  #venmo-transition-container {
    vertical-align: middle;
    display: table-cell;
  }
  .setupContainer {
    display: table;
    position: absolute;
    height: 75%;
    width: 100%;
  }
  .header {
    box-shadow: 0 1px 4px -2px #6C7378;
  }
  .browserIcon {
    background-repeat: no-repeat;
    background-size: 100px 100px;
    height: 100px;
    width: 100px;
    display: block;
    margin: 0 auto;
  }
  .venmoHeader {
    background: url("images/checkout/venmo/paypal_venmo.png") no-repeat;
    background-size: 269px 30px;
    height: 45px;
    width: 269px;
    display: block;
    margin: 20px auto;
  }
  .iconFontAttention {
    display: block;
    position: relative;
    padding: 0;
    margin-bottom: 30px;
    height: 100px;
  }
  .iconFontAttention:before {
    content: "\e025";
    margin-top: -25px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 100px;
    font-size: 125px;
    color: orange;
  }
  .headerTextGenericError {
    padding-bottom: 12px;
  }
  /* mobile ---- */
  @media all and (max-width: 767px) {
    .genericError {
      padding-top: 70px;
    }
  }
  /**
   * Dynamic UL P2P Header used for guest P2P
   */
  .recipient,
  .sender,
  .genericHeader {
    font-size: 22px;
    word-wrap: break-word;
    line-height: 1.4;
  }
  .receiver,
  .requestee {
    font-size: 15px;
    padding: 15px 30px 5px 30px;
  }
  .requestedLabel,
  .currencySymbol,
  .currencyCode,
  .note {
    font-size: 16px;
  }
  .currencySymbol,
  .currencyCode {
    font-size: 18px;
  }
  .amountValue {
    font-size: 40px;
  }
  .currencySymbol {
    padding-right: 5px;
    vertical-align: 40%;
  }
  .currencyCode {
    vertical-align: middle;
  }
  .noteWrapper {
    max-width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 8px;
  }
  .noteWrapper:before,
  .noteWrapper:after {
    content: '"';
    position: absolute;
    font-size: 16px;
    top: 4px;
  }
  .noteWrapper:before {
    left: 0;
  }
  .noteWrapper:after {
    right: 0;
  }
  .note {
    width: 100%;
    padding: 0 6px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .forgotLinkLast {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .uneditableEmail {
    margin-top: 0;
    text-align: center;
    font-size: 20px;
    font-family: HelveticaNeue-Medium, "Helvetica Neue Medium", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .withoutRecovery {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #CBD2D6;
  }
  .withExplicitRecovery {
    border-top: 1px solid #CBD2D6;
    padding-top: 25px;
  }
  .returnToMerchant {
    text-align: right;
    margin: 0;
    padding: 20px 15px 20px 0;
    border-bottom: 1px solid #e1e7eb;
    position: relative;
  }
  .returnToMerchant a {
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #009cde;
    padding-right: 40px;
    font-size: 13px;
    display: inline-block;
    height: 18px;
    /* z-index problem for ie10- */
    /* http://icreatestuff.co.uk/blog/article/ie9-z-index-stacking-problem-or-something-stranger */
    background: #fff;
    background: rgba(0, 0, 0, 0);
  }
  .iconCloseCustomized:before {
    font-size: 17px;
    position: absolute;
    right: 15px;
    top: 29px;
    z-index: -1;
  }
  /* mobile ---- */
  @media all and (max-width: 767px) {
    .returnToMerchant {
      border: none;
    }
    .returnToMerchant a {
      opacity: 0;
      padding-right: 0;
      width: 16px;
      overflow: hidden;
    }
  }
  .fpOptIn h1,
  .fpLogin h1 {
    font-size: 28px;
    margin-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    line-height: 36px;
  }
  .fpOptIn .titlePasskey,
  .fpLogin .titlePasskey {
    font-size: 24px;
    margin-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    line-height: 32px;
    color: #001435;
  }
  .fpOptIn .passkeyHowItWorks,
  .fpLogin .passkeyHowItWorks {
    font-weight: bold !important;
  }
  .fpOptIn .optIn_deceased,
  .fpLogin .optIn_deceased {
    background: transparent url("images/unifiedLogin/cross.svg") top center no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 48px;
    height: 48px;
    background-size: 100% 100%;
    text-align: right;
    overflow: hidden;
    cursor: pointer;
  }
  .fpOptIn .passkeyLoginIconContainer,
  .fpLogin .passkeyLoginIconContainer {
    display: flex;
    justify-content: center;
  }
  .fpOptIn .biometricIcon,
  .fpLogin .biometricIcon {
    background: transparent url("images/unifiedLogin/biometric-icon.svg") top center no-repeat;
    background-size: 100% 100%;
    height: 64px;
    width: 64px;
    margin: 40px 16px 10px 16px;
  }
  .fpOptIn .fingerprintIcon,
  .fpLogin .fingerprintIcon {
    background: transparent url("images/unifiedLogin/fingerprint.svg") top center no-repeat;
    background-size: 100% 100%;
    height: 64px;
    width: 64px;
    margin: 40px 16px 10px 16px;
  }
  .fpOptIn .numPadIcon,
  .fpLogin .numPadIcon {
    background: transparent url("images/unifiedLogin/number-pad.svg") top center no-repeat;
    background-size: 100% 100%;
    height: 64px;
    width: 64px;
    margin: 40px 16px 10px 16px;
  }
  .fpOptIn .headerIconThumbprint,
  .fpLogin .headerIconThumbprint {
    background: url("images/shared/fingerprint-paypal.png") no-repeat top center;
    background-size: 96px 96px;
    width: 96px;
    height: 96px;
    margin: 0 auto;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .fpOptIn .headerIconThumbprint,
    .fpLogin .headerIconThumbprint {
      background: url("images/shared/fingerprint-paypal_2x.png") no-repeat top center;
      background-size: 96px;
    }
  }
  .fpOptIn .identityPhone,
  .fpLogin .identityPhone {
    background: transparent url("images/unifiedLogin/identity-phone-v2.svg") center center no-repeat;
    background-size: 188px 101px;
    height: 101px;
    margin: 124px auto 32px;
  }
  .fpOptIn .identityPhonePasskey,
  .fpLogin .identityPhonePasskey {
    background: transparent url("images/unifiedLogin/identity-phone-v2.svg") center center no-repeat;
    background-size: 188px 101px;
    height: 101px;
    margin: 40px auto;
  }
  .fpOptIn .contentContainerAdjustment,
  .fpLogin .contentContainerAdjustment {
    border: none;
  }
  .fpOptIn .headerMargin,
  .fpLogin .headerMargin {
    margin-top: 32px;
  }
  .fpOptIn .headerMarginPasskey,
  .fpLogin .headerMarginPasskey {
    height: 72px;
    margin: 72px auto 32px;
    background-size: 64px 64px;
  }
  .fpOptIn .marginPasskey,
  .fpLogin .marginPasskey {
    height: 72px;
    background-size: 84px 84px;
  }
  .fpOptIn .secureIcon,
  .fpLogin .secureIcon {
    background: transparent url("images/unifiedLogin/secure.svg") center center no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
  }
  .fpOptIn .deviceIcon,
  .fpLogin .deviceIcon {
    background: transparent url("images/unifiedLogin/device.svg") center center no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
  }
  .fpOptIn .changeIcon,
  .fpLogin .changeIcon {
    background: transparent url("images/unifiedLogin/change.svg") center center no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
  }
  .fpOptIn #optinDisplayCredentials,
  .fpLogin #optinDisplayCredentials {
    justify-content: space-between;
  }
  .fpOptIn .webAuthnDisplayCredentials,
  .fpLogin .webAuthnDisplayCredentials {
    display: flex;
    margin-bottom: 0px;
    width: 100%;
    background: #F6F6F6;
    font-size: 16px;
    padding: 16px;
    justify-content: center;
    position: absolute;
  }
  .fpOptIn .webAuthnDisplayCredentials a,
  .fpLogin .webAuthnDisplayCredentials a {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    display: inline-block;
  }
  .fpOptIn .webAuthnDisplayCredentials span,
  .fpLogin .webAuthnDisplayCredentials span {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    max-width: 300px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .fpOptIn .webAuthnDisplayCredentials .outerSpan,
  .fpLogin .webAuthnDisplayCredentials .outerSpan {
    padding-right: 10px;
  }
  .fpOptIn .headerIconAndroidThumbprint,
  .fpLogin .headerIconAndroidThumbprint {
    background: url("images/shared/icon_android_fp.png") no-repeat top center;
    background-size: 96px 96px;
    width: 96px;
    height: 96px;
    margin: 0 auto;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .fpOptIn .headerIconAndroidThumbprint,
    .fpLogin .headerIconAndroidThumbprint {
      background: url("images/shared/icon_android_fp_2x.png") no-repeat top center;
      background-size: 96px;
    }
  }
  .fpOptIn .headerIconThumbprintError,
  .fpLogin .headerIconThumbprintError {
    background: url("images/shared/fingerprint-error.png") no-repeat top center;
    background-size: 96px 96px;
    width: 96px;
    height: 96px;
    margin: 0 auto;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .fpOptIn .headerIconThumbprintError,
    .fpLogin .headerIconThumbprintError {
      background: url("images/shared/fingerprint-error_2x.png") no-repeat top center;
      background-size: 96px;
    }
  }
  .fpOptIn .headerIconSuccess,
  .fpLogin .headerIconSuccess {
    margin-top: 0;
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    background: url("images/shared/success-animation.gif") no-repeat top center;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .fpOptIn .headerIconSuccess,
    .fpLogin .headerIconSuccess {
      background: url("images/shared/success-animation_2x.gif") no-repeat top center;
      background-size: 100px;
    }
  }
  .fpOptIn .fpOptInViewGroup,
  .fpLogin .fpOptInViewGroup {
    text-align: center;
  }
  .fpOptIn .description,
  .fpLogin .description {
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 25px;
    padding-left: 12px;
    text-align: left;
  }
  .fpOptIn .subHeader,
  .fpLogin .subHeader {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }
  .fpOptIn .passkeySubHeader,
  .fpLogin .passkeySubHeader {
    text-align: center;
    font-size: 1rem;
    line-height: 21px;
    color: #001435;
  }
  .fpOptIn .adjustSubHeader,
  .fpLogin .adjustSubHeader {
    font-weight: 600;
    text-align: center;
  }
  .fpOptIn .secondaryTextNote,
  .fpLogin .secondaryTextNote {
    color: #9da3a6;
    font-size: 15px;
    margin-top: 8px;
  }
  .fpOptIn .primaryTextNote,
  .fpLogin .primaryTextNote {
    color: #001435;
    font-size: 15px;
  }
  .fpOptIn .descriptionList,
  .fpLogin .descriptionList {
    margin: 0 0 0 27px;
    text-align: left;
    list-style: none;
  }
  .fpOptIn .descriptionList li,
  .fpLogin .descriptionList li {
    display: flex;
    margin: 24px 0px 24px 0px;
  }
  .fpOptIn .descriptionList li div:last-child,
  .fpLogin .descriptionList li div:last-child {
    margin-left: 21px;
    padding-top: 5px;
    flex: 1;
  }
  .fpOptIn .descriptionList li:first-child,
  .fpLogin .descriptionList li:first-child {
    margin-top: 40px;
  }
  .fpOptIn .descriptionList li:last-child,
  .fpLogin .descriptionList li:last-child {
    margin-bottom: 50px;
  }
  .fpOptIn .actionsSpaced,
  .fpLogin .actionsSpaced {
    margin-top: 33px;
  }
  .fpOptIn .showDescriptionListAdjustment,
  .fpLogin .showDescriptionListAdjustment {
    margin-bottom: 21px;
  }
  .fpOptIn .secondaryLink,
  .fpLogin .secondaryLink {
    margin-top: 23px;
  }
  .fpOptIn .notificationAlert,
  .fpLogin .notificationAlert {
    border-radius: 5px;
    border: 1px solid #ff9600;
    display: table;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: 12px;
    padding: 14px;
    text-align: left;
    width: 100%;
  }
  .fpOptIn .notificationAlert.hide,
  .fpLogin .notificationAlert.hide {
    display: none;
  }
  .fpOptIn .notificationAlert:before,
  .fpLogin .notificationAlert:before {
    color: #ff9600;
    content: "\e025";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline;
    font-family: 'paypal-icons';
    font-weight: 700;
    font-size: 1.58rem;
    line-height: 0;
    padding-right: 12px;
    width: 3em;
  }
  .fpOptIn .notYouLogin,
  .fpLogin .notYouLogin {
    text-align: center !important;
    max-width: 100% !important;
  }
  .fpOptIn .fpLoginTryAgain,
  .fpLogin .fpLoginTryAgain {
    text-align: center;
  }
  .fpOptIn #passkeySubcontextList,
  .fpLogin #passkeySubcontextList {
    display: grid;
    grid-gap: 0.5rem;
    grid-template: 'date content';
    text-align: left;
  }
  .fpOptIn #passkeySubContext,
  .fpLogin #passkeySubContext {
    -webkit-mask: url(images/unifiedLogin/Checkmark.svg) no-repeat top left;
    mask: url(images/unifiedLogin/Checkmark.svg) no-repeat top left;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    background-color: #6FC400;
  }
  .fpLogin.checkout .headerText {
    font-size: 24px;
  }
  .pwFpIcon {
    background: url("images/shared/fingerprint-paypal.png") no-repeat center;
    background-size: 30px 30px;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border: none;
    cursor: pointer;
    position: absolute;
    /*! @noflip */
    right: 5px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .pwFpIcon {
      background: url("images/shared/fingerprint-paypal_2x.png") no-repeat center;
      background-size: 30px;
    }
  }
  /* Android specific */
  .androidFP .headerTextWithAndroidIcon {
    font-size: 2.1em;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 15px;
    background: url("images/shared/icon_android_fp_2x.png") no-repeat top center;
    background-size: 105px;
  }
  .androidFP .headerIconSuccess {
    margin-top: 33%;
    padding-top: 130px;
    padding-bottom: 15px;
    background: url("images/shared/success-animation.gif") no-repeat top center;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .androidFP .headerIconSuccess {
      background: url("images/shared/success-animation_2x.gif") no-repeat top center;
      background-size: 100px;
    }
  }
  .androidFP .actionBottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: table;
    width: 100%;
    padding: 0;
  }
  .androidFP .actionBottom .fpDisc {
    font-size: 11px;
    color: #6C7378;
    padding: 0 8%;
  }
  .androidFP .actionBottom a.button {
    border-radius: 0;
    padding: 22px 2px;
    font-weight: 500;
  }
  .androidFP .actionBottom a.left {
    float: left;
    width: 50%;
    border-right: 1px solid #c1c1c1;
  }
  @media all and (max-width: 767px) {
    .androidFP .contentContainer {
      padding-top: 20%;
      margin-top: 0;
    }
  }
  /* end */
  .slLanding {
    /* iPhone 6+, 7+, 8+ */
    /* iPhone6, 6S, 7, 8 */
    /* iPhone5, 5S, 5SE */
  }
  .slLanding .cart {
    background: transparent url("images/shared/icon-cart-d.svg") center center no-repeat;
    background-size: 68px 56px;
    width: 68px;
    height: 56px;
    margin: 0 auto;
  }
  .slLanding .partnerIcon {
    background: transparent url("images/shared/icon-Google-account-d.svg") center center no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    float: left;
    padding: 0 10px 0 0;
    display: inline-block;
  }
  .slLanding .partnerConnect {
    background: transparent url("images/shared/icon-cross_device-d.svg") center center no-repeat;
    background-size: 240px 70px;
    width: 300px;
    height: 120px;
    margin: 0 auto;
  }
  .slLanding .unlinked .headerText {
    font-size: 30px;
  }
  .slLanding .headerText {
    font-size: 24px;
    font-weight: 300;
    padding: 0;
    margin-top: 0px;
  }
  .slLanding .displayName {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .slLanding .partnerPhoto {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    float: left;
    margin: 30px 10px 0 20px;
    background-color: #ccc;
    background-size: cover;
    display: inline-block;
  }
  .slLanding .partnerEmailDiv {
    font-size: 12px;
    margin-top: 3px;
    padding-right: 35px;
  }
  .slLanding .partnerEmailDiv .partnerEmail {
    vertical-align: top;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .slLanding .partnerEmailDiv span {
    display: inline-block;
  }
  .slLanding .partnerProfile {
    margin: 0px 20px 0px 2px;
    padding-left: 10px;
    padding-right: 40px;
    width: 98%;
  }
  .slLanding .partnerDetails {
    width: 70%;
    display: inline-block;
    margin: 20px 10px 20px 0px;
    white-space: nowrap;
  }
  .slLanding .partnerDetails span {
    font-size: 13px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .slLanding .secondaryLink {
    margin: 20px 0 0;
    text-align: center;
  }
  .slLanding .secondaryLink a {
    margin-top: 20px;
  }
  .slLanding .learnMoreModal {
    display: none;
    background: #fff;
    width: 480px;
    height: auto;
    position: fixed;
    padding: 18px 40px 20px;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 1s;
    transition-timing-function: cubic-bezier(0, 2.5, 0.25, -0.25);
  }
  .slLanding .learnMoreModal p {
    text-align: center;
  }
  .slLanding .description {
    margin: 5px 0 10px 0;
    text-align: center;
    line-height: 20px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .slLanding .description span {
    padding-left: 3px;
  }
  .slLanding .learnMoreLink {
    text-align: center;
    margin-left: 5px;
  }
  .slLanding .learnMoreLink a {
    margin-top: 3px;
  }
  .slLanding a {
    display: inline-block;
    margin-left: 3px;
  }
  .slLanding .profileRemembered {
    margin: 20px 0 20px 0;
    text-align: center;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .slLanding .profileRemembered .loginEmail {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    padding-right: 10px;
    max-width: 300px;
    display: inline-block;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slLanding .profileRemembered .changeLink {
    display: inline-block;
  }
  .slLanding .actionsSpacedShort {
    margin-top: 1px;
  }
  .slLanding .paypal-logo {
    margin-bottom: 0px;
  }
  .slLanding .contentContainer {
    padding: 8%;
  }
  @media all and (max-height: 736px) and (max-width: 414px) {
    .slLanding .contentContainer {
      margin-top: 20px;
    }
  }
  @media all and (max-height: 667px) and (max-width: 375px) {
    .slLanding .partnerPhoto {
      margin-left: 10px;
    }
    .slLanding .partnerConnect {
      background-size: 171px 50px;
    }
  }
  @media all and (max-height: 568px) and (max-width: 320px) {
    .slLanding .paypal-logo {
      margin: 0 auto 18px;
    }
    .slLanding .partnerProfile {
      padding-left: 0px;
    }
    .slLanding .unlinked .headerText {
      font-size: 24px;
    }
    .slLanding .partnerConnect {
      display: none;
    }
    .slLanding .partnerPhoto {
      margin-left: 0px;
    }
  }
  .popupWeb {
    position: absolute;
    top: 0;
    right: 0;
    width: 440px;
    z-index: 10;
    height: 370px;
  }
  .popupMobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 100%;
  }
  .settings-header {
    margin: 0;
    padding: 13px 15px 20px 0;
  }
  .settings-header div {
    display: inline;
  }
  .settings-header .cancel-wrapper {
    float: right;
    position: relative;
  }
  .settings-header .cancel-wrapper a {
    font-size: 21px;
  }
  .settings-header .cancel-wrapper span {
    color: #545D68;
    cursor: pointer;
  }
  .settings-header a {
    display: inline-block;
    height: 18px;
    text-decoration: none;
    font-weight: 500;
  }
  .settings-header .backButton {
    font-weight: 600;
    padding-left: 15px;
    color: #0544b5;
    font-size: larger;
    position: relative;
    top: 5px;
  }
  .settings .headerText {
    font-size: 30px;
    line-height: 42px;
  }
  .settings .description {
    color: #000;
  }
  .settings .devicesDescriptionOn {
    text-align: center;
  }
  .settings .devicesDescriptionOff {
    font-weight: bold;
  }
  .settings #btnTurnOffAll {
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
  }
  .settings #deviceContainer > li:last-child {
    border-bottom: 1px solid #B7BCBF;
  }
  .settings #deviceContainer > li {
    border-top: 1px solid #B7BCBF;
    overflow: hidden;
  }
  .settings #deviceContainer > li p {
    display: inline-block;
    width: 75%;
  }
  .settings #deviceContainer > li a {
    float: right;
    margin-top: 20px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
  }
  .settings .noteOn,
  .settings .noteOff {
    font-size: 13px;
    color: #6C7378;
    overflow: auto;
    white-space: normal;
  }
  @media all and (max-width: 767px) {
    .settings .deviceContainer a {
      display: inline-block;
      float: none;
      vertical-align: top;
    }
  }
  .enablePhonePassword .hideArrow .countryPhoneSelectChoice::after {
    content: none;
  }
  .enablePhonePassword .hideArrow .countryPhoneSelectWrapper {
    width: 77px;
  }
  .enablePhonePassword .hideArrow .countryPhoneSelectWrapper .phoneCode {
    width: 56%;
  }
  .enablePhonePassword .phoneInputWrapper input {
    /*! @noflip */
    padding-left: 82px;
  }
  .enablePhonePassword .secondaryLink {
    margin-top: 15px;
  }
  .enablePhonePassword .findOutMore {
    margin-top: 15px;
  }
  .enablePhonePassword .adjustHeader,
  .verifyOtp .adjustHeader {
    margin-top: 30px;
    padding-bottom: 10px;
  }
  .enablePhonePassword .contentContainerBordered,
  .verifyOtp .contentContainerBordered {
    border: 0px;
  }
  .verifyOtp ::-webkit-input-placeholder {
    /* WebKit browsers */
    /*! @noflip */
    text-align: left;
  }
  .verifyOtp :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    /*! @noflip */
    text-align: left;
  }
  .verifyOtp ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    /*! @noflip */
    text-align: left;
  }
  .verifyOtp :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    /*! @noflip */
    text-align: left;
  }
  .verifyOtp .sendSmsResendLink {
    margin-bottom: 20px;
  }
  .verifyOtp .contentContainerBordered {
    border: 0px;
  }
  .phoneNumbers {
    border-top: 1px solid #CBD2D6;
    margin-top: 20px;
    padding: 20px;
    text-align: left;
    margin-bottom: 10px;
  }
  .phoneNumbers .status {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .phoneNumbers .mobileNumber span {
    width: 50%;
    display: inline-block;
    /*! @noflip */
    direction: ltr;
  }
  .phoneNumbers .mobileNumber a {
    width: 50%;
    display: inline-block;
    text-align: right;
  }
  /*! @noflip */
  .enterPhone {
    direction: ltr;
    padding-bottom: 20px;
  }
  .enterPhone .phoneCode {
    text-align: left;
  }
  .enterPhoneMobile {
    direction: ltr;
  }
  .enterPhoneMobile .phoneCode {
    text-align: left;
  }
  .status {
    color: #999;
  }
  .smsDisclaimer {
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 13px;
    color: #6C7378;
  }
  .smsDisclaimer p {
    margin: 0;
    color: #6C7378;
    line-height: 20px;
  }
  .addPhoneDisclaimerUS {
    overflow: visible;
    font-size: 13px;
    color: #6C7378;
  }
  .addPhoneDisclaimerUS p {
    margin: 0;
    color: #6C7378;
  }
  .slimTopP {
    margin-top: 0;
  }
  .slimTopP span {
    white-space: nowrap;
    /*! @noflip */
    direction: ltr;
    display: inline-block;
  }
  .otpSuccess .headerIcon {
    background: url("images/shared/success-animation.gif") no-repeat top center;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    .otpSuccess .headerIcon {
      background: url("images/shared/success-animation_2x.gif") no-repeat top center;
      background-size: 100px;
    }
  }
  .resend {
    z-index: 2;
    position: absolute;
    top: 32%;
    /*! @noflip */
    right: 5%;
  }
  .resend .sent {
    color: #1b9e1b;
  }
  .resend .failed {
    color: #d9360b;
    white-space: nowrap;
  }
  .verifyOtpPrimary .resendLink {
    font-size: 16px;
  }
  .verifyOtpPrimary .resendLink span.sent {
    color: #1b9e1b;
  }
  .verifyOtpPrimary .resendLink span.failed {
    color: #d9360b;
    white-space: nowrap;
  }
  .verifyOtpPrimary .sendSmsResendLink {
    margin: 16px 0 32px;
  }
  .verifyOtpPrimary .sendSmsMessage {
    font-size: 16px;
    padding-bottom: 12px;
    padding-right: 5px;
  }
  .verifyOtpPrimary .tryAnotherWayLink {
    font-size: 16px;
    text-decoration: none;
    margin-top: 32px;
  }
  .verifyOtpPrimary .paypal-logo {
    margin-bottom: 40px;
    margin-top: 50px;
  }
  .verifyOtpPrimary .logoSpacing {
    margin-top: 90px;
  }
  .verifyOtpPrimary .headerText {
    margin-top: 0px;
  }
  .verifyOtpPrimary .intentFooter {
    margin-top: 100px;
  }
  .verifyOtpPrimary a.button:link {
    padding: 14px;
    border-radius: 25px;
    height: 48px;
  }
  .verifyOtpPrimary .otpError {
    margin-top: 30%;
  }
  .verifyOtpPrimary .tryAnotherWayModalOtp {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1100;
    /* Sit on top of cookie banner*/
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: #000000;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    -webkit-animation-name: fadeIn;
    /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
  }
  .verifyOtpPrimary .modal-content-otp {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%;
    height: 200px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
    padding: 16px;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-header {
    display: flex;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-header .modal-header-text {
    text-align: center;
    flex: 1;
    font-weight: bold;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-body {
    height: 144px;
    margin-top: 31px;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-body .loginWithPassword {
    display: flex;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-body .loginWithPassword .loginWithPasswordText {
    text-align: left;
    flex: 1;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-body .setPassword {
    display: flex;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-body .setPassword .setPasswordText {
    text-align: left;
    flex: 1;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-body .guestCheckout {
    display: flex;
    margin-top: 24px;
  }
  .verifyOtpPrimary .modal-content-otp .modal-content-body .guestCheckout .guestCheckoutText {
    text-align: left;
    flex: 1;
  }
  @media only screen and (min-width: 768px) {
    .verifyOtpPrimary .modal-content-otp {
      position: unset;
      width: 460px;
      margin: 720px auto;
    }
  }
  .verifyOtpPrimary .dialog-close {
    background: transparent url(paypal-ui/icons/svg/close.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  .verifyOtpPrimary .chevron-right {
    background: transparent url(paypal-ui/icons/svg/chevron-right.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  .verifyOtpPrimary .toast {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #0f7013;
    background-image: linear-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04));
    color: #fff;
    text-align: center;
    border-radius: 12px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 16px;
    font-size: 18px;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 12px 0px;
    pointer-events: auto;
  }
  .verifyOtpPrimary .toast.showToast {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }
  .verifyOtpPrimary .codeSentMessage {
    position: static;
    width: 146px;
    height: 24px;
    left: 30px;
    top: 0px;
  }
  .verifyOtpPrimary .codeSentMessage::before {
    background-image: url(paypal-ui/icons/svg/check-circle-alt.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    filter: invert(100%) sepia(98%) saturate(0%) hue-rotate(318deg) brightness(102%) contrast(103%);
    width: 16px;
    height: 16px;
    display: inline-block;
    content: ' ';
    position: relative;
    top: 1px;
    left: 1px;
    margin-right: 13px;
  }
  .verifyOtpPrimary .profileBar {
    width: 100%;
    position: absolute;
  }
  .verifyOtpPrimary .otpDisplayCredentials {
    display: flex;
    margin-bottom: 0px;
    width: 100%;
    background: #F6F6F6;
    font-size: 16px;
    padding: 16px;
    justify-content: center;
  }
  .verifyOtpPrimary .otpDisplayCredentials a {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
  }
  .verifyOtpPrimary .showModal {
    display: block;
  }
  .verifyOtpPrimary [class="checkout"] .headerText {
    font-size: 24px;
  }
  .verifyOtpPrimary [class="checkout"] .sendSmsMessage {
    font-size: 18px;
  }
  .verifyOtpPrimary [class="checkout"] .resendLink {
    font-size: 18px;
  }
  .verifyOtpPrimary [class="checkout"] .tryAnotherWayLink {
    font-size: 18px;
  }
  .verifyOtpPrimary [class="checkout"] .cancelUrl {
    font-size: 12.8px;
  }
  .verifyOtpPrimary [class="checkout"] .localeLink {
    font-size: 11px;
  }
  .otp-pin-container {
    position: relative;
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }
  .otp-pin-container input {
    text-align: center;
    border: 0.0625rem solid #929496;
    caret-color: transparent;
    font-size: 28px;
    outline-color: #001435;
    outline-style: none;
    outline-width: 0px;
  }
  .otp-pin-container input::-webkit-inner-spin-button,
  .otp-pin-container input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .otp-pin-container input:focus {
    border: 2px solid #009CDE;
  }
  .otp-pin-container .pin-box {
    background-color: #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    width: 48px;
    height: 64px;
    line-height: 36px;
    min-height: 64px;
  }
  .moveLeft {
    /*! @noflip */
    right: 12%;
  }
  .phoneConfirmationPhoneIcon {
    background-image: url('../img/ppl-seeklogo.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40px;
    height: 40px;
  }
  .phoneConfirmationSmsIcon {
    background-image: url('../img/ppl-seeklogo.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40px;
    height: 40px;
  }
  .numberRecognition {
    margin-top: 0;
  }
  .lineAboveButton {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 13px;
    color: #6C7378;
  }
  #keychain-education-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 310px;
    padding-bottom: 190px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/unifiedLogin/ic_iCloudKeychain_blue.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  #keychain-education-image .keychain-prompt-message {
    position: absolute;
    font-size: 16px;
    font-weight: 900;
    color: #0070ba;
    transform: translateY(84px);
  }
  #keychain-interstitial {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  #keychain-interstitial div.decline {
    position: absolute;
    font-size: 25px;
    top: 22px;
    right: 22px;
    cursor: pointer;
  }
  @media (max-width: 330px) {
    #keychain-interstitial div.decline {
      top: 15px;
    }
  }
  #keychain-interstitial .education {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
  }
  @media (max-width: 330px) {
    #keychain-interstitial .education {
      margin-top: 50px;
    }
  }
  #keychain-interstitial .education.show-logo .paypal-logo-monogram {
    display: block;
    margin-top: 75px;
    background-size: 19px;
  }
  #keychain-interstitial .education .education-message {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    width: 325px;
  }
  @media (max-width: 330px) {
    #keychain-interstitial .education .education-message {
      font-size: 27px;
    }
  }
  #keychain-interstitial .education .education-sub-message {
    margin: 0;
    margin-top: 10px;
    text-align: center;
    line-height: 1.5;
  }
  @media (max-width: 330px) {
    #keychain-interstitial .education .education-sub-message {
      width: 300px;
    }
  }
  #keychain-interstitial .education .education-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 310px;
    padding-bottom: 190px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/unifiedLogin/ic_iCloudKeychain_blue.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 36px;
    background-image: url("images/unifiedLogin/ic_iCloudKeychain_gray_finger.png");
  }
  #keychain-interstitial .education .education-image .keychain-prompt-message {
    position: absolute;
    font-size: 16px;
    font-weight: 900;
    color: #0070ba;
    transform: translateY(84px);
  }
  @media (max-width: 330px) {
    #keychain-interstitial .education .education-image {
      margin-top: 24px;
    }
  }
  #keychain-interstitial .education .education-image .keychain-prompt-message {
    color: #6c7378;
  }
  #keychain-interstitial .education .education-info {
    font-size: 14px;
    color: #6c7378;
    margin: 0;
    margin-top: 20px;
    text-align: center;
  }
  @media (max-width: 330px) {
    #keychain-interstitial .education .education-info {
      margin-top: 10px;
      width: 300px;
    }
  }
  #keychain-interstitial .education button.cta-keychain-optin {
    margin-top: 15px;
    border-radius: 20px;
    width: 320px;
  }
  @media (max-width: 330px) {
    #keychain-interstitial .education button.cta-keychain-optin {
      width: 300px;
    }
  }
  #keychain-interstitial .education a.cta-decline {
    margin-top: 15px;
    cursor: pointer;
    font-weight: bold;
  }
  #keychain-interstitial .education .paypal-logo-monogram {
    display: none;
  }
  .transitioning.keychain:after {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  #keychainErrorMessage {
    outline: 0;
    margin-bottom: 10px;
    font-size: 13px;
  }
  #keychainErrorMessage.animatable {
    display: none;
  }
  #keychainErrorMessage .notification {
    margin: 0;
    padding: 15px 15px 15px 44px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    font-size: 1em;
    background: url("images/shared/icon_alert_sprite-2x.png") no-repeat;
    background-size: 20px;
    /* Default is the informational message */
  }
  #keychainErrorMessage .notification.notification-default {
    background-color: #f7f9fa;
    background-position: 12px -788px;
    background-position: left 12px top -788px;
    border-color: #afabae;
  }
  .lower-than-ie9 #keychainErrorMessage .notification.notification-default {
    background-position: 1% 81.5%;
  }
  #keychainErrorMessage .notification.notification-critical {
    background-color: #fff7f7;
    background-position: 12px -387px;
    background-position: left 12px top -387px;
    border-color: #c72e2e;
  }
  .lower-than-ie9 #keychainErrorMessage .notification.notification-critical {
    background-position: 1% 41%;
  }
  #keychainErrorMessage .notification.notification-help {
    background-color: #f7fdff;
    background-position: 12px -588px;
    background-position: left 12px top -588px;
    border-color: #009cde;
  }
  .lower-than-ie9 #keychainErrorMessage .notification.notification-help {
    background-position: 1% 61%;
  }
  #keychainErrorMessage .notification.notification-success {
    background-color: #f7fff7;
    background-position: 12px 12px;
    background-position: left 12px top 12px;
    border-color: #1b9e1b;
  }
  .lower-than-ie9 #keychainErrorMessage .notification.notification-success {
    background-position: 1% 0;
  }
  #keychainErrorMessage .notification.notification-warning {
    background-color: #fffcf7;
    background-position: 12px -188px;
    background-position: left 12px top -188px;
    border-color: #f8981f;
  }
  .lower-than-ie9 #keychainErrorMessage .notification.notification-warning {
    background-position: 1% 20.5%;
  }
  section#sua-interstitial {
    margin-left: auto;
    margin-right: auto;
    margin-top: 162px;
    width: 344px;
  }
  @media (max-width: 1400px) {
    section#sua-interstitial {
      margin-top: 105px;
      width: 336px;
    }
  }
  @media (max-width: 420px) {
    section#sua-interstitial {
      width: 327px;
      margin-top: 40px;
    }
  }
  @media (max-width: 380px) {
    section#sua-interstitial {
      width: 83%;
      margin-top: 40px;
    }
  }
  section#sua-interstitial p.paypal-logo {
    margin-bottom: 40px;
    background-size: 100%;
    width: 115px;
    height: 28px;
  }
  @media (max-width: 1400px) {
    section#sua-interstitial p.paypal-logo {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 420px) {
    section#sua-interstitial p.paypal-logo {
      margin-bottom: 24px;
    }
  }
  section#sua-interstitial h1.sua-title {
    color: #2C2E2F;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 38px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  @media (max-width: 420px) {
    section#sua-interstitial h1.sua-title {
      font-size: 24px;
      margin-bottom: 24px;
    }
  }
  section#sua-interstitial p.sua-content {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 36px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  @media (max-width: 380px) {
    section#sua-interstitial p.sua-content {
      margin-bottom: 24px;
      font-size: 13px;
    }
  }
  @media (max-width: 330px) {
    section#sua-interstitial p.sua-content {
      margin-bottom: 22px;
      font-size: 13px;
    }
  }
  section#sua-interstitial p.sua-content a span.sua-privacy-statement-link-icon {
    width: 15.5px;
    height: 15.5px;
    display: inline-block;
    background-image: url('images/unifiedLogin/external-alt-blue.svg');
    transform: translate(3px, 2px);
  }
  section#sua-interstitial button.sua-agree {
    display: block;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 54px;
    font-size: 15px;
    border-radius: 50px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  @media (max-width: 380px) {
    section#sua-interstitial button.sua-agree {
      width: 272px;
    }
  }
  section#sua-interstitial a.sua-log-out {
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    display: block;
    font-weight: 500;
    cursor: pointer;
  }
  .serviceErrorWarning {
    background: url("images/unifiedLogin/type_warning.svg") no-repeat top center;
    background-size: 144px 144px;
    height: 144px;
    margin: 124px auto 32px;
  }
  .serviceErrorWarningPasskey {
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: url(images/unifiedLogin/Passkey_error.svg);
    mask-image: url(images/unifiedLogin/Passkey_error.svg);
    background-color: #003087;
    height: 80px;
    width: 80px;
    margin: 151px auto 20px;
  }
  .serviceErrorText {
    margin-bottom: 252px;
  }
  .serviceError h1 {
    font-size: 28px;
    margin-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    line-height: 36px;
  }
  div.siapple-xhr-container {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
  section#siappleOptinInterstitial {
    margin-left: auto;
    margin-right: auto;
    width: 336px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section#siappleOptinInterstitial * {
    margin: 0;
  }
  section#siappleOptinInterstitial.uiVersion.v2 span.siappleLogo {
    display: none;
  }
  section#siappleOptinInterstitial .corral > #content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section#siappleOptinInterstitial p.paypal-logo.paypal-logo-long {
    height: 32px;
    margin-bottom: 40px;
  }
  section#siappleOptinInterstitial span.siappleLogo {
    margin-bottom: 24px;
    display: block;
    width: 61px;
    height: 96px;
    background-image: url('images/unifiedLogin/sign-in-with-apple-animation_4.gif');
    background-size: 100%;
    background-repeat: no-repeat;
  }
  section#siappleOptinInterstitial h3.siappleTitle {
    text-align: center;
    color: #2C2E2F;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 16px;
    width: 300px;
  }
  section#siappleOptinInterstitial p.siappleContent {
    width: 290px;
    margin-bottom: 24px;
    text-align: center;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
  }
  section#siappleOptinInterstitial p.siappleContent a.siappleMoreInfo {
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
  }
  section#siappleOptinInterstitial button.siappleConnectBtn {
    margin-bottom: 24px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
    width: 235px;
    height: 48px;
    border-radius: 50px;
    background-color: #0070BA;
    font-weight: 500;
    cursor: pointer;
  }
  section#siappleOptinInterstitial button.siappleConnectBtn:disabled {
    background-color: rgba(0, 112, 186, 0.7);
  }
  section#siappleOptinInterstitial a.siappleDecline {
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    cursor: pointer;
  }
  .secondaryLinkContainer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .secondaryLinkContainer > p {
    margin-right: 5px;
  }
  .modal {
    background: white;
    width: 90%;
    margin-top: 50px;
  }
  .modal .adjustHeader {
    margin: 20px 20px 0px 20px;
  }
  .modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9997;
    width: 100%;
    top: 0;
    height: 100%;
  }
  .cancel-container a {
    text-decoration: none;
    font-size: x-large;
    margin: 15px;
  }
  .cancel-container span {
    color: #666;
  }
  .cancel-container {
    display: flex;
    justify-content: flex-end;
  }
  .login-container {
    padding: 0 20px 0 20px;
    margin: 40px 0 40px 0;
  }
  .adjustLoginContainer {
    margin-bottom: 20px;
  }
  .guestSeparator {
    border-top: 1px solid #CBD2D6;
    position: relative;
    margin: 0 20px 0 20px;
    text-align: center;
  }
  .guestContainer {
    margin: 20px 0 20px 0;
  }
  .signupContainer {
    text-align: center;
  }
  .startGuestOnboardingFlowLink {
    margin-top: 36px;
  }
  .startGuestOnboardingFlowLink a {
    cursor: pointer;
  }
  #modalEmail {
    font-weight: bold;
    text-align: center;
  }
  .grayMask {
    position: fixed;
    z-index: 9996;
  }
  .grayMask:after {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=40);
  }
  .displayCredentials p {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    margin-right: 10px;
    max-width: 270px;
    display: inline-block;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  @keyframes slideIn {
    from {
      bottom: -330px;
    }
    to {
      bottom: 0;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes slideOut {
    from {
      bottom: 0;
    }
    to {
      bottom: -330px;
    }
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .tryAnotherWayModal.transitioned {
    opacity: 1;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
  }
  .tryAnotherWayModal {
    display: flex;
    position: fixed;
    /* Stay in place */
    z-index: 1100;
    /* Sit on top of cookie banner*/
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: #000000;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    -webkit-animation-name: fadeOut;
    /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeOut;
    animation-duration: 0.4s;
    opacity: 0;
  }
  .tryAnotherWayModal .dialog-close {
    background: transparent url(paypal-ui/icons/svg/close.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  .tryAnotherWayModal .chevron-right {
    background: transparent url(paypal-ui/icons/svg/chevron-right.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  .modal-content.transitioned {
    bottom: 0;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
  }
  .modal-content {
    position: fixed;
    bottom: -330px;
    background-color: #fefefe;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-animation-name: slideOut;
    -webkit-animation-duration: 0.4s;
    animation-name: slideOut;
    animation-duration: 0.4s;
    padding: 16px;
  }
  .modal-content .modal-content-header,
  .modal-full-page .modal-content-header {
    display: flex;
  }
  .modal-content .modal-content-header .modal-header-text,
  .modal-full-page .modal-content-header .modal-header-text {
    text-align: center;
    flex: 1;
    font-weight: bold;
  }
  .modal-content .modal-content-body,
  .modal-full-page .modal-content-body {
    list-style: none;
    margin-top: 31px;
  }
  .modal-content .modal-content-body .loginWithPassword,
  .modal-full-page .modal-content-body .loginWithPassword {
    display: flex;
  }
  .modal-content .modal-content-body .loginWithPassword .loginWithPasswordText,
  .modal-full-page .modal-content-body .loginWithPassword .loginWithPasswordText {
    text-align: left;
    flex: 1;
  }
  .modal-content .modal-content-body li,
  .modal-full-page .modal-content-body li {
    margin-top: 24px;
  }
  .modal-content .modal-content-body li a,
  .modal-full-page .modal-content-body li a {
    color: black;
    text-decoration: none;
    display: flex;
  }
  .modal-content .modal-content-body li a div:first-child,
  .modal-full-page .modal-content-body li a div:first-child {
    text-align: left;
    flex: 1;
  }
  .modal-content .modal-content-body li a:first-child,
  .modal-full-page .modal-content-body li a:first-child {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  @media only screen and (min-width: 768px) {
    .tryAnotherWayModal {
      justify-content: center;
    }
    .modal-content {
      width: 460px;
    }
  }
  .tryAnotherWayModalFullPage {
    display: flex;
    /* Stay in place */
    position: relative;
    left: 15%;
    width: 100%;
    top: 30px;
    height: 100%;
    /* Full height */
    background-color: #fefefe;
  }
  .tryAnotherWayModalFullPage .chevron-right {
    background: transparent url(paypal-ui/icons/svg/chevron-right.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  @keyframes slideIn {
    from {
      bottom: -20.625rem;
    }
    to {
      bottom: 0;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes slideOut {
    from {
      bottom: 0;
    }
    to {
      bottom: -20.625rem;
    }
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .guestCheckoutTeslaSignUp.transitioned {
    opacity: 1;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
  }
  .guestCheckoutTeslaSignUp {
    display: flex;
    position: fixed;
    /* Stay in place */
    z-index: 1100;
    /* Sit on top of cookie banner*/
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: #000000;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    -webkit-animation-name: fadeOut;
    /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeOut;
    animation-duration: 0.4s;
    opacity: 0;
  }
  .guestCheckoutTeslaSignUp .dialog-close {
    background: transparent url(paypal-ui/icons/svg/close.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  .guestCheckoutTeslaSignUp .chevron-right {
    background: transparent url(paypal-ui/icons/svg/chevron-right.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  .tesla-signup-modal-content.transitioned {
    bottom: 0;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
  }
  .tesla-signup-modal-content {
    position: fixed;
    bottom: -20.625rem;
    background-color: #fefefe;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-animation-name: slideOut;
    -webkit-animation-duration: 0.4s;
    animation-name: slideOut;
    animation-duration: 0.4s;
    padding: 16px;
  }
  .tesla-signup-modal-content .tesla-signup-modal-content-header {
    display: flex;
    flex-direction: column;
  }
  .tesla-signup-modal-content .tesla-signup-modal-content-header .tesla-signup-modal-close-icon {
    text-align: end;
  }
  .tesla-signup-modal-content .tesla-signup-modal-content-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .tesla-signup-modal-content .tesla-signup-modal-content-body .tesla-signup-modal-content-body-message {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
  }
  .tesla-signup-modal-content .tesla-signup-modal-content-body div {
    font-size: 16px;
    font-weight: 400;
  }
  .tesla-signup-modal-content .tesla-signup-modal-content-body .backToMerchant {
    text-align: center;
  }
  @media only screen and (min-width: 768px) {
    .guestCheckoutTeslaSignUp {
      justify-content: center;
    }
    .tesla-signup-modal-content {
      width: 460px;
    }
  }
  @keyframes slideIn {
    from {
      bottom: -330px;
    }
    to {
      bottom: 0;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes slideOut {
    from {
      bottom: 0;
    }
    to {
      bottom: -330px;
    }
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .howItWorksModal.transitioned {
    opacity: 1;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
  }
  .howItWorksModal {
    display: flex;
    position: fixed;
    /* Stay in place */
    z-index: 5;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: #000000;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    -webkit-animation-name: fadeOut;
    /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeOut;
    animation-duration: 0.4s;
    opacity: 0;
  }
  .howItWorksModal .dialog-close {
    background: transparent url(paypal-ui/icons/svg/close.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  .howItWorksModal .chevron-right {
    background: transparent url(paypal-ui/icons/svg/chevron-right.svg) center center no-repeat;
    border-radius: 0;
    cursor: pointer;
    border: none;
    right: 7px;
    top: 7px;
    padding: 1px;
    width: 25px;
    height: 25px;
  }
  .modal-content-passkey.transitioned {
    bottom: 0;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
    height: 87vh;
    overflow: auto;
  }
  .modal-content-passkey {
    position: fixed;
    bottom: -330px;
    background-color: #fefefe;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-animation-name: slideOut;
    -webkit-animation-duration: 0.4s;
    animation-name: slideOut;
    animation-duration: 0.4s;
    padding: 16px;
  }
  .modal-content-passkey .modal-content-passkey-header {
    display: flex;
  }
  .modal-content-passkey .modal-content-passkey-header .modal-passkey-header-text {
    text-align: center;
    flex: 1;
    font-size: 18px;
  }
  .modal-content-passkey .modal-content-passkey-body .text-container-passkey {
    margin: 22px auto 26px auto;
  }
  .modal-content-passkey .modal-content-passkey-body .text-container-passkey .body-text-passkey {
    font-size: 18px;
    text-align: left;
  }
  .modal-content-passkey .modal-content-passkey-body .text-container-passkey .body-text-passkey:not(first-child) {
    margin-top: 24px;
  }
  .modal-content-passkey .modal-content-passkey-body .text-container-passkey .body-text-passkey .body-title-passkey {
    font-weight: bold;
  }
  .modal-content-passkey .additionalSCA {
    font-size: 15px;
    text-align: left;
    font-weight: Light;
    margin-top: 24px;
  }
  .modal-content-passkey .learnMorePkLink {
    font-weight: bold;
  }
  @media all and (min-width: 768px) {
    .modal-content-passkey .learnMorePkDiv {
      text-align: center;
      margin-top: 30px;
    }
  }
  @media all and (max-width: 768px) and (max-height: 760px) {
    .modal-content-passkey .learnMorePkDiv {
      text-align: center;
      margin-top: 30px;
    }
  }
  @media all and (max-width: 768px) and (min-height: 760px) {
    .modal-content-passkey .learnMorePkDiv {
      position: fixed;
      width: 250px;
      left: 50%;
      margin-left: -125px;
      bottom: 20px;
    }
  }
  @media only screen and (min-width: 768px) {
    .howItWorksModal {
      justify-content: center;
    }
    .modal-content-passkey {
      width: 460px;
    }
  }
  .sharedAdvisoryLabel {
    height: 46px;
    text-align: center;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #26282A;
  }
  .sharedAdvisoryLabel p {
    margin: 10px;
  }