<div class="reveal">
        <input class="secret-mask" type="text" value="oxide-ink" autocomplete="off" spellcheck="false">
        <label class="reveal-eye">
          <input type="checkbox" aria-label="Show the password">
          <span class="reveal-eye-mark"></span>
        </label>
      </div>

// css
.secret-mask { -webkit-text-security: disc; }
.reveal:has(:checked) .secret-mask {
  -webkit-text-security: none;
}