.inputPassword{--icon-size: 1.125rem;--input-padding-x: 1.25rem;position:relative}@media (min-width: 1024px){.inputPassword{--icon-size: 1.5rem}}.inputPassword input{position:relative;z-index:1;width:100%;padding-right:calc(var(--input-padding-x) + var(--icon-size) + .3125rem)}.inputPassword [data-input-password-button]{position:absolute;top:50%;right:0;z-index:3;height:100%;display:flex;--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));align-items:center;width:calc(var(--input-padding-x) + var(--icon-size))}.inputPassword [data-input-password-button][data-input-password-show=false] [data-input-password-icon=show]{display:block}.inputPassword [data-input-password-button][data-input-password-show=false] [data-input-password-icon=hide],.inputPassword [data-input-password-button][data-input-password-show=true] [data-input-password-icon=show]{display:none}.inputPassword [data-input-password-button][data-input-password-show=true] [data-input-password-icon=hide]{display:block}.inputPassword [data-input-password-button] .fa-Icons{--fill: var(--color-white);--width: var(--icon-size) !important;--height: var(--icon-size) !important}