.pd-modal-open {
  overflow: hidden !important;
}

.pd-public-login-button {
  padding: 12px 17px;
  border: 0;
  border-radius: 12px;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.pd-weapon-login-dialog {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  display: grid !important;
  place-items: center;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 0 !important;
  background: rgba(3, 13, 29, 0.62) !important;
  backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity 0.28s ease;
}

.pd-weapon-login-dialog[hidden] {
  display: none !important;
}

.pd-weapon-login-dialog.is-open {
  opacity: 1;
}

.pd-weapon-login-dialog .pd-weapon-login-window {
  width: min(440px, 100%);
  opacity: 0;
  transform: translateY(-180px) scale(0.96);
}

.pd-public-login-dialog .pd-weapon-login-window {
  width: min(420px, 100%);
}

.pd-public-login-dialog .pd-login-error {
  padding: 9px 10px;
  border: 1px solid #b42318;
  background: #fff0ee;
  color: #8a1710;
  font: 13px Tahoma, sans-serif;
}

.pd-weapon-login-dialog.is-open .pd-weapon-login-window {
  animation: pdWeaponLoginDrop 0.75s cubic-bezier(0.2, 0.85, 0.25, 1) forwards;
}

.pd-weapon-login-dialog.is-closing .pd-weapon-login-window {
  animation: pdWeaponLoginRetract 0.33s ease forwards;
}

@keyframes pdWeaponLoginDrop {
  from { opacity: 0; transform: translateY(-180px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes pdWeaponLoginRetract {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to { opacity: 0; transform: translateY(-120px) scale(0.97); }
}

@media (max-width: 760px) {
  .pd-weapon-login-dialog { padding: 14px !important; }
  .pd-weapon-login-dialog .pd-weapon-login-window { width: 100%; }
}