/**
 * 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: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
		font-size: map-deep-get($config-global, "font", "size", "sm");

		&.strong {
			background-color: map-deep-get($config-global, "color", "alert", "success");
			border-color: none;
		}

		&.good {
			background-color: map-deep-get($config-global, "color", "alert", "warning");
			border-color: none;
		}

		&.short {
			background-color: map-deep-get($config-global, "color", "alert", "error");
			border-color: none;
		}

		&.bad {
			background-color: map-deep-get($config-global, "color", "alert", "error");
			border-color: none;
		}
	}

	.woocommerce-password-hint {
		font-size: map-deep-get($config-global, "font", "size", "xs");
	}
}
