/* Galaxy777 runtime auth modal fix */
.modal-backdrop:has(.signup-modal-galaxy),
.modal-backdrop:has(.login-modal-galaxy),
.modal-backdrop:has(.signup-modal-global),
.modal-backdrop:has(.login-modal-global) {
  z-index: 100000 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(24px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)) !important;
  overflow-y: auto !important;
}

.modal-backdrop .pop_login.modal-content.signup-modal-galaxy,
.modal-backdrop .pop_login.modal-content.login-modal-galaxy,
.modal-backdrop .pop_login.modal-content.signup-modal-global,
.modal-backdrop .pop_login.modal-content.login-modal-global {
  z-index: 100010 !important;
  margin-top: 0 !important;
  position: relative !important;
  max-height: calc(100dvh - 36px) !important;
}

.modal-backdrop .pop_login.modal-content.signup-modal-galaxy .modal-close.btn_close,
.modal-backdrop .pop_login.modal-content.login-modal-galaxy .modal-close.btn_close,
.modal-backdrop .pop_login.modal-content.signup-modal-global .modal-close.btn_close,
.modal-backdrop .pop_login.modal-content.login-modal-global .modal-close.btn_close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 100020 !important;
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(245, 213, 139, 0.72) !important;
  border-radius: 999px !important;
  background-color: rgba(3, 10, 18, 0.86) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7L17 17M17 7L7 17' stroke='%23f8e7b4' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 22px 22px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.44), inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  color: transparent !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease !important;
}

.modal-backdrop .pop_login.modal-content.signup-modal-galaxy .modal-close.btn_close:hover,
.modal-backdrop .pop_login.modal-content.login-modal-galaxy .modal-close.btn_close:hover,
.modal-backdrop .pop_login.modal-content.signup-modal-global .modal-close.btn_close:hover,
.modal-backdrop .pop_login.modal-content.login-modal-global .modal-close.btn_close:hover {
  border-color: rgba(255, 236, 173, 0.96) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5), 0 0 16px rgba(245, 202, 92, 0.26), inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-1px) !important;
}

.modal-backdrop .pop_login.modal-content.signup-modal-galaxy .modal-close.btn_close::before,
.modal-backdrop .pop_login.modal-content.signup-modal-galaxy .modal-close.btn_close::after,
.modal-backdrop .pop_login.modal-content.login-modal-galaxy .modal-close.btn_close::before,
.modal-backdrop .pop_login.modal-content.login-modal-galaxy .modal-close.btn_close::after,
.modal-backdrop .pop_login.modal-content.signup-modal-global .modal-close.btn_close::before,
.modal-backdrop .pop_login.modal-content.signup-modal-global .modal-close.btn_close::after,
.modal-backdrop .pop_login.modal-content.login-modal-global .modal-close.btn_close::before,
.modal-backdrop .pop_login.modal-content.login-modal-global .modal-close.btn_close::after {
  content: "" !important;
  display: none !important;
}

.modal-backdrop .pop_login.modal-content.signup-modal-galaxy .modal-close.btn_close::before,
.modal-backdrop .pop_login.modal-content.login-modal-galaxy .modal-close.btn_close::before,
.modal-backdrop .pop_login.modal-content.signup-modal-global .modal-close.btn_close::before,
.modal-backdrop .pop_login.modal-content.login-modal-global .modal-close.btn_close::before {
  transform: none !important;
}

.modal-backdrop .pop_login.modal-content.signup-modal-galaxy .modal-close.btn_close::after,
.modal-backdrop .pop_login.modal-content.login-modal-galaxy .modal-close.btn_close::after,
.modal-backdrop .pop_login.modal-content.signup-modal-global .modal-close.btn_close::after,
.modal-backdrop .pop_login.modal-content.login-modal-global .modal-close.btn_close::after {
  transform: none !important;
}

@media (max-width: 720px) {
  .modal-backdrop .pop_login.modal-content.signup-modal-galaxy,
  .modal-backdrop .pop_login.modal-content.login-modal-galaxy,
  .modal-backdrop .pop_login.modal-content.signup-modal-global,
  .modal-backdrop .pop_login.modal-content.login-modal-global {
    width: min(620px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 24px) !important;
  }

  .modal-backdrop .pop_login.modal-content.signup-modal-galaxy .modal-close.btn_close,
  .modal-backdrop .pop_login.modal-content.login-modal-galaxy .modal-close.btn_close,
  .modal-backdrop .pop_login.modal-content.signup-modal-global .modal-close.btn_close,
  .modal-backdrop .pop_login.modal-content.login-modal-global .modal-close.btn_close {
    width: 36px !important;
    height: 36px !important;
    background-size: 20px 20px !important;
  }
}