/**
 * Tanda "sedang memuat" untuk widget Nama Tamu.
 *
 * Kotak nama diberi kelas ud-namatamu-memuat sejak dicetak server, lalu
 * kelas itu dilepas skrip begitu namanya terisi. Kalau tamu tidak ditemukan
 * atau permintaannya gagal, kotaknya memang dibuang, jadi tandanya ikut hilang.
 *
 * Titik-titiknya memakai warna dan jenis huruf kotak nama itu sendiri, supaya
 * ikut menyesuaikan tema undangan mana pun, dan tidak mengubah perataan teks.
 */

.nama-tamu.ud-namatamu-memuat::after {
    content: "\2022\2022\2022";
    letter-spacing: 0.18em;
    opacity: 0.45;
    animation: ud-namatamu-kedip 1.1s ease-in-out infinite;
}

@keyframes ud-namatamu-kedip {
    0%   { opacity: 0.15; }
    50%  { opacity: 0.6; }
    100% { opacity: 0.15; }
}

@media (prefers-reduced-motion: reduce) {
    .nama-tamu.ud-namatamu-memuat::after {
        animation: none;
        opacity: 0.4;
    }
}