.input-wrapper.password-field input { padding-right: 52px; }
.password-field .password-reveal {
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 44px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #a56378;
    cursor: pointer;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.password-field .password-reveal:hover,
.password-field .password-reveal[aria-pressed="true"] { background: #fff0f4; color: #8c405a; }
.password-field .password-reveal:focus-visible { outline: 2px solid #a56378; outline-offset: -2px; }
.password-reveal svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.password-reveal .password-eye-slash { display: none; }
.password-reveal[aria-pressed="true"] .password-eye-slash { display: block; }
/* Keep the requested hold behavior consistent in browsers with a native eye. */
.password-field input::-ms-reveal,
.password-field input::-ms-clear { display: none; }