.hide {
  display: none !important;
}

.passwordless-checkout-user-name-form
  .input-wrapper
  .form-field
  .input-group
  input {
  font-size: 1.4rem;
  height: 47px;
}

/* Modal Container */
.old-signup-otp-modal.popup .modal-dialog .modal-body,
.signup-otp-modal.popup .modal-dialog .modal-body {
  padding-bottom: 50px;
}

.old-signup-otp-modal.popup .modal-dialog .modal-body .subtitle,
.signup-otp-modal.popup .modal-dialog .modal-body .subtitle {
  margin-bottom: 30px;
  font-size: 2rem;
  line-height: 1.4;
}

/* POST-SIGNUP USERNAME STAGE */

.old-login-signup-otp-modal.popup .third-stage .subtitle,
.login-signup-otp-modal.popup .third-stage .subtitle {
  margin-bottom: 40px;
}

.old-login-signup-otp-modal.popup .modal-dialog .modal-header,
.login-signup-otp-modal.popup .modal-dialog .modal-header {
  padding-left: 50px;
  padding-right: 50px;
}

.old-login-signup-otp-modal.popup .third-stage .btn-primary,
.login-signup-otp-modal.popup .third-stage .btn-primary {
  margin-top: 1.5rem;
}

.old-login-signup-otp-modal.popup
  .login-otp-form-prompt
  .edit-entered-email-container,
.login-signup-otp-modal.popup
  .login-otp-form-prompt
  .edit-entered-email-container {
  cursor: pointer;
}

.old-login-signup-otp-modal.popup
  .login-otp-form-prompt
  .edit-entered-email-container
  img,
.login-signup-otp-modal.popup
  .login-otp-form-prompt
  .edit-entered-email-container
  img {
  width: 22px;
  position: relative;
  bottom: 7px;
}

form.modal-resent-otp-form {
  margin-bottom: 0;
}

.old-login-signup-otp-modal.popup
  .passwordless-password-stage
  .passwordless-password-form-otp-btn-container,
.old-login-signup-otp-modal.popup
  .passwordless-password-stage
  .passwordless-password-form-forgot-password-container,
.login-signup-otp-modal.popup
  .passwordless-password-stage
  .passwordless-password-form-otp-btn-container,
.login-signup-otp-modal.popup
  .passwordless-password-stage
  .passwordless-password-form-forgot-password-container {
  margin-top: 20px;
}

.old-login-signup-otp-modal.popup .login-otp-form-prompt .entered-email,
.login-signup-otp-modal.popup .login-otp-form-prompt .entered-email {
  font-weight: 600;
  font-size: 1.7rem;
}

.old-login-signup-otp-modal.popup .modal-dialog .form-group,
.login-signup-otp-modal.popup .modal-dialog .form-group {
  margin-bottom: 5px;
}

.passwordless-signup-stage.error-stage .subtitle {
  font-size: 3rem !important;
}

.passwordless-signup-stage.error-stage p {
  font-size: 2rem !important;
}

.passwordless-signup-stage.error-stage p a {
  /* text-decoration: underline; */
  /* text-decoration-color: #4a4a4a; */
  color: #4a4a4a;
  border-bottom: 1px solid;
}

.old-login-signup-otp-modal .modal-dialog .modal-header .title:before,
.login-signup-otp-modal .modal-dialog .modal-header .title:before {
  display: none;
}

