/**
 * Password strength meter
 */
body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important

	.woocommerce-password-strength {
		text-align: center;
		font-weight: 600;
		padding: calc(0.5 * var(--wc--table--padding));
		font-size: var(--global--font-size-sm);

		&.strong {
			background-color: var(--global--color-alert-success);
			border-color: none;
		}

		&.good {
			background-color: var(--global--color-alert-warning);
			border-color: none;
		}

		&.short {
			background-color: var(--global--color-alert-error);
			border-color: none;
		}

		&.bad {
			background-color: var(--global--color-alert-error);
			border-color: none;
		}
	}

	.woocommerce-password-hint {
		font-size: var(--global--font-size-xs);
	}
}