.desafio-raizes-password-field {
	position: relative;
	width: 100%;
}

.desafio-raizes-password-field[data-password-visibility] > input[type="password"],
.desafio-raizes-password-field[data-password-visibility] > input[type="text"] {
	padding-inline-end: 58px !important;
	padding-right: 58px !important;
}

button.desafio-raizes-password-toggle[hidden] {
	display: none !important;
}

button.desafio-raizes-password-toggle {
	align-items: center !important;
	appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: #d4af37 !important;
	cursor: pointer;
	display: inline-flex !important;
	height: 44px !important;
	inset-inline-end: 3px;
	justify-content: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	min-height: 44px !important;
	min-width: 44px !important;
	padding: 0 !important;
	position: absolute !important;
	top: 50%;
	transform: translateY(-50%) !important;
	width: 44px !important;
	z-index: 2;
}

button.desafio-raizes-password-toggle:hover {
	background: rgba(212, 175, 55, .09) !important;
	color: #f0d577 !important;
}

button.desafio-raizes-password-toggle:focus,
button.desafio-raizes-password-toggle:focus-visible {
	background: rgba(212, 175, 55, .11) !important;
	box-shadow: 0 0 0 2px rgba(240, 213, 119, .72) !important;
	color: #f0d577 !important;
	outline: 0 !important;
}

button.desafio-raizes-password-toggle:active {
	background: rgba(212, 175, 55, .16) !important;
	transform: translateY(-50%) scale(.96) !important;
}

.desafio-raizes-password-toggle__icon {
	fill: none;
	height: 22px;
	pointer-events: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 22px;
}

.desafio-raizes-password-toggle__icon--hide,
.is-password-visible .desafio-raizes-password-toggle__icon--show {
	display: none;
}

.is-password-visible .desafio-raizes-password-toggle__icon--hide {
	display: block;
}

.raizes-settings-password-field > label > span {
	display: block;
	margin-bottom: 7px;
}

@media (hover: none), (pointer: coarse) {
	button.desafio-raizes-password-toggle:hover:not(:focus-visible) {
		background: transparent !important;
		color: #d4af37 !important;
	}
}