/*--------------------------------------------------------------
    Loader
--------------------------------------------------------------*/

    .pre-loader { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999991; }

    .loader-inner { padding: 25px; position: absolute; left: 50%; top: 50%; text-align: center; width: 100%; 
        -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

    .pre-loader .loader-inner { display: grid; text-align: center; align-items: center; justify-content: center; }
    .pre-loader .loader-inner svg { font-size: clamp(8.125rem, 7.5481rem + 2.5641vw, 10.625rem); /* min-130  max-170 */ grid-area: 1/-1; }
    .pre-loader .loader-inner .wdt-loaded-one { filter: url(#circleCute); }
    .pre-loader .loader-inner .wdt-loaded-stop-one { stop-color: var(--wdtPrimaryColor); }
    .pre-loader .loader-inner .wdt-loaded-stop-two { stop-color: var(--wdtQuaternaryColor); }
    .pre-loader .loader-inner .wdt-loaded-path { animation: ani-loaded-one 10s infinite linear; 
        stroke-dasharray: 180 800; fill: none; stroke: url(#gradient); stroke-width: 23; stroke-linecap: round; }
    .pre-loader .loader-inner .wdt-loaded-field { animation: ani-loaded-one 3s infinite linear; 
        stroke-dasharray: 26 54; fill: none; stroke: url(#gradient); stroke-width: 23; stroke-linecap: round; }
    .pre-loader .loader-inner .wdt-loaded-two { filter: blur(5px); opacity: 0.3; position: absolute; transform: translate(3px, 3px); }

    @keyframes ani-loaded-one {
        0% { stroke-dashoffset: 0; }
        100% { stroke-dashoffset: -403px; }
    }


/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

    .pre-loader { background-color: var(--wdtBodyBGColor); }
    .loader-text { background-image: linear-gradient(to right, var(--wdtPrimaryColor) 10%, var(--wdtHeadAltColor) 50%, var(--wdtPrimaryColor) 60%); }