.ch-recovery-preferences {
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 12px;
  padding: 20px;
  margin-block: 24px;
  font: inherit;
}
.ch-recovery-preferences h2 { margin-block: 0 12px; }
.ch-recovery-preferences p { overflow-wrap: anywhere; }
.ch-recovery-preferences label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-block-size: 44px;
  padding-block: 8px;
  cursor: pointer;
}
.ch-recovery-preferences input[type="checkbox"] {
  flex: 0 0 18px;
  inline-size: 18px;
  block-size: 18px;
  margin-block-start: 3px;
  accent-color: currentColor;
}
.ch-recovery-preferences button { min-block-size: 44px; padding: 10px 18px; font: inherit; }
.ch-recovery-preferences :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }