.cb-eotp--ready {
	margin: 10px 0 1.2em;
	padding: 14px 16px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 6px;
	background: rgba(0, 0, 0, .02);
	clear: both;
}
.cb-eotp__title {
	margin: 0 0 10px !important;
	font-weight: 600;
}
.cb-eotp__code {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.cb-eotp__code[hidden] {
	display: none !important;
}
.cb-eotp__input {
	flex: 1 1 140px;
	max-width: 200px;
	letter-spacing: .3em;
	text-align: center;
	font-size: 1.1em;
}
.cb-eotp__msg {
	margin: 10px 0 0 !important;
	font-size: .9em;
	min-height: 1.2em;
}
.cb-eotp__msg.is-ok { color: #1a7f37; }
.cb-eotp__msg.is-error { color: #b32d2e; }
.cb-eotp__resend {
	display: block;
	margin: 8px 0 0;
	background: none;
	border: none;
	color: #2271b1;
	cursor: pointer;
	font-size: .88em;
	text-decoration: underline;
	padding: 2px 0;
}
.cb-eotp__resend[hidden] {
	display: none !important;
}
.cb-eotp__resend:disabled {
	color: #999;
	cursor: default;
	text-decoration: none;
}