/* extracted from resources/views/layouts/app.blade.php | style id: develancer-preloader-v8-1-fix | v75 */
/* v8.1: خروج نرم‌تر + انیمیشن حروف با کلاس JS، نه keyframe */

#dv-site-loader{
    transition:
        opacity .42s cubic-bezier(.22,1,.36,1),
        backdrop-filter .42s ease,
        -webkit-backdrop-filter .42s ease,
        visibility .42s ease !important;
}

#dv-site-loader.dv-loader-hide{
    opacity:0 !important;
    backdrop-filter:blur(2px) saturate(1) !important;
    -webkit-backdrop-filter:blur(2px) saturate(1) !important;
}

#dv-site-loader.dv-loader-hide .dv-loader-core{
    opacity:0 !important;
    transform:translateY(-16px) scale(.94) !important;
    transition:opacity .34s ease, transform .34s cubic-bezier(.22,1,.36,1) !important;
}

/* انیمیشن قبلی حروف را کامل خاموش می‌کنیم */
#dv-site-loader .dv-loader-word span{
    animation:none !important;
    opacity:.18 !important;
    transform:translateY(4px) scale(.98) !important;
    color:#9fbfd0 !important;
    text-shadow:none !important;
    transition:
        opacity .18s ease,
        transform .18s cubic-bezier(.22,1,.36,1),
        color .18s ease,
        text-shadow .18s ease !important;
}

/* JS این کلاس را روی هر حرف می‌گذارد */
#dv-site-loader .dv-loader-word span.dv-letter-on{
    opacity:1 !important;
    transform:translateY(0) scale(1.045) !important;
    color:#ffffff !important;
    text-shadow:
        0 0 10px rgba(27,231,255,.80),
        0 0 22px rgba(70,118,255,.45) !important;
}

#dv-site-loader .dv-loader-word span.dv-letter-done{
    opacity:.72 !important;
    transform:translateY(0) scale(1) !important;
    color:#48efff !important;
    text-shadow:0 0 12px rgba(27,231,255,.28) !important;
}