.tcpi-eye-field { position: relative; display: block; width: 100%; }
.tcpi-eye-field input { padding-right: 48px !important; width: 100%; box-sizing: border-box; }
.tcpi-eye-field .tcpi-eye-button { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 40px; height: 38px; min-width: 0; min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 6px; background: transparent; color: #44546a; box-shadow: none; cursor: pointer; line-height: 1; }
.tcpi-eye-field .tcpi-eye-button:hover { background: #00000008; color: #0c1c36; }
.tcpi-eye-field .tcpi-eye-button:focus-visible { outline: 2px solid #2563eb; outline-offset: -3px; }
.tcpi-eye-button svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.tcpi-eye-button .tcpi-eye-slash { display: none; }
.tcpi-eye-button.is-visible .tcpi-eye-slash { display: block; }
.tcpi-eye-field input::-ms-reveal { display: none; }