.theModalBackdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 8888;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* lang-modal-size: box sized to tcl99.com language switcher
   (fixed 300px wide, 8px radius, 15px row padding, desktop+mobile). */
.theModalBackdrop .theModalLang {
  max-width: 300px;
  width: 100%;
  border-radius: 8px;
}
.theModalBackdrop .theModalLang .theMLPadd {
  padding: 0;
}
.theModalBackdrop .theModalLang .theMLList {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0.9375rem;
  border-bottom: 1px solid var(--global-button-color);
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalLang .theMLList {
    padding: 0.9375rem;
  }
}
.theModalBackdrop .theModalLang .theMLList .theMLCheckIcon {
  order: 1;
  width: 16px;
  margin: 0 0.25rem 0 0;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalLang .theMLList .theMLCheckIcon {
    width: 18px;
  }
}
.theModalBackdrop .theModalLang .theMLList .theMLCheckIcon img {
  width: 100%;
  display: block;
}
.theModalBackdrop .theModalLang .theMLList .theMLText {
  order: 0;
  color: var(--global-primary-text-color);
  font-size: 18px;
  font-weight: 900;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalLang .theMLList .theMLText {
    font-size: 18px;
  }
}
.theModalBackdrop .theModalAccess {
  width: 90%;
  height: 90%;
  max-width: 1047px;
  border-radius: 0.75rem;
  overflow: scroll;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess {
    height: auto;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModalAccess {
    width: 100%;
  }
}
.theModalBackdrop .theModalAccess .theMAPadd {
  padding: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAPadd {
    padding: 0.625rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex {
    flex-direction: row;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theDefaultMAFSlider,
.theModalBackdrop .theModalAccess .theMAFlex .theMAFSlider {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theDefaultMAFSlider,
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFSlider {
    width: 506px;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theDefaultMAFSlider picture,
.theModalBackdrop .theModalAccess .theMAFlex .theMAFSlider picture {
  display: block;
  width: 100%;
}
.theModalBackdrop .theModalAccess .theMAFlex .theDefaultMAFSlider img,
.theModalBackdrop .theModalAccess .theMAFlex .theMAFSlider img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox {
  flex: 1;
  padding: 0 0 0.5rem;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox {
    padding: 0 0 0 0.625rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  border-radius: 0.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-secondary-text-color);
  background: var(--global-secondary-modal-color);
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBClose {
    width: 30px;
    height: 30px;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBClose svg {
  width: 45%;
  display: block;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBBackBox {
  display: flex;
  align-items: center;
  margin: 0 0 1.25rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBBackBox {
    margin: 0 0 1.5rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBBackBox .theMAFFBBack {
  color: var(--global-secondary-text-color);
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBBackBox .theMAFFBBack svg {
  width: 10px;
  display: block;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBBackBox .theMAFFBText {
  color: var(--global-secondary-text-color);
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0 0.625rem;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBTitle {
  color: var(--global-primary-text-color);
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1.25rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBTitle {
    font-size: 1.125rem;
    margin: 0 0 1.5rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBSubTitle {
  color: var(--global-secondary-text-color);
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0 0 0.75rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBSubTitle {
    font-size: 1.125rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent {
  min-height: auto;
  max-height: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0 1.25rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent {
    padding: 0 1.875rem 0 0;
    min-height: 544px;
    max-height: 544px;
    margin: 0 0 1.5rem;
    gap: 1.125rem;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldLabel {
  color: var(--global-primary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput {
  position: relative;
  background: #1c1f27;
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput {
    padding: 0.625rem 1.25rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput.theFormFieldPhone {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput.theFormFieldPhone {
    gap: 0.75rem;
    padding: 0.625rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput.theFormFieldPhone input {
  flex: 1;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input {
  width: 100%;
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input::-webkit-outer-spin-button, .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input::placeholder {
  color: var(--global-secondary-text-color);
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--global-secondary-modal-color) inset !important;
  -webkit-text-fill-color: var(--global-primary-text-color) !important;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput .thePhoneCountrySelect {
  position: relative;
  width: fit-content;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput .thePhoneCountrySelect select {
  width: 100%;
  height: 100%;
  padding: 0rem 2.25rem 0rem 0.75rem;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  color: var(--global-primary-text-color);
  font-size: 0.85rem;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  transition: border-color 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput .thePhoneCountrySelect select {
    font-size: 0.95rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput .thePhoneCountrySelect select:focus {
  border-color: none;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput .thePhoneCountrySelect select option {
  color: #000;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldInput .thePhoneCountrySelect::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--global-primary-text-color);
  border-bottom: 2px solid var(--global-primary-text-color);
  right: 14px;
  top: 50%;
  transform: translateY(-70%) rotate(45deg);
  opacity: 0.8;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput {
  position: relative;
  background: #1c1f27;
  border-radius: 0.5rem;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput input {
  width: 40px;
  height: 51px;
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput input::-webkit-outer-spin-button, .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theFormFieldOtpInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theMAFFBCPasswordStatus {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSFlex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSFlex .theMAFFBCPSBox {
  width: 74px;
  height: 4px;
  border-radius: 3.4375rem;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSText {
  color: #4b515e;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSText {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theMAFFBCLabel {
  color: var(--global-secondary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
  text-align: right;
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
  font-family: inherit;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theMAFFBCLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theMAFFBOptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theRememberMeOption {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--global-secondary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theRememberMeOption input {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0;
  accent-color: var(--global-button-color);
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theRememberMeOption {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theMAFFBCPasswordAlertBox .theMAFFBCPasswordABText {
  color: var(--global-secondary-text-color);
  font-size: 0.75rem;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBContent .theMAFFBCPasswordAlertBox .theMAFFBCPasswordABText {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBCSubmitBtn .theMAFFBCSubmit {
  width: 100%;
  padding: 0.625rem 0;
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: 700;
  text-align: center;
  border-radius: 0.1875rem;
  cursor: pointer;
  border: none;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBCCancelBtn .theMAFFBCCancel {
  box-shadow: none;
  border: none;
  width: 100%;
  padding: 0 0;
  color: #4b515e;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBCCancelBtn .theMAFFBCCancel {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBLabel {
  color: var(--global-secondary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0.5rem 0 0;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theMAFFBLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theOtpResendButton {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.theModalBackdrop .theModalAccess .theMAFlex .theMAFFormBox .theOtpResendButton:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  text-decoration: none;
}
.theModalBackdrop .theModalPromotion {
  width: 90%;
  height: auto;
  max-width: 1047px;
  border-radius: 0.75rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalPromotion {
    height: auto;
    max-width: 800px;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModalPromotion {
    width: 100%;
  }
}
.theModalBackdrop .theModalPromotion .theMAPadd {
  padding: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalPromotion .theMAPadd {
    padding: 0.625rem;
  }
}
.theModalBackdrop .theModalPromotion .theMAPHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalPromotion .theMAPHeader {
    margin: 0 0 0.625rem;
  }
}
.theModalBackdrop .theModalPromotion .theMAPHeader .theMAPHTitle {
  color: var(--global-primary-text-color);
  width: 80%;
  font-size: 0.875rem;
  font-weight: 900;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalPromotion .theMAPHeader .theMAPHTitle {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalPromotion .theMAPHeader .theMAPHClose {
  width: 26px;
  height: 26px;
  border-radius: 0.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-secondary-text-color);
  background: var(--global-secondary-modal-color);
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalPromotion .theMAPHeader .theMAPHClose {
    width: 30px;
    height: 30px;
  }
}
.theModalBackdrop .theModalPromotion .theMAPHeader .theMAPHClose svg {
  width: 45%;
  display: block;
}
.theModalBackdrop .theModalPromotion .theMAPBanner {
  width: 100%;
  margin: 0 auto;
}
.theModalBackdrop .theModalPromotion .theMAPBanner picture {
  display: block;
  width: 100%;
}
.theModalBackdrop .theModalPromotion .theMAPBanner img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theModalBackdrop .theModalPromotion .theMAPBContent {
  margin: 0.5rem 0 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  max-height: min(40rem, 100dvh - 8rem);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.theModalBackdrop .theModalPromotion .theMAPBContent img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalPromotion .theMAPBContent {
    margin: 0.625rem 0;
  }
}
.theModalBackdrop .theModalPromotion .theMAPButton {
  width: 100%;
  border-radius: 0.1875rem;
  padding: 0.625rem;
  font-size: 0.625rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalPromotion .theMAPButton {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalPromotionSlider {
  width: 90%;
  height: auto;
  max-width: 618px;
  position: relative;
}
.theModalBackdrop .theModalPromotionSlider .theMASPadd {
  position: relative;
  padding: 2.5rem 2.75rem;
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: solid;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalPromotionSlider .theMASPadd {
    padding: 2.5rem 2rem;
  }
}
.theModalBackdrop .theModalPromotionSlider .theMAPBannerSlider .theMAPBannerSliderDot {
  width: 7px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #777777;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
.theModalBackdrop .theModalPromotionSlider .theMAPBannerSlider .slick-dots {
  bottom: 10px;
}
.theModalBackdrop .theModalPromotionSlider .theMAPBannerSlider .slick-dots li {
  width: fit-content;
  height: auto;
  margin: 0 3px;
}
.theModalBackdrop .theModalPromotionSlider .theMAPBannerSlider .slick-dots li.slick-active .theMAPBannerSliderDot {
  background: #ececec;
  /* Active dot color */
}
.theModalBackdrop .theModalPromotionSlider .theMAPBannerSlider .slick-dots li.slick-active button:before {
  display: none;
}
.theModalBackdrop .theModalPromotionSlider .theMAPBannerSlider .slick-dots li button:before {
  display: none;
}
.theModalBackdrop .theModalPromotionSlider .theMAPSClose {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  color: #fff;
}
.theModalBackdrop .theModalPromotionSlider .theMAPSClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModalPromotionSlider .theMAPBanner {
  width: 100%;
}
.theModalBackdrop .theModalPromotionSlider .theMAPBanner picture {
  width: 100%;
  display: block;
}
.theModalBackdrop .theModalPromotionSlider .theMAPBanner img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theModalBackdrop .theModalPromotionSlider .theMAPSButton {
  width: fit-content;
  border-radius: 0.5rem;
  padding: 0.625rem 2.625rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 auto;
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup {
  width: min(90vw, 618px);
  max-height: calc(100dvh - 5rem);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMASPadd {
  padding: 0;
  border: 0;
  border-radius: 0.75rem;
  background: transparent !important;
  max-height: calc(100dvh - 5rem);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPSClose {
  top: -2.5rem;
  right: 0;
  color: #fff;
  z-index: 3;
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPSClose svg {
  width: 1rem;
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider {
  overflow: hidden;
  border-radius: 0.75rem;
  max-height: calc(100dvh - 5rem);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider .slick-list,
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider .slick-track,
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider .slick-slide,
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider .slick-slide > div {
  max-height: calc(100dvh - 5rem);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider .slick-dots {
  width: fit-content;
  left: 50%;
  bottom: 0.75rem;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.5rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider .slick-dots li {
  margin: 0;
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider .slick-dots .theMAPBannerSliderDot {
  width: 0.5rem;
  background: rgba(255, 255, 255, 0.7);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBannerSlider .slick-dots li.slick-active .theMAPBannerSliderDot {
  width: 1.5rem;
  border-radius: 999px;
  background: var(--global-button-color);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBanner {
  overflow: hidden;
  border-radius: 0.75rem;
  max-height: calc(100dvh - 5rem);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBanner a {
  display: block;
  max-height: calc(100dvh - 5rem);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBanner picture {
  max-height: calc(100dvh - 5rem);
}
.theModalBackdrop .theModalPromotionSlider.is-image-popup .theMAPBanner img {
  width: auto;
  max-width: 100%;
  max-height: calc(100dvh - 5rem);
  margin: 0 auto;
}
.theModalBackdrop .theModalAlert::-webkit-scrollbar {
  display: none;
}
.theModalBackdrop .theModalAlert {
  width: 90%;
  height: auto;
  max-width: 1047px;
  border-radius: 0.75rem;
  overflow: scroll;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalAlert {
    height: auto;
    max-width: 517px;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModalAlert {
    width: 100%;
  }
}
.theModalBackdrop .theModalAlert .theMAPadd {
  padding: 1.875rem 1.625rem;
  position: relative;
}
.theModalBackdrop .theModalAlert .theMAlertClose {
  position: absolute;
  top: 1.625rem;
  right: 1.625rem;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-secondary-text-color);
  background: var(--global-primary-modal-color);
  border-radius: 8px;
  cursor: pointer;
  z-index: 2;
}
.theModalBackdrop .theModalAlert .theMAlertClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModalAlert .theMAlertIcon {
  width: 130px;
  margin: 0 auto;
}
.theModalBackdrop .theModalAlert .theMAlertIcon img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theModalBackdrop .theModalAlert .theMAlertTitle {
  color: var(--global-primary-text-color);
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  margin: 1.375rem 0 0.5rem;
}
.theModalBackdrop .theModalAlert .theMAlertDesc {
  color: var(--global-primary-text-color);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-align: center;
  margin: 0 0 2.875rem;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 18rem;
}
.theModalBackdrop .theModalAlert .theMAlertButton {
  width: 100%;
  border-radius: 0.5rem;
  padding: 0.625rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.theModalBackdrop .theModalHomeDownloadLinks {
  width: 90%;
  height: auto;
  max-width: 420px;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}
.theModalBackdrop .theModalHomeDownloadLinks .theMAPadd {
  padding: 1.875rem 1.625rem;
  position: relative;
}
.theModalBackdrop .theModalHomeDownloadLinks .theMAlertClose {
  position: absolute;
  top: 1.625rem;
  right: 1.625rem;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-secondary-text-color);
  background: var(--global-primary-modal-color);
  border-radius: 8px;
  cursor: pointer;
  z-index: 2;
}
.theModalBackdrop .theModalHomeDownloadLinks .theMAlertClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModalHomeDownloadLinks .theMAlertTitle {
  color: var(--global-primary-text-color);
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  margin: 1rem 0 1rem;
  padding: 0 2rem;
}
.theModalBackdrop .theModalHomeDownloadLinks .theHomeDownloadLinksLogo {
  width: min(220px, 70%);
  margin: 0 auto;
}
.theModalBackdrop .theModalHomeDownloadLinks .theHomeDownloadLinksLogo picture {
  display: block;
  width: 100%;
}
.theModalBackdrop .theModalHomeDownloadLinks .theHomeDownloadLinksLogo img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theModalBackdrop .theModalHomeDownloadLinks .theHomeDownloadLinksList {
  display: grid;
  gap: 10px;
}
.theModalBackdrop .theModalHomeDownloadLinks .theHomeDownloadLinkItem {
  color: var(--global-button-text-color);
  background-color: var(--global-button-color);
  border-radius: 0.5rem;
  padding: 0.75rem 0.875rem;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  display: block;
}
.theModalBackdrop .theModalHomeDownloadLinks .theHomeDownloadLinkItemEmpty {
  color: var(--global-primary-text-color);
  background-color: var(--global-secondary-modal-color);
  cursor: default;
  line-height: 1.4;
}
.theModalBackdrop .theModalResetPassword {
  width: 90%;
  height: auto;
  max-width: 1047px;
  border-radius: 0.75rem;
  overflow: scroll;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalResetPassword {
    height: auto;
    max-width: 517px;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModalResetPassword {
    width: 100%;
  }
}
.theModalBackdrop .theModalResetPassword .theMAPadd {
  padding: 1.5625rem;
  position: relative;
}
.theModalBackdrop .theModalResetPassword .theModalRPHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 3.125rem;
}
.theModalBackdrop .theModalResetPassword .theModalRPHeader .theModalRPHLeft {
  flex: 1;
}
.theModalBackdrop .theModalResetPassword .theModalRPHeader .theModalRPHLeft .theModalRPHLTitle {
  font-size: 1.5rem;
  font-weight: 600;
}
.theModalBackdrop .theModalResetPassword .theModalRPHeader .theModalRPHClose {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--global-primary-modal-color);
}
.theModalBackdrop .theModalResetPassword .theModalRPHeader .theModalRPHClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModalResetPassword .theFormField {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldLabel {
  color: var(--global-primary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalResetPassword .theFormField .theFormFieldLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput {
  position: relative;
  background: #1c1f27;
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput {
    padding: 0.625rem 1.25rem;
  }
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput input {
  width: 100%;
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput input::-webkit-outer-spin-button, .theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--global-secondary-modal-color) inset !important;
  -webkit-text-fill-color: var(--global-primary-text-color) !important;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput {
  position: relative;
  background: #1c1f27;
  border-radius: 0.5rem;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput input {
  width: 40px;
  height: 51px;
  color: #ffffff;
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput input::-webkit-outer-spin-button, .theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModalResetPassword .theFormField .theFormFieldOtpInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModalResetPassword .theFormField .theMAFFBCPasswordStatus {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theModalBackdrop .theModalResetPassword .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSFlex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
}
.theModalBackdrop .theModalResetPassword .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSFlex .theMAFFBCPSBox {
  width: 74px;
  height: 4px;
  border-radius: 3.4375rem;
}
.theModalBackdrop .theModalResetPassword .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSText {
  color: #4b515e;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalResetPassword .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSText {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalResetPassword .theModalRPHSubmitBtn .theModalRPHSubmit {
  width: 100%;
  padding: 0.625rem 0;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalResetPassword .theModalRPHSubmitBtn .theModalRPHSubmit {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModal2FAActivate {
  width: 90%;
  height: auto;
  height: 90%;
  max-width: 1047px;
  border-radius: 0.75rem;
  overflow: scroll;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModal2FAActivate {
    height: auto;
    max-width: 517px;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModal2FAActivate {
    width: 100%;
  }
}
.theModalBackdrop .theModal2FAActivate .theMAPadd {
  padding: 1.5625rem;
  position: relative;
}
.theModalBackdrop .theModal2FAActivate .theModalRPHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 3.125rem;
}
.theModalBackdrop .theModal2FAActivate .theModalRPHeader .theModalRPHLeft {
  flex: 1;
}
.theModalBackdrop .theModal2FAActivate .theModalRPHeader .theModalRPHLeft .theModalRPHLTitle {
  font-size: 1.5rem;
  font-weight: 600;
}
.theModalBackdrop .theModal2FAActivate .theModalRPHeader .theModalRPHLeft .theModalRPHLSubTitle {
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0 0 1.5rem;
}
.theModalBackdrop .theModal2FAActivate .theModalRPHeader .theModalRPHClose {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--global-primary-modal-color);
}
.theModalBackdrop .theModal2FAActivate .theModalRPHeader .theModalRPHClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent {
  padding: 0.9375rem 1.25rem;
  border-radius: 0.5rem;
  margin: 0 0 1.875rem;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theModalRPCFlex {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModal2FAActivate .theModalRPContent .theModalRPCFlex {
    flex-direction: row;
  }
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCQR {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 0.75rem;
  margin: 0 0 1rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCQR {
    width: 125px;
    margin: 0 1rem 0 0;
  }
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCQR svg {
  width: 100%;
  display: block;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCQR img {
  width: 100%;
  display: block;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCContent .theMRPCCTitle {
  font-weight: 600;
  font-size: 1rem;
  margin: 0 0 1.5rem;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCContent .theMRPCCFlex {
  display: flex;
  gap: 0.5rem;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCContent .theMRPCCFlex .theMRPCCFImg {
  width: 100%;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMRPCContent .theMRPCCFlex .theMRPCCFImg img {
  width: 100%;
  display: block;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMFormField {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMFormField .theMFormFieldLabel {
  color: #787b83;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModal2FAActivate .theModalRPContent .theMFormField .theMFormFieldLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMFormField .theMFormBox {
  position: relative;
  padding: 0.3125rem 0.4375rem 0.3125rem 1rem;
  background: #171a22;
  border-radius: 0.5rem;
  color: #ffffff;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMFormField .theMFormBox .theMFBText {
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0.4375rem 0 0;
}
.theModalBackdrop .theModal2FAActivate .theModalRPContent .theMFormField .theMFormBox .theMFBButton {
  width: fit-content;
  padding: 0.375rem 1.5625rem;
  border-radius: 0.25rem;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModal2FAActivate .theModalRPContent .theMFormField .theMFormBox .theMFBButton {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModal2FAActivate .theFormField {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldLabel {
  color: var(--global-primary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput {
  position: relative;
  background: #1c1f27;
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput {
    padding: 0.625rem 1.25rem;
  }
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput input {
  width: 100%;
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput input::-webkit-outer-spin-button, .theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput {
  position: relative;
  background: #1c1f27;
  border-radius: 0.5rem;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput input {
  width: 40px;
  height: 51px;
  color: #ffffff;
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput input::-webkit-outer-spin-button, .theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theFormFieldOtpInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theMAFFBCPasswordStatus {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSFlex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSFlex .theMAFFBCPSBox {
  width: 74px;
  height: 4px;
  border-radius: 3.4375rem;
}
.theModalBackdrop .theModal2FAActivate .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSText {
  color: #4b515e;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModal2FAActivate .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSText {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModal2FAActivate .theModalRPHSubmitBtn .theModalRPHSubmit {
  width: 100%;
  padding: 0.625rem 0;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModal2FAActivate .theModalRPHSubmitBtn .theModalRPHSubmit {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalAddWithdawMethod::-webkit-scrollbar {
  display: none;
}
.theModalBackdrop .theModalAddWithdawMethod {
  width: 90%;
  height: auto;
  max-width: 1047px;
  border-radius: 0.75rem;
  overflow: scroll;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalAddWithdawMethod {
    height: auto;
    max-width: 517px;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModalAddWithdawMethod {
    width: 100%;
  }
}
.theModalBackdrop .theModalAddWithdawMethod .theMAPadd {
  padding: 1.5625rem;
  position: relative;
}
.theModalBackdrop .theModalAddWithdawMethod .theModalRPHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 3.125rem;
}
.theModalBackdrop .theModalAddWithdawMethod .theModalRPHeader .theModalRPHLeft {
  flex: 1;
}
.theModalBackdrop .theModalAddWithdawMethod .theModalRPHeader .theModalRPHLeft .theModalRPHLTitle {
  font-size: 1.5rem;
  font-weight: 600;
}
.theModalBackdrop .theModalAddWithdawMethod .theModalRPHeader .theModalRPHClose {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--global-primary-modal-color);
}
.theModalBackdrop .theModalAddWithdawMethod .theModalRPHeader .theModalRPHClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldLabel {
  color: var(--global-primary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput {
  position: relative;
  background: #1c1f27;
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput {
    padding: 0.625rem 1.25rem;
  }
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput input {
  width: 100%;
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput input::-webkit-outer-spin-button, .theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput .form-select {
  width: 100%;
  color: #ffffff;
  font-size: 0.875rem;
  background: #1c1f27;
  outline: none;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput .form-select {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput .theSelectIcon {
  position: absolute;
  width: 18px;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  cursor: pointer;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput .theSelectIcon img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput {
  position: relative;
  background: #1c1f27;
  border-radius: 0.5rem;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput input {
  width: 40px;
  height: 51px;
  color: #ffffff;
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput input::-webkit-outer-spin-button, .theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theFormFieldOtpInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theMAFFBCPasswordStatus {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSFlex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSFlex .theMAFFBCPSBox {
  width: 74px;
  height: 4px;
  border-radius: 3.4375rem;
}
.theModalBackdrop .theModalAddWithdawMethod .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSText {
  color: #4b515e;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAddWithdawMethod .theFormField .theMAFFBCPasswordStatus .theMAFFBCPSText {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalAddWithdawMethod .theModalRPHSubmitBtn .theModalRPHSubmit {
  width: 100%;
  padding: 0.625rem 0;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalAddWithdawMethod .theModalRPHSubmitBtn .theModalRPHSubmit {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalChooseWallet {
  width: 90%;
  height: auto;
  max-width: 1047px;
  border-radius: 0.75rem;
  overflow: scroll;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalChooseWallet {
    height: auto;
    max-width: 517px;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModalChooseWallet {
    width: 100%;
  }
}
.theModalBackdrop .theModalChooseWallet .theMAPadd {
  padding: 1.5625rem;
  position: relative;
}
.theModalBackdrop .theModalChooseWallet .theModalRPHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 1rem;
}
.theModalBackdrop .theModalChooseWallet .theModalRPHeader .theModalRPHLeft {
  flex: 1;
}
.theModalBackdrop .theModalChooseWallet .theModalRPHeader .theModalRPHLeft .theModalRPHLTitle {
  font-size: 1.5rem;
  font-weight: 600;
}
.theModalBackdrop .theModalChooseWallet .theModalRPHeader .theModalRPHClose {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--global-primary-modal-color);
}
.theModalBackdrop .theModalChooseWallet .theModalRPHeader .theModalRPHClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModalChooseWallet .theFormField {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0 1rem;
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldLabel {
  color: var(--global-primary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput {
  position: relative;
  background: #1c1f27;
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput {
    padding: 0.625rem 1.25rem;
  }
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput input {
  width: 100%;
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  background: transparent;
  outline: none;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput input {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput input::-webkit-outer-spin-button, .theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput input[type=number] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput input[type=date] {
  -moz-appearance: textfield;
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput .thePasswordIcon {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--global-secondary-text-color);
  cursor: pointer;
}
.theModalBackdrop .theModalChooseWallet .theFormField .theFormFieldInput .thePasswordIcon svg {
  width: 20px;
  display: block;
}
.theModalBackdrop .theModalChooseWallet .theModalCWContent {
  max-height: 400px;
  overflow-y: scroll;
}
.theModalBackdrop .theModalChooseWallet .theModalCWContent .theModalCWCFlexWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 1rem;
}
.theModalBackdrop .theModalChooseWallet .theModalCWContent .theModalCWCFlexWrap .theModalCWCFWBox {
  width: 49%;
  border-radius: 0.5rem;
}
.theModalBackdrop .theModalChooseWallet .theModalCWContent .theModalCWCFlexWrap .theModalCWCFWBox .theModalCWCFWPadd {
  padding: 0.625rem 1.5625rem;
}
.theModalBackdrop .theModalChooseWallet .theModalCWContent .theModalCWCFlexWrap .theModalCWCFWBox .theModalCWCFWBName {
  font-size: 1rem;
  font-weight: 600;
}
.theModalBackdrop .theModalChooseWallet .theModalCWContent .theModalCWCFlexWrap .theModalCWCFWBox .theTBTFBPWText {
  font-size: 0.875rem;
  font-weight: 400;
}
.theModalBackdrop .theModalChooseWallet .theModalRPHSubmitBtn .theModalRPHSubmit {
  width: 100%;
  padding: 0.625rem 0;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  border: none;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalChooseWallet .theModalRPHSubmitBtn .theModalRPHSubmit {
    font-size: 1rem;
  }
}
.theModalBackdrop .theModalLoader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theModalBackdrop .theModalLoader .theMLoader {
  width: 100px;
  aspect-ratio: 3/1.2;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
.theModalBackdrop .theModalLoader .theMLoader:after {
  content: "";
  position: absolute;
  width: 140px;
  aspect-ratio: 1;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100%;
  box-shadow: 0 4px 0 0 var(--global-button-color);
  transition: all 1s linear;
  margin: -50px -20px;
  animation: lds-eclipse 1s linear infinite;
}
.theModalBackdrop .theModalGameDownload {
  width: 90%;
  height: auto;
  max-width: 1047px;
  border-radius: 0.75rem;
  overflow: scroll;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalGameDownload {
    height: auto;
    max-width: 517px;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModalGameDownload {
    width: 100%;
  }
}
.theModalBackdrop .theModalGameDownload .theMDLPadd {
  padding: 1.875rem 1.625rem;
  position: relative;
}
.theModalBackdrop .theModalGameDownload .theMAlertClose {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--global-secondary-text-color);
  background: var(--global-primary-modal-color);
  border-radius: 8px;
  z-index: 2;
}
.theModalBackdrop .theModalGameDownload .theMAlertClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModalGameDownload .theMDLContent {
  position: relative;
}
.theModalBackdrop .theModalGameDownload .theMDLContent .theMDLGameIcon {
  width: 40%;
  margin: 0 auto;
  margin-top: 1rem;
}
.theModalBackdrop .theModalGameDownload .theMDLContent .theMDLGameIcon img {
  width: 100%;
  display: block;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalGameDownload .theMDLContent .theMDLGameIcon {
    width: 35%;
  }
}
.theModalBackdrop .theModalGameDownload .theMDLContent .theMDLGameTitle {
  margin-top: 0.25rem;
  color: var(--global-primary-text-color);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}
.theModalBackdrop .theModalGameDownload .theMDLContent .theMDLFormWrapper {
  margin-top: 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.theModalBackdrop .theModalGameDownload .theMDLContent .theMDLFormWrapper .theFormField {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.theModalBackdrop .theModalGameDownload .theMDLContent .theMDLFormWrapper .theFormField .theFormFieldLabel {
  color: var(--global-primary-text-color);
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalGameDownload .theMDLContent .theMDLFormWrapper .theFormField .theFormFieldLabel {
    font-size: 0.875rem;
  }
}
.theModalBackdrop .theModalGameDownload .theMDLContent .theMDLFormWrapper .theFormField .theFormFieldInput {
  position: relative;
  background: #1c1f27;
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .theModalBackdrop .theModalGameDownload .theMDLContent .theMDLFormWrapper .theFormField .theFormFieldInput {
    padding: 0.625rem 1.25rem;
  }
}
.theModalBackdrop .theModalGameDownload .theMDLContent .theMDLFormWrapper .theFormField .theFormFieldInput .theCopyBtn {
  position: absolute;
  width: fit-content;
  padding: 0.40625rem 0.9375rem;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  font-weight: 900;
  line-height: 1.5;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.theModalBackdrop .theModalGameDownload .theMDLButtonContainer {
  margin-top: 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalGameDownload .theMDLButtonContainer {
    flex-direction: row;
  }
}
.theModalBackdrop .theModalGameDownload .theMDLButtonContainer .theMDLButton {
  width: 100%;
  border-radius: 0.5rem;
  padding: 0.625rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalGameDownload .theMDLButtonContainer .theMDLButton {
    flex: 1 1 50%;
  }
}
.theModalBackdrop .theModalGameDownload .theMDLNotes {
  position: relative;
  margin-top: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.theModalBackdrop .theModalGameDownload .theMDLNotes .theNotesTitle {
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration-line: underline;
}
.theModalBackdrop .theModalGameDownload .theMDLNotes .theNotesContent {
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
.theModalBackdrop .theModalClaimPromotion {
  width: 90%;
  height: auto;
  max-width: 1047px;
  border-radius: 0.75rem;
  overflow: scroll;
}
@media screen and (min-width: 768px) {
  .theModalBackdrop .theModalClaimPromotion {
    height: auto;
    max-width: 517px;
  }
}
@media screen and (min-width: 1440px) {
  .theModalBackdrop .theModalClaimPromotion {
    width: 100%;
  }
}
.theModalBackdrop .theModalClaimPromotion .theMCPPadd {
  padding: 1.875rem 1.625rem;
  position: relative;
}
.theModalBackdrop .theModalClaimPromotion .theMAlertClose {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--global-secondary-text-color);
  background: var(--global-primary-modal-color);
  border-radius: 8px;
  cursor: pointer;
  z-index: 2;
}
.theModalBackdrop .theModalClaimPromotion .theMAlertClose svg {
  width: 14px;
  display: block;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent {
  position: relative;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPAlertIcon {
  position: relative;
  width: 8.875rem;
  height: 8.875rem;
  margin: 0 auto;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPAlertIcon img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPTitle {
  margin-top: 1.0625rem;
  color: var(--global-primary-text-color);
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPSubtitle {
  margin: 1.0625rem 1.25rem 0;
  color: var(--global-primary-text-color);
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer {
  position: relative;
  margin-top: 1.5625rem;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentItemsButton {
  padding: 0.34375rem 0.625rem;
  color: var(--global-button-text-color);
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
  border-radius: 0.5rem;
  cursor: pointer;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentTitle {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentTitle .theMCPContentItemsTH {
  flex: 1;
  color: var(--global-primary-text-color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 0.6875rem;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentTitle .theMCPContentItemsTH:first-child {
  max-width: 60%;
  flex-basis: 60%;
  padding-right: 1rem;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentTitle .theMCPContentItemsTH:nth-child(2) {
  padding-right: 1rem;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentItemWrapper {
  max-height: 10.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: auto;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentItemWrapper .theMCPContentItemFlex {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentItemWrapper .theMCPContentItemFlex .theMCPContentItemsTD {
  flex: 1;
  color: var(--global-primary-text-color);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentItemWrapper .theMCPContentItemFlex .theMCPContentItemsTD:first-child {
  max-width: 60%;
  flex-basis: 60%;
  padding-right: 1rem;
}
.theModalBackdrop .theModalClaimPromotion .theMCPContent .theMCPContentItemsContainer .theMCPContentItemWrapper .theMCPContentItemFlex .theMCPContentItemsTD:nth-child(2) {
  padding-right: 1rem;
}
.theModalBackdrop .theModalClaimPromotion .theMCPButtonContainer {
  margin-top: 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  justify-content: center;
  align-items: center;
}
.theModalBackdrop .theModalClaimPromotion .theMCPButtonContainer .theMCPButton {
  width: 100%;
  border-radius: 0.5rem;
  padding: 0.625rem;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@keyframes spinning {
  0% {
    transform: translate(-50%, -50%) scale(1) translateZ(0);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) translateZ(0);
  }
}
@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=modal.css.map */

/* ============================================================
   hh888-modal-restyle  (hkg22 popup restyle to match hh888hk)
   Idempotent marker: hh888-modal-restyle
   Appended override block — wins by source order + specificity.
   Ref values: panel #e6e6e6 r14 | icon 130px stroke 3px
   error #e8736f / info #3fb6e8 / success #4caf50 / warning #f0a020
   watermark title rgba(74,74,74,.25) | msg #4a4a4a bold
   pills radius 999px, 3px gold #f5c518, primary red #e2231a,
   secondary black #111, white bold text, auto-width centered.
   ============================================================ */

/* --- shared alert panel: EXACT hh888hk .swal2-popup metrics ---
   width 512px, max-width 100%, radius 5px, bg #e4e4e4,
   box-shadow rgba(0,0,0,.4) 0 0 10px, padding 0 0 20px.
   Font matches swal2 montserrat_semiBold via Montserrat fallback. */
.theModalBackdrop .theModalAlert#modalAlert,
.theModalBackdrop .theModalAlert {
  width: 512px !important;
  max-width: 100% !important;
  min-width: auto !important;
  background: #e4e4e4 !important;
  border-radius: 5px !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) !important;
  font-family: "Montserrat", "Segoe UI", Helvetica, Arial, sans-serif;
}
.theModalBackdrop .theModalAlert .theMAPadd {
  padding: 0 0 20px !important;   /* swal2: 0 0 20px; title/msg carry their own padding */
}

/* close (x) button: subtle dark on light panel */
.theModalBackdrop .theModalAlert .theMAlertClose {
  background: transparent !important;
  color: #9a9a9a !important;
}

/* ============================================================
   hh888-modal-exact  — SweetAlert2 v11 faithful icons (130px)
   Reproduced from the live hh888hk .swal2-icon computed styles.
   SweetAlert2 base is 80px; geometry scaled x1.625 to 130px.
   Colors are SweetAlert2/hh888hk EXACT:
     error   #f27474   success #a5dc86
     info    #3fc3ee   warning #f8bb86
   The icon container is the circle (border + 50% radius).
   error/success glyphs are inner elements injected by the JS
   (swal2-* class names, faithful line construction).
   info/warning glyphs are the bold i/! via ::after.
   ============================================================ */

/* --- icon container = the coloured ring, 130px, per-state --- */
.theModalBackdrop .theModalAlert .theMAlertIcon {
  box-sizing: content-box;
  width: 130px;
  height: 130px;
  margin: 0.65rem auto 0;
  position: relative;
  border: 6.5px solid transparent;   /* swal2: 4px on 80px */
  border-radius: 50%;
  line-height: 130px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
/* hide any legacy <img> raster icon; we draw with CSS/markup */
.theModalBackdrop .theModalAlert .theMAlertIcon img {
  display: none !important;
}

/* default (no state class yet) = success green, matches prior behaviour */
.theModalBackdrop .theModalAlert .theMAlertIcon:not(.is-error):not(.is-info):not(.is-warning) {
  border-color: #a5dc86;
}

/* ---------- ERROR : red ring + crossed X (two lines) ---------- */
.theModalBackdrop .theModalAlert .theMAlertIcon.is-error {
  border-color: #f27474;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-error .swal2-x-mark {
  position: relative;
  display: block;
  -webkit-transform: none;
          transform: none;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-error .swal2-x-mark-line-left,
.theModalBackdrop .theModalAlert .theMAlertIcon.is-error .swal2-x-mark-line-right {
  position: absolute;
  top: 60.1px;        /* swal2 37px x1.625 */
  left: 27.6px;       /* swal2 17px x1.625 (both lines, swal2 uses same left) */
  width: 76.4px;      /* swal2 47px x1.625 */
  height: 8.1px;      /* swal2 5px  x1.625 */
  border-radius: 3px;
  background-color: #f27474;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-error .swal2-x-mark-line-left {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-error .swal2-x-mark-line-right {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* ---------- SUCCESS : green ring + two-segment tick ---------- */
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success,
.theModalBackdrop .theModalAlert .theMAlertIcon:not(.is-error):not(.is-info):not(.is-warning) {
  border-color: #a5dc86;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -6.5px;
  left: -6.5px;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 6.5px solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-line-tip,
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-line-long {
  display: block;
  position: absolute;
  z-index: 2;
  height: 8px;             /* swal2 5px x1.625 */
  border-radius: 3px;
  background-color: #a5dc86;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-line-tip {
  top: 74.75px;            /* swal2 final 46px x1.625 */
  left: 22.75px;           /* swal2 final 14px x1.625 */
  width: 40.6px;           /* swal2 25px x1.625 */
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-line-long {
  top: 61.75px;            /* swal2 final 38px x1.625 */
  right: 13px;             /* swal2 final right 8px x1.625 */
  width: 76.4px;           /* swal2 47px x1.625 */
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* ---------- INFO : blue ring + bold "i" ---------- */
.theModalBackdrop .theModalAlert .theMAlertIcon.is-info {
  border-color: #3fc3ee;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-info::after {
  content: "i";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 96px;         /* swal2 3.75em of 1em~ -> big, matches capture */
  line-height: 1;
  color: #3fc3ee;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-top: -4px;
}

/* ---------- WARNING : amber ring + bold "!" ---------- */
.theModalBackdrop .theModalAlert .theMAlertIcon.is-warning {
  border-color: #f8bb86;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-warning::after {
  content: "!";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 96px;
  line-height: 1;
  color: #f8bb86;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

/* --- TITLE : EXACT hh888hk .swal2-title metrics ---
   30px / weight 600 / line-height 39px / color #cccccc / padding 24px 30px 0 */
.theModalBackdrop .theModalAlert .theMAlertTitle {
  color: #cccccc !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 39px !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 24px 30px 0 !important;
  font-family: "Montserrat", "Segoe UI", Helvetica, Arial, sans-serif;
}
/* hh888hk uses a single flat grey title (no per-state tint) */
.theModalBackdrop .theModalAlert.state-error .theMAlertTitle,
.theModalBackdrop .theModalAlert.state-info .theMAlertTitle,
.theModalBackdrop .theModalAlert.state-success .theMAlertTitle,
.theModalBackdrop .theModalAlert.state-warning .theMAlertTitle {
  color: #cccccc !important;
}

/* empty title should collapse so message stays vertically balanced */
.theModalBackdrop .theModalAlert .theMAlertTitle:empty {
  margin: 0 !important;
  padding: 0 !important;
}

/* --- MESSAGE : EXACT hh888hk .swal2-html-container metrics ---
   18px / weight 400 / line-height normal / color #545454 / padding 18px 28.8px 5.4px */
.theModalBackdrop .theModalAlert .theMAlertDesc {
  color: #545454 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 18px 28.8px 5.4px !important;
  max-height: 16rem;
  font-family: "Montserrat", "Segoe UI", Helvetica, Arial, sans-serif;
}

/* --- BUTTON : EXACT hh888hk .swal2-confirm metrics ---
   16px / weight 500 / white / radius 4px / padding 10px 17.6px / margin 5px / no border.
   hh888hk paints a red button GIF; we reproduce the red fill in CSS (no external asset). */
.theModalBackdrop .theModalAlert #modalAlertActions {
  display: flex;
  justify-content: center;
  padding-top: 6px;
}
.theModalBackdrop .theModalAlert .theMAlertButton {
  width: auto !important;
  min-width: auto !important;
  border-radius: 4px !important;
  padding: 10px 17.6px !important;
  margin: 5px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  border: 0 !important;
  background: #e2231a !important;
  color: #ffffff !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", "Segoe UI", Helvetica, Arial, sans-serif;
}
/* two-button row spacing/centering (JS injects a flex wrapper) */
.theModalBackdrop .theModalAlert #modalAlertActions > div[style*="flex"],
.theModalBackdrop .theModalAlert .theMAlertActionsRow {
  display: flex !important;
  gap: 14px !important;
  justify-content: center !important;
  width: 100%;
}
.theModalBackdrop .theModalAlert #modalAlertActions .theMAlertButton {
  flex: 0 0 auto !important;
}
/* primary / confirm (red) */
.theModalBackdrop .theModalAlert .theMAlertButton.is-primary,
.theModalBackdrop .theModalAlert #confirmButton,
.theModalBackdrop .theModalAlert #modalAlertPrimaryButton {
  background: #e2231a !important;
  color: #ffffff !important;
  border: 0 !important;
}
/* secondary / cancel (black) — for the 2-button confirm dialog */
.theModalBackdrop .theModalAlert .theMAlertButton.is-secondary,
.theModalBackdrop .theModalAlert #cancelButton {
  background: #111111 !important;
  color: #ffffff !important;
  border: 0 !important;
}

/* ============================================================
   GAME-LAUNCH error modal (games.blade.php  #error-modal)
   ============================================================ */
#error-modal.alert-modal .alert-modal-content {
  background: #e6e6e6 !important;
  border-radius: 14px !important;
  padding: 2.25rem 1.75rem !important;
  max-width: 460px;
}
#error-modal.alert-modal .alert-error {
  color: rgba(74, 74, 74, 0.25) !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.5rem !important;
}
#error-modal.alert-modal .alert-message {
  color: #4a4a4a !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin-bottom: 1.75rem !important;
}
#error-modal.alert-modal .alert-button {
  background: #e2231a !important;
  color: #fff !important;
  border: 3px solid #f5c518 !important;
  border-radius: 999px !important;
  padding: 0.65rem 2.1rem !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
}

/* ============================================================
   On-load PROMO popup (footer.blade #modalBonus / #modalPromotionSlider)
   Scoped so the promotions-LIST modal (.theModalPromotion) is untouched.
   ============================================================ */
.theModalBackdrop .theModalBonus#modalBonus,
.theModalBackdrop .theModalPromotionSlider {
  background: #e6e6e6 !important;
  border-radius: 14px !important;
}
.theModalBackdrop .theModalBonus#modalBonus .theMAPHTitle,
.theModalBackdrop .theModalBonus#modalBonus .theMAlertTitle,
.theModalBackdrop .theModalPromotionSlider .theMAlertTitle {
  color: #4a4a4a !important;
}
.theModalBackdrop .theModalBonus#modalBonus .theMAPContent .theMAPCScroll,
.theModalBackdrop .theModalBonus#modalBonus #modalBonusContent {
  color: #4a4a4a !important;
}
.theModalBackdrop .theModalBonus#modalBonus .theMAPSButton,
.theModalBackdrop .theModalBonus#modalBonus .theMAPButton,
.theModalBackdrop .theModalPromotionSlider .theMAPSButton {
  border-radius: 999px !important;
  border: 3px solid #f5c518 !important;
  background: #e2231a !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  width: auto !important;
  min-width: 128px;
  padding: 0.65rem 2.1rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* close x on light panel */
.theModalBackdrop .theModalBonus#modalBonus .theMAPHClose,
.theModalBackdrop .theModalPromotionSlider .theMAlertClose {
  color: #9a9a9a !important;
}
/* ============================================================
   hh888-modal-size-caption  — pixel-parity correction pass
   Idempotent marker: hh888-modal-size-caption
   Measured LIVE from hh888hk .swal2-popup at 1280 / 768 / 390:
     popup   width 512px, max-width 100% (inside .swal2-container
             padding 9.375px each side) -> effective
             min(512, 100vw-18.75px); box-shadow NONE; radius 5px.
     icon    NATIVE swal2 80px (border 4px), margin 40px 0 9.6px.
             (prior block scaled it to 130px -> panel too big.)
     title   30/600/39, pad 24px 30px 0, hidden when empty.
     message 18/400/normal, pad 18px 28.8px 5.4px, #545454.
     button  16/500, pad 10px 17.6px, radius 4px, HEIGHT 39px,
             margin 5px; actions margin-top 20px.
   This block is LAST in source order so it wins over the earlier
   hh888-modal-exact 130px icon + box-shadow rules. Self-contained
   to .theModalAlert (other modals on .theModalBackdrop untouched).
   ============================================================ */

/* --- PANEL: kill the shadow (hh888 has none) + replicate the
   .swal2-container 9.375px side padding as an edge gap so the panel
   never touches the screen edge on mobile (390 -> 371.25px). --- */
.theModalBackdrop .theModalAlert#modalAlert,
.theModalBackdrop .theModalAlert {
  width: 512px !important;
  max-width: calc(100% - 18.75px) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* --- ICON: native SweetAlert2 v11 metrics at 80px (not 130px) --- */
.theModalBackdrop .theModalAlert .theMAlertIcon {
  width: 80px !important;
  height: 80px !important;
  border-width: 4px !important;
  margin: 40px 0 9.6px !important;
  line-height: 80px !important;
}
/* error X — native swal2 (top 37 / left 17 / w 47 / h 5) */
.theModalBackdrop .theModalAlert .theMAlertIcon.is-error .swal2-x-mark-line-left,
.theModalBackdrop .theModalAlert .theMAlertIcon.is-error .swal2-x-mark-line-right {
  top: 37px !important;
  left: 17px !important;
  width: 47px !important;
  height: 5px !important;
  border-radius: 2px !important;
}
/* success ring + tick — native swal2 geometry */
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-ring {
  top: -4px !important;
  left: -4px !important;
  border-width: 4px !important;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-line-tip,
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-line-long {
  height: 5px !important;
  border-radius: 2px !important;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-line-tip {
  top: 46px !important;
  left: 14px !important;
  width: 25px !important;
}
.theModalBackdrop .theModalAlert .theMAlertIcon.is-success .swal2-success-line-long {
  top: 38px !important;
  right: 8px !important;
  width: 47px !important;
}
/* info "i" / warning "!" glyph — native swal2 3.75em (~59px on 80px ring) */
.theModalBackdrop .theModalAlert .theMAlertIcon.is-info::after,
.theModalBackdrop .theModalAlert .theMAlertIcon.is-warning::after {
  font-size: 59px !important;
  margin-top: 0 !important;
}

/* --- TITLE: collapse entirely when empty (hh888 display:none) --- */
.theModalBackdrop .theModalAlert .theMAlertTitle:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- ACTIONS + BUTTON: 20px gap above, button exactly 39px tall --- */
.theModalBackdrop .theModalAlert #modalAlertActions {
  margin-top: 20px !important;
  padding-top: 0 !important;
}
.theModalBackdrop .theModalAlert .theMAlertButton {
  height: 39px !important;
  line-height: 19px !important;
  box-sizing: border-box !important;
}

/* end hh888-modal-restyle */

/* ============================================================
   hh888-modal-icon-center — center the alert status icon
   horizontally in the panel, matching hh888hk swal2 (.swal2-icon
   is centered via margin:auto on a block element).
   Appended LAST so it wins the cascade over the size-caption
   block's `margin: 40px 0 9.6px` (0 horizontal → left-flush).
   Keeps 80px size + 40px top / 9.6px bottom vertical margins.
   ============================================================ */
.theModalBackdrop .theModalAlert .theMAlertIcon {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 40px !important;
  margin-bottom: 9.6px !important;
}
/* end hh888-modal-icon-center */