{{--
    Loading screen. Rendered only when the page has `has_preloader` enabled
    (Page Information → "Show loading screen" in the panel).

    Styles come from public/css/preloader.css, which style.css already imports,
    and the close button is wired in public/js/script.js (.preloader-close).
    The letters spell the brand, so they are intentionally NOT translated.
--}}
<div class="loader-wrap">
    <div class="preloader">
        <div class="preloader-close">x</div>
        <div id="handle-preloader" class="handle-preloader">
            <div class="animation-preloader">
                <div class="spinner"></div>
                <div class="txt-loading">
                    <span data-text-preloader="I" class="letters-loading">
                        I
                    </span>
                    <span data-text-preloader="T" class="letters-loading">
                        T
                    </span>
                    <span data-text-preloader="G" class="letters-loading pr-3">
                        G
                    </span>
                    <span data-text-preloader="G" class="letters-loading">
                        G
                    </span>
                    <span data-text-preloader="R" class="letters-loading">
                        R
                    </span>
                    <span data-text-preloader="O" class="letters-loading">
                        O
                    </span>
                    <span data-text-preloader="U" class="letters-loading">
                        U
                    </span>
                    <span data-text-preloader="P" class="letters-loading">
                        P
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>