/* ==========================================================
   REPLAYON ACCOUNT SELF DELETE V1
   Modulo isolado.
   ========================================================== */

.player-account-delete-zone[hidden],
.player-account-delete-form[hidden] {
  display: none !important;
}

.player-account-delete-zone {
  display: grid;
  gap: 14px;
}

.player-account-delete-copy {
  margin: 0;
  max-width: 680px;
  color: rgba(255, 255, 255, .66);
  font-size: 13px;
  line-height: 1.55;
}

.player-account-delete-button {
  width: fit-content;
  min-height: 42px;
  padding: 10px 17px;
  border: 1px solid rgba(255, 88, 88, .52);
  border-radius: 12px;
  background: rgba(122, 18, 18, .14);
  color: #ff8d8d;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}

.player-account-delete-button:hover {
  border-color: rgba(255, 105, 105, .78);
  background: rgba(145, 25, 25, .22);
}

.player-account-delete-button:active {
  transform: translateY(1px);
}

.player-account-delete-button:disabled {
  cursor: wait;
  opacity: .58;
}

.player-account-delete-form {
  display: grid;
  gap: 13px;
  padding: 16px;
  border: 1px solid rgba(255, 91, 91, .22);
  border-radius: 14px;
  background: rgba(103, 18, 18, .09);
}

.player-account-delete-warning {
  margin: 0;
  color: rgba(255, 255, 255, .76);
  font-size: 13px;
  line-height: 1.55;
}

.player-account-delete-field {
  display: grid;
  gap: 7px;
}

.player-account-delete-field > span {
  color: rgba(255, 255, 255, .76);
  font-size: 12px;
  font-weight: 700;
}

.player-account-delete-field input {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 11px;
  outline: none;
  background: rgba(0, 0, 0, .22);
  color: #fff;
  font: inherit;
}

.player-account-delete-field input:focus {
  border-color: rgba(183, 255, 0, .48);
}

.player-account-delete-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.player-account-delete-confirm,
.player-account-delete-cancel {
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 11px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.player-account-delete-confirm {
  border: 1px solid rgba(255, 91, 91, .62);
  background: #b53232;
  color: #fff;
}

.player-account-delete-cancel {
  border: 1px solid rgba(255, 255, 255, .14);
  background: transparent;
  color: rgba(255, 255, 255, .76);
}

.player-account-delete-confirm:disabled,
.player-account-delete-cancel:disabled {
  cursor: wait;
  opacity: .58;
}

.player-account-delete-status {
  min-height: 18px;
  color: rgba(255, 255, 255, .66);
  font-size: 12px;
  line-height: 1.45;
}

.player-account-delete-status.is-success {
  color: #b7ff00;
}

.player-account-delete-status.is-error {
  color: #ff9292;
}

@media (max-width: 680px) {
  .player-account-delete-button {
    width: 100%;
  }

  .player-account-delete-actions {
    flex-direction: column;
  }

  .player-account-delete-confirm,
  .player-account-delete-cancel {
    width: 100%;
  }
}

/* REPLAYON ACCOUNT SELF DELETE V1 END */