.fv-account-deletion .fv-doc-shell {
  max-width: 640px;
}

.fv-account-deletion [hidden] {
  display: none !important;
}

.fv-account-deletion .deletion-status,
.fv-account-deletion .deletion-error,
.fv-account-deletion .deletion-login,
.fv-account-deletion form,
.fv-account-deletion #deletion-retry {
  margin-top: 24px;
}

.fv-account-deletion .deletion-error {
  color: var(--site-danger);
}

.fv-account-deletion .deletion-status {
  overflow-wrap: anywhere;
}

.fv-account-deletion .deletion-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--site-teal);
  color: var(--site-bg);
  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.fv-account-deletion .deletion-button:hover:not(:disabled) {
  background: var(--site-teal-2);
}

.fv-account-deletion .deletion-button:disabled {
  opacity: .55;
  cursor: default;
}

.fv-account-deletion :is(a, button, input):focus-visible {
  outline: 3px solid var(--site-teal-2);
  outline-offset: 4px;
}

.fv-account-deletion .deletion-login p {
  margin-top: 20px;
}

.fv-account-deletion .deletion-confirmation {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--site-muted);
  font-size: 16px;
  line-height: 1.65;
  cursor: pointer;
}

.fv-account-deletion .deletion-confirmation input {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 3px 0 0;
  accent-color: var(--site-teal);
}

.fv-account-deletion .deletion-cabinet {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 16px;
}

@media (max-width: 640px) {
  .fv-account-deletion .deletion-button {
    width: 100%;
  }
}