.old-login-signup-otp-modal .modal-dialog .modal-header .title,
.login-signup-otp-modal .modal-dialog .modal-header .title {
  font-size: 2.5rem;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.old-login-signup-otp-modal .login-signup-otp-modal-logo,
.login-signup-otp-modal .login-signup-otp-modal-logo {
  width: 50px;
  margin-right: 10px;
  position: relative;
  bottom: 5px;
}

.old-login-signup-otp-modal.popup .modal-dialog,
.login-signup-otp-modal.popup .modal-dialog {
  max-width: 690px;
}

/* Google Signin Button */

.old-login-signup-otp-modal .theme-4 .apsl-icon-block,
.login-signup-otp-modal .theme-4 .apsl-icon-block {
  width: 77%;
  height: 43px;
}

/* The Ken logo beside "Log In" header */
.old-login-signup-otp-modal .login-signup-otp-modal-logo,
.login-signup-otp-modal .login-signup-otp-modal-logo {
  width: 45px;
  margin-right: 10px;
  position: relative;
  bottom: 5px;
}

.checkout-page-verify-form .login-otp-form-prompt .entered-email,
.checkout-passwordless-password-stage .entered-email {
  font-weight: 600;
}

.checkout-page-verify-form .login-otp-form-prompt .edit-entered-email-container,
.checkout-passwordless-password-stage .edit-entered-email-container {
  cursor: pointer;
}

.login-otp-form-prompt .edit-entered-email-icon {
  width: 20px;
  position: relative;
  bottom: 6px;
  margin-left: 3px;
}

/* Common CSS for buttons */
.old-login-signup-otp-modal .modal-dialog .modal-body .btn-primary,
.login-signup-otp-modal .modal-dialog .modal-body .btn-primary {
  font-size: 1.3rem;
  height: 43px;
}

/* For input - Applies to email input */
.old-login-signup-otp-modal .modal-dialog input,
.login-signup-otp-modal .modal-dialog input {
  height: 43px !important;
  font-size: 1.4rem !important;
}

/* "Continue to your account" text container - applies to both screens */
.old-login-signup-otp-modal .modal-dialog .modal-body p.login-otp-form-prompt,
.login-signup-otp-modal .modal-dialog .modal-body p.login-otp-form-prompt,
.modal-passwordless-verify-form p.login-otp-form-prompt,
.checkout-passwordless-password-stage p.login-otp-form-prompt {
  font-size: 1.7rem;
  line-height: 1.6;
}

.old-login-signup-otp-modal .modal-dialog .modal-body .login-otp-form-group .error,
.login-signup-otp-modal .modal-dialog .modal-body .login-otp-form-group .error,
.checkout-passwordless-password-stage .error,
.modal-passwordless-verify-form .digit-group .error {
  color: #f33;
}

.modal-passwordless-verify-form .digit-group .error {
  font-size: 1.3rem;
}

.old-login-signup-otp-modal .modal-dialog .or,
.login-signup-otp-modal .modal-dialog .or {
  font-size: 1.3rem !important;
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.old-login-signup-otp-modal .first-stage .old-modal-continue-btn,
.login-signup-otp-modal .first-stage .passwordless-login-form-continue-btn,
.login-signup-otp-modal .second-stage .modal-login-signup-otp-form-submit-btn,
.login-signup-otp-modal
  .second-stage
  #checkout-page-login-signup-otp-form-submit-btn {
  width: 100%;
  color: #fff;
}

.modal-passwordless-verify-form .modal-login-signup-otp-form-submit-btn,
.modal-passwordless-verify-form
  #checkout-page-login-signup-otp-form-submit-btn {
  color: #fff;
}

.modal-passwordless-verify-form .modal-login-signup-otp-form-submit-btn:hover,
.modal-passwordless-verify-form
  #checkout-page-login-signup-otp-form-submit-btn:hover {
  color: #fff;
}

.login-signup-otp-modal .second-stage .modal-login-signup-otp-form-submit-btn,
.login-signup-otp-modal
  .second-stage
  #checkout-page-login-signup-otp-form-submit-btn {
  padding-top: 13px;
  margin-top: 1rem;
}

/* Miscellaneous text under the form - START */

.login-signup-otp-modal .modal-dialog .modal-body .login-signup-modal-fix-email,
.login-signup-otp-modal .modal-dialog .modal-body .info-text,
.modal-passwordless-verify-form .modal-dialog .modal-body .info-text {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 0;
}

/* .login-signup-otp-modal
  .modal-dialog
  .modal-body
  .login-signup-modal-fix-email
  > span, */
.modal-passwordless-verify-form .login-signup-modal-fix-email > span,
.checkout-passwordless-password-stage .continue-with-otp-btn,
.modal-passwordless-verify-form .continue-with-password-btn,
.login-signup-otp-modal .continue-with-password-btn,
.login-signup-otp-modal .continue-with-otp-btn {
  cursor: pointer;
  border-bottom: 1px solid;
  /* text-decoration: underline; */
}

.login-signup-otp-modal .modal-dialog .modal-body .resend-btn {
  background: none;
  font-size: 1.3rem;
  margin-bottom: 0;
  color: #000;
}

.login-signup-otp-modal .modal-dialog .modal-body .resend-btn > a,
.modal-passwordless-verify-form .resend-btn > a {
  /* text-decoration: underline;
  text-decoration-color: #000; */
  border-bottom: 1px solid;
  cursor: pointer;
  color: #000;
}

.login-signup-otp-modal .modal-dialog .modal-body .resend-btn > a.disabled,
.modal-passwordless-verify-form.resend-btn > a.disabled {
  cursor: not-allowed;
  color: #787878;
  text-decoration-color: #787878;
}

.login-signup-otp-modal .modal-dialog .modal-body p.resend-code-timer,
.modal-passwordless-verify-form p.resend-code-timer {
  font-size: 1.3rem;
  margin-bottom: 0;
  margin-right: 0.5rem;
}

.login-signup-otp-modal .otp-actions-container .check-in-spam {
  margin-top: 1rem;
  font-size: 1.5rem;
  line-height: 1.6;
}

/* Miscellaneous text under the form  - END */

