.swal2-no-default-icon {
	border: none !important;
}
/* Container Utama untuk centering */
.water-loader-container {
    display: flex;
    flex-direction: column; /* Menyusun ke bawah */
    align-items: center;    /* Center horizontal */
    justify-content: center; /* Center vertical */
    gap: 5px;               /* Mengatur jarak dempet antara logo dan teks */
}

.water-loader {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Mengubah Logo PNG menjadi Putih */
.white-logo {
    filter: brightness(0) invert(1);
    display: block;
}

/* Animasi Air Mengisi */
.logo-fill {
    position: relative;
    overflow: hidden; /* Penting agar masking tidak keluar jalur */
    -webkit-mask-image: linear-gradient(to top, black var(--fill-level, 0%), transparent var(--fill-level, 0%));
    mask-image: linear-gradient(to top, black var(--fill-level, 0%), transparent var(--fill-level, 0%));
    animation: fill-water 3s infinite ease-in-out;
}

/* Atur teks agar rapat */
.loader-text {
    font-size: 14px;
    font-weight: 500;
    margin: 0; /* Menghapus margin default agar benar-benar dempet */
    padding: 0;
}

/* Jalankan Animasi */
@keyframes fill-water {
    0%, 100% { --fill-level: 20%; }
    50% { --fill-level: 100%; }
}

/* Pastikan browser mengenali persentase variabel */
@property --fill-level {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}