.pw-email-placeholder { position: relative; display: block; width: 100%; }
.pw-email-placeholder input.pw-email-placeholder__input { width: 100%; }
.pw-email-placeholder__visual { position: absolute; inset: 0; display: flex; align-items: center; overflow: hidden; padding: 0 12px; color: #777; font: inherit; line-height: inherit; white-space: nowrap; pointer-events: none; opacity: 1; transition: opacity 900ms ease; }
.pw-email-placeholder__visual.is-fading { opacity: 0; }
.pw-email-placeholder__visual[hidden] { display: none; }
.pw-email-placeholder input.pw-email-placeholder__input:not(:focus):placeholder-shown, .pw-email-placeholder input.pw-email-placeholder__input:not(:focus):placeholder-shown::placeholder { color: transparent; -webkit-text-fill-color: transparent; }
.pw-email-placeholder input.pw-email-placeholder__input:focus, .pw-email-placeholder input.pw-email-placeholder__input:not(:placeholder-shown) { color: revert; -webkit-text-fill-color: currentColor; }
@media (prefers-reduced-motion: reduce) { .pw-email-placeholder__visual { transition: none; } }

.pw-email-placeholder__visual { z-index: 2; }