/* GIMA password show/hide eye toggle styles.
   Selectors bump specificity high enough to beat per-page rules like
   `.login_form .login_box button { width: 100% !important; position: relative }`
   that would otherwise yank the eye button into a full-width relative block. */
.gima-pw-wrap {
	position: relative;
	display: inline-block;
}

.gima-pw-wrap > input[type="password"],
.gima-pw-wrap > input[type="text"] {
	padding-right: 32px;
	box-sizing: border-box;
}

.gima-pw-wrap > button.gima-pw-toggle {
	position: absolute !important;
	top: 50% !important;
	right: 4px !important;
	left: auto !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	width: 26px !important;
	height: 26px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	color: #666 !important;
	cursor: pointer !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 3px !important;
	box-shadow: none !important;
}

.gima-pw-wrap > button.gima-pw-toggle:hover,
.gima-pw-wrap > button.gima-pw-toggle:focus {
	color: #222 !important;
	background: rgba(0, 0, 0, 0.06) !important;
	outline: none !important;
}

.gima-pw-wrap > button.gima-pw-toggle svg {
	display: block;
	width: 18px;
	height: 18px;
}