/* ==========================================================
   LUXARA - PRELOADER / TRANSICION ENTRE PAGINAS
========================================================== */

#preloader {
    position: fixed;
    inset: 0;

    z-index: 99999;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: #070A12;

    opacity: 1;
    visibility: visible;
    pointer-events: all;

    transition:
        opacity .42s ease,
        visibility .42s ease;
}

#preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#preloader .loader-logo {
    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(22px, 4vw, 36px);
    font-weight: 700;
    letter-spacing: .22em;

    transform: translateX(.11em);
}

#preloader .loader-line {
    position: relative;

    width: 150px;
    height: 2px;

    margin-top: 22px;

    overflow: hidden;

    background: rgba(255,255,255,.12);
}

#preloader .loader-line::after {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 48%;
    height: 100%;

    background: #FF6A00;

    transform: translateX(-115%);

    animation: luxaraLoaderLine 1.05s
        cubic-bezier(.65,0,.35,1) infinite;
}

@keyframes luxaraLoaderLine {
    0% {
        transform: translateX(-115%);
    }

    55% {
        transform: translateX(115%);
    }

    100% {
        transform: translateX(230%);
    }
}