.password-strength {
	font-size: inherit;
	display: none;
	max-width: 320px;
	margin-top: 4px;
}

.password-strength.is-active {
	display: block;
}

.password-strength__meter {
	display: grid;
	height: 6px;
	margin-bottom: 4px;
	gap: 3px;
	grid-template-columns: repeat(5, 1fr);
}

.password-strength__segment {
	background: #dcdcde;
	border-radius: 2px;
}

.password-strength[data-score="1"] .password-strength__segment:nth-child(-n+1) {
	background: #d63638;
}

.password-strength[data-score="2"] .password-strength__segment:nth-child(-n+2) {
	background: #f0ad4e;
}

.password-strength[data-score="3"] .password-strength__segment:nth-child(-n+3) {
	background: #ffd966;
}

.password-strength[data-score="4"] .password-strength__segment:nth-child(-n+4) {
	background: #6cc24a;
}

.password-strength[data-score="5"] .password-strength__segment:nth-child(-n+5) {
	background: #238636;
}

.password-strength__status {
	font-size: inherit;
	line-height: 1.4;
}

.password-strength__feedback {
	display: block;
	margin-top: 2px;
}
