/* REMOTE_FILENAME=/web/css/PswdReveal.css
 *
 *	Copyright © 2026 by FKE Internet.  All rights reserved.
 *
 *	$Id: /web/css/PswdReveal.css,v $
 */
/**
*	CSS rulesets for forms with password reveal buttons
*
*	Author:			Fred Koschara
*	Creation Date:	July twenty-sixth, 2026
*	Last Modified:	July 26, 2026 @ 1:59 pm
*
*	Revision History:
*	   Date		  by		Description
*	2026/07/26	wfredk	original development, extracted from formLayout.css
*/

/* Password reveal button wrapper */
.passwordWrap
{	display:inline-block;
	position:relative;
	vertical-align:top;
}
}

.passwordWrap > input
{	padding-right:2.25rem;
}

.eyeIcon
{	display:block;
	height:1.25rem;
	width:1.25rem;
}
.eyeIcon *
{	fill:none;
	stroke:currentColor;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:1.7;
}
.eyeOpen
{	display:none;
}

.revealToggle
{	appearance:none;
	background-color:transparent;
	border:0;
	cursor:pointer;
	font-size:1rem;
	height:2rem;
	line-height:2rem;
	padding:0;
	position:absolute;
	right:0.375rem;
	top:50%;
	transform:translateY(-50%);
	width:2rem;
}
.revealToggle[aria-pressed="true"] .eyeClosed
{	display:none;
}
.revealToggle[aria-pressed="true"] .eyeOpen
{	display:block;
}

/* EOF: PswdReveal.css */