.codes-print {
	display: block;
}
.codes-display {
	display: none;
}
body:has(.backup-codes) * {
	margin: 0;
	padding: 0;
	visibility: hidden;
}
body:has(.backup-codes) .backup-codes, body:has(.backup-codes) .backup-codes * {
	visibility: visible;
	color: black;
	background-color: white;
}
.backup-codes {
	width: 320px;
	padding: 5px !important;
	margin: 25px auto !important;
}
table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
  border: 1px solid #000;
  padding: 0.2em 0.7em;
}
h3 {
	margin-bottom: 15px !important;
}
h4 {
	margin-bottom: 10px !important;
}