/* @group @a-icon-password */

[class*="a-password-mask"] {
--icon-width: 1.5rem;
--icon-height: 1.5rem;
}

input[type="password"] + [class*="a-password-mask"] {
--icon-fill: hsla(220, 10%, 30%, .375);

}

input[type="text"] + [class*="a-password-mask"] {
--icon-fill: var(--color-primary);
}

/* @end @a-icon-password */

/* @group @a-password-mask */

[class*="a-password-mask"] {
display: flex;
cursor: pointer;
transition: all .2s 0s cubic-bezier(.6, .5, .5, .75);
}

/* @end @a-password-mask */