/* Input for OTP code - START */
.login-signup-otp-modal .modal-dialog input#login-otp-code {
  height: 50px;
  font-size: 18px;
}

.login-signup-otp-modal
  .modal-dialog
  .modal-body
  .digit-group
  input.digit-input,
.modal-passwordless-verify-form .otp-inputs input.digit-input {
  height: 56px !important;
  width: 54px;
  background-color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 1.8rem !important;
  font-family: 'GT America Light';
  color: #000;
  margin: 0 2px;
  padding: 0;
}

.modal-passwordless-verify-form
  .otp-inputs
  input.digit-input::-webkit-outer-spin-button,
.modal-passwordless-verify-form
  .otp-inputs
  input.digit-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.modal-passwordless-verify-form .otp-inputs input.digit-input[type='number'] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.checkout-page-modal-passwordless-verify-form .otp-inputs input.digit-input {
  height: 50px !important;
  width: 50px;
  line-height: 40px;
  font-size: 1.6rem !important;
}

.checkout-page-verify-form .continue-with-password-btn-wrapper .info-text,
.checkout-passwordless-password-stage .info-text {
  font-size: 1.4rem;
}

.passwordless-password-stage .form-group label {
  text-align: left !important;
}

.checkout-page-verify-form .continue-with-password-btn-wrapper {
  margin-top: 5px;
}

.checkout-page-modal-passwordless-verify-form
  .otp-inputs
  input.digit-input:first-of-type {
  margin-left: 0;
}

.login-signup-otp-modal .modal-dialog .modal-body .digit-group .splitter {
  padding: 0 5px;
  color: #000;
  font-size: 24px;
}

.login-signup-otp-modal .digit-group input.digit-input.error,
.modal-passwordless-verify-form .digit-group input.digit-input.error {
  border-color: #f33;
}

.login-signup-otp-modal span.error {
  display: block;
}

.login-signup-otp-modal .digit-group span.error {
  color: #f33;
  text-transform: initial;
  font-family: 'GT America light' !important;
  font-size: 1.3rem;
  text-align: center;
}

.modal-resent-otp-form p {
  font-size: 1.4rem;
}

/* Input for OTP code - END */

/* SPECIFIC TO SIGNUP FLOW */

.old-signup-otp-modal p.notice-info-icon-register::before,
.signup-otp-modal p.notice-info-icon-register::before {
  left: 7px;
  content: '*';
}

.old-signup-otp-modal .passwordless-signup-tc p,
.signup-otp-modal .passwordless-signup-tc p {
  font-size: 1.2rem !important;
  margin-bottom: 0 !important;
}

.old-signup-otp-modal .passwordless-signup-tc a,
.signup-otp-modal .passwordless-signup-tc a {
  color: #4a4a4a;
  text-decoration: none;
}

.old-signup-otp-modal .passwordless-signup-tc p:last-of-type a,
.signup-otp-modal .passwordless-signup-tc p:last-of-type a {
  text-decoration: underline;
}

.checkout-passwordless-password-stage input {
  height: 47px;
}

.checkout-passwordless-password-stage button {
  height: 47px;
}

.old-modal-passwordless-login-form
  .old-passwordless-login-form-forgot-password-submit-btn,
.modal-passwordless-login-form
  .passwordless-login-form-forgot-password-submit-btn,
.passwordless-login-form-forgot-password-submit-btn {
  background: none;
  font-family: GT America Black;
  font-size: 1.2rem;
  color: #f33;
  border: none;
  padding: 0;
  height: auto;
}

.old-modal-passwordless-login-form
  .old-passwordless-login-form-forgot-password-submit-btn:hover,
.modal-passwordless-login-form
  .passwordless-login-form-forgot-password-submit-btn:hover,
.login-signup-otp-modal
  .passwordless-login-form-forgot-password-submit-btn:hover {
  color: #ff8585;
}

.signup-otp-modal.popup .modal-dialog .modal-body.interstitial-stage{
  padding: 0 20px 50px;
}

.signup-otp-modal.popup .modal-dialog .modal-body.third-stage{
  padding: 0 70px 50px;
}

.desktop-interstitial {
  display: block;
}
.mobile-interstitial {
  display: none;
}

