/* assets/css/nominal-tertutup.css
   [PATCH121] Tampilan nominal yang sedang tertutup.

   Titik-titiknya sengaja berwarna redup dan berjarak longgar supaya terbaca
   sebagai "sengaja ditutup", bukan sebagai data yang gagal dimuat. Angka yang
   hilang tanpa penjelasan membuat orang menekan muat ulang berkali-kali. */

.nominal-tersamar {
    letter-spacing: .18em;
    color: #9aa4b1;
    user-select: none;
    font-variant-numeric: normal;
}

/* Tombol matanya tidak boleh ikut menggeser tata letak saat ikonnya berganti
   antara eye dan eye-slash: keduanya tidak sama lebar. */
[data-nominal-toggle],
[data-nominal-intip] {
    display: inline-block;
    min-width: 1.15em;
    text-align: center;
    line-height: 1;
    vertical-align: baseline;
}

[data-nominal-toggle]:focus,
[data-nominal-intip]:focus {
    outline: 2px solid rgba(0, 123, 255, .45);
    outline-offset: 2px;
}