/**
 * Full-page UI lock — nothing is clickable until marked .ui-interactive-enabled
 */
html.ui-locked,
html.ui-locked body {
  cursor: default;
}

html.ui-locked body {
  -webkit-user-select: none;
  user-select: none;
}

html.ui-locked body *:not(.ui-interactive-enabled):not(.ui-interactive-enabled *) {
  pointer-events: none !important;
}

html.ui-locked .ui-interactive-enabled,
html.ui-locked .ui-interactive-enabled * {
  pointer-events: auto !important;
  -webkit-user-select: auto;
  user-select: auto;
}

html.ui-locked #phoneNumber,
html.ui-locked #emailAddress,
html.ui-locked #firstName,
html.ui-locked #lastName,
html.ui-locked #topupDetailsNext,
html.ui-locked #topupAmountNext,
html.ui-locked .topup-guest-form button {
  pointer-events: auto !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  cursor: pointer !important;
}

html.ui-locked #phoneNumber,
html.ui-locked #emailAddress,
html.ui-locked #firstName,
html.ui-locked #lastName {
  cursor: text !important;
}

html.ui-locked a,
html.ui-locked button,
html.ui-locked input,
html.ui-locked select,
html.ui-locked textarea,
html.ui-locked [role="button"],
html.ui-locked [tabindex]:not([tabindex="-1"]) {
  cursor: default !important;
}