/* Site-wide WooCommerce password visibility control. */
.password-input {
	display: block;
	position: relative;
}

.password-input > input {
	padding-right: 3.5rem !important;
}

.show-password-input,
.woocommerce .show-password-input,
.woocommerce-page .show-password-input {
	align-items: center !important;
	appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: #fecb00 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	font-size: 0 !important;
	height: 2.75rem !important;
	justify-content: center !important;
	margin: 0 !important;
	min-height: 2.75rem !important;
	min-width: 2.75rem !important;
	overflow: hidden !important;
	padding: 0 !important;
	pointer-events: auto !important;
	position: absolute !important;
	right: 0.375rem !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	visibility: visible !important;
	width: 2.75rem !important;
	z-index: 2;
}

.show-password-input::before {
	background-color: currentColor;
	content: "";
	display: block;
	height: 1.375rem;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
	width: 1.375rem;
}

.show-password-input.display-password::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 4.2A10 10 0 0 1 12 4c6.5 0 10 8 10 8a18 18 0 0 1-2.1 3.2M6.6 6.6C3.7 8.5 2 12 2 12s3.5 8 10 8a9.8 9.8 0 0 0 4.1-.9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 4.2A10 10 0 0 1 12 4c6.5 0 10 8 10 8a18 18 0 0 1-2.1 3.2M6.6 6.6C3.7 8.5 2 12 2 12s3.5 8 10 8a9.8 9.8 0 0 0 4.1-.9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.show-password-input::after {
	content: none !important;
	display: none !important;
}

.show-password-input:hover {
	color: #fff !important;
}

.show-password-input:focus-visible {
	box-shadow: 0 0 0 2px #111, 0 0 0 4px #fecb00 !important;
	outline: none !important;
}