@media only screen and (max-width: 768px) {

  .signup-otp-modal.popup .modal-dialog .modal-body.interstitial-stage{
    padding-top: 10px;
  }

  .signup-otp-modal.popup .modal-dialog .modal-body.third-stage{
    padding: 0 30px 30px;
  }

  .desktop-interstitial {
    display: none;
  }
  .mobile-interstitial {
    display: block;
  }

  .signup-otp-modal .modal-dialog .modal-header .title,
  .old-login-signup-otp-modal .modal-dialog .modal-header .title,
  .login-signup-otp-modal .modal-dialog .modal-header .title {
    font-size: 2.6rem;
  }

  .login-signup-otp-modal.popup
    .passwordless-password-stage
    .passwordless-password-form-forgot-password-container {
    margin-top: 5px;
  }

  .login-signup-otp-modal.popup
    .passwordless-password-stage
    .passwordless-password-form-otp-btn-container {
    margin-top: 20px;
  }

  .login-signup-otp-modal.popup
    .modal-dialog
    .form-group.passwordless-password-input-form-container {
    margin-top: 0;
  }

  .login-signup-otp-modal.popup
    .passwordless-password-stage
    .login-otp-form-prompt {
    margin-bottom: 0;
  }

  .old-login-signup-otp-modal .modal-dialog .modal-body p.login-otp-form-prompt,
  .login-signup-otp-modal .modal-dialog .modal-body p.login-otp-form-prompt {
    margin-bottom: 1rem;
  }

  .signup-otp-modal.popup .modal-dialog .modal-body,
  .old-login-signup-otp-modal.popup .modal-dialog .modal-body,
  .login-signup-otp-modal.popup .modal-dialog .modal-body {
    padding: 20px 20px 30px;
  }

  .signup-otp-modal .modal-dialog .modal-header .title,
  .old-login-signup-otp-modal .modal-dialog .modal-header .title,
  .login-signup-otp-modal .modal-dialog .modal-header .title {
    padding-bottom: 0;
  }

  .signup-otp-modal.popup .modal-dialog .modal-body .subtitle {
    font-size: 1.5rem;
  }

  .signup-otp-modal .theme-4 .apsl-icon-block,
  .old-login-signup-otp-modal .theme-4 .apsl-icon-block,
  .login-signup-otp-modal .theme-4 .apsl-icon-block {
    width: 92%;
  }

  .signup-otp-modal.popup .modal-dialog .form-group,
  .old-login-signup-otp-modal.popup .modal-dialog .form-group,
  .login-signup-otp-modal.popup .modal-dialog .form-group {
    margin-bottom: 5px;
    margin-top: 1.5rem;
  }

  .otp-actions-container {
    flex-direction: column-reverse;
  }

  .signup-otp-modal .modal-dialog .modal-body p.login-otp-form-prompt,
  .old-login-signup-otp-modal .modal-dialog .modal-body p.login-otp-form-prompt,
  .login-signup-otp-modal .modal-dialog .modal-body p.login-otp-form-prompt,
  .checkout-passwordless-password-stage p.login-otp-form-prompt,
  .modal-passwordless-verify-form p.login-otp-form-prompt {
    font-size: 1.5rem;
    line-height: 1.6;
  }

  .signup-otp-modal
    .modal-dialog
    .modal-body
    .otp-actions-container
    .form-group,
  .login-signup-otp-modal
    .modal-dialog
    .modal-body
    .otp-actions-container
    .form-group {
    margin-bottom: 0.7rem;
  }

  .signup-otp-modal
    .modal-dialog
    .modal-body
    .otp-actions-container
    .form-group.resend-container,
  .login-signup-otp-modal
    .modal-dialog
    .modal-body
    .otp-actions-container
    .form-group.resend-container {
    margin-bottom: 2rem;
  }

  .checkout-page-verify-form
    .login-otp-form-prompt
    .edit-entered-email-container {
    display: block;
  }
}

@media only screen and (max-width: 500px) {
  .login-signup-otp-modal
    .modal-dialog
    .modal-body
    .digit-group
    input.digit-input,
  .modal-passwordless-verify-form .otp-inputs input.digit-input {
    height: 55px !important;
    width: 45px;
    font-size: 1.8rem;
  }

  .modal-passwordless-verify-form.checkout-page-verify-form
    .otp-inputs
    input.digit-input {
    height: 45px !important;
    width: 40px;
    font-size: 1.8rem;
  }

  .modal-resent-otp-form p {
    font-size: 1.4rem;
  }
}

/* Overriding old CSS */

.passwordless-check-email input.check-login-email,
.passwordless-signup-form.user-name-details input {
  font-size: 1.4rem !important;
  height: 45px !important;
}

.subscription-detail-block .passwordless-check-email .btn {
  height: 45px !important;
}

#login-concarat-otp-modal #show_device #content_area p {
  font-size: 16px;
  line-height: 140%;
}

#login-concarat-otp-modal .note {
  font-size: 13px;
  line-height: 150%;
  color: #f33;
}

#login-concarat-new-modal #show_device #content_area p {
  font-size: 16px;
  line-height: 140%;
}

#login-concarat-new-modal .note {
  font-size: 13px;
  line-height: 150%;
  color: #f33;
}

#login-modal .title{
  margin-bottom: 0 !important;
}