/* .pxl-loader {
    background: var(--color-bodybg);
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 999999;
    top: 0;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-loader.style-3 .loading-dot-spinner {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    opacity: 0.4;
    background: var(--color-bglight);
    animation: loaderAnim 0.7s linear infinite alternate forwards;
    margin: -30px 0 0 -30px;
    top: 50%;
    left: 50%;
} */
/* baru */
/* Overlay fullscreen */
.pxl-loader {
    position: fixed;
    inset: 0;
    background: #0f0f0f; /* bisa ganti */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

/* Wrapper icon */
/* .loader-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

/* Icon */
/* .loader-icon img {
    width: 70px;
    height: 70px; */
    /* animation: glowSoft 1.8s ease-in-out infinite alternate; cahaya icon */
    /* animation: softPulse 1.6s ease-in-out infinite; membesar lalu mengecil */
    /* animation: floatSmooth 2s ease-in-out infinite; mengembang */
/* } */

@keyframes glowSoft {
    from {
        transform: scale(1);
        filter: drop-shadow(0 0 0px rgba(255,255,255,0.2));
    }
    to {
        transform: scale(1.08);
        filter: drop-shadow(0 0 15px rgba(255,255,255,0.7));
    }
}

@keyframes softPulse {
    0%   { transform: scale(1); opacity: 1; }
    50%  { transform: scale(1.12); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes softPulse {
    0%   { transform: scale(1); opacity: 1; }
    50%  { transform: scale(1.12); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

/* flip kanan kiri */
.loader-icon {
    perspective: 1000px; 
}

.loader-icon img {
    width: 70px;
    height: 70px;
    animation: flipHorizontal 1.8s ease-in-out infinite;
    transform-style: preserve-3d;
}

@keyframes flipHorizontal {
    0%   { transform: rotateY(0deg); }
    50%  { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}
/* flip depan belakang */
/* .loader-icon {
    perspective: 1000px;
}

.loader-icon img {
    width: 40px;
    height: 40px;
    animation: flipSoft 2s ease-in-out infinite;
    transform-style: preserve-3d;
}

@keyframes flipSoft {
    0%   { transform: rotateY(0deg); }
    50%  { transform: rotateY(180deg); }
    100% { transform: rotateY(0deg); }
} */