#xpreloader {
  
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Latar belakang transparan */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

#loadingContent {    
    padding: 20px 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Bayangan */    
    font-size: 12px;
    color: #333;
    text-align: center;
}

.mdi-spin {
            font-size: 48px; /* Ukuran ikon */
            animation: spin 1s infinite linear; /* Animasi putar */
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }