[data-scope='password-input'][data-part='root'] {
	@apply flex flex-col gap-2 w-full max-w-sm mx-auto;
}

[data-scope='password-input'][data-part='label'] {
	@apply text-sm font-medium text-foreground;
}

[data-scope='password-input'][data-part='control'] {
	@apply relative flex items-center rounded-md border border-border bg-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background transition-all;
}

[data-scope='password-input'][data-part='input'] {
	@apply w-full px-3 py-2 pr-12 bg-transparent border-0 rounded-md text-sm text-foreground placeholder:text-muted-foreground focus:outline-none;
}

[data-scope='password-input'][data-part='visibility-trigger'] {
	@apply absolute right-2 flex items-center justify-center w-8 h-8 bg-transparent hover:bg-muted rounded-md transition-colors focus:outline-none;
}

[data-scope='password-input'][data-part='indicator'] {
	@apply flex items-center justify-center;
}

[data-scope='password-input'][data-part='indicator'] svg {
	@apply w-4 h-4 text-muted-foreground;
}

[data-scope='password-input'][data-part='visibility-trigger']:hover [data-part='indicator'] svg {
	@apply text-foreground;
}
