/* =========================================================
   ANCOR OFFICIAL LOGO LOADER
   ========================================================= */

html.ancor-page-loading,
html.ancor-page-loading body {
    overflow: hidden !important;
}

#ancor-brand-loader {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    direction: rtl;
    background: #212121;
    opacity: 1;
    visibility: visible;
    transition:
        opacity 420ms ease,
        visibility 420ms ease;
}

#ancor-brand-loader::before {
    content: "";
    position: absolute;
    width: min(58vw, 620px);
    aspect-ratio: 1;
    border: 1px solid rgba(252, 252, 252, 0.025);
    border-radius: 50%;
    box-shadow:
        0 0 0 75px rgba(252, 252, 252, 0.012),
        0 0 0 150px rgba(252, 252, 252, 0.008);
}

#ancor-brand-loader.ancor-loader-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ancor-brand-loader__content {
    position: relative;
    z-index: 2;
    width: min(320px, 72vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.ancor-brand-loader__logo {
    display: block;
    width: auto;
    max-width: min(250px, 66vw);
    max-height: 105px;
    object-fit: contain;
    animation: ancorLogoLoaderPulse 1.65s ease-in-out infinite;
}

.ancor-brand-loader__line {
    position: relative;
    width: 112px;
    height: 2px;
    overflow: hidden;
    background: rgba(252, 252, 252, 0.13);
    border-radius: 99px;
}

.ancor-brand-loader__line::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 46%;
    right: -46%;
    background: linear-gradient(
        90deg,
        #B86060,
        #957A56,
        #598068
    );
    border-radius: 99px;
    animation: ancorLogoLoaderLine 1.25s ease-in-out infinite;
}

.ancor-brand-loader__text {
    margin: 0;
    color: rgba(252, 252, 252, 0.54);
    font-family:
        "Noto Sans Arabic",
        "Geeza Pro",
        Tahoma,
        Arial,
        sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
}

@keyframes ancorLogoLoaderPulse {
    0%,
    100% {
        opacity: 0.68;
        transform: scale(0.975);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes ancorLogoLoaderLine {
    0% {
        right: -46%;
    }

    55% {
        right: 52%;
    }

    100% {
        right: 110%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ancor-brand-loader__logo,
    .ancor-brand-loader__line::after {
        animation: none !important;
    }
}

@media (max-width: 600px) {
    .ancor-brand-loader__logo {
        max-width: min(215px, 64vw);
        max-height: 88px;
    }

    .ancor-brand-loader__content {
        gap: 21px;
    }
}