.loader-slider-up {
    position: fixed;
    z-index: 999999999999;
    height: 100%;
    width: 100%;
    margin-left: -90px;
    background:
        radial-gradient(circle at center, rgba(185, 20, 34, 0.32) 0%, rgba(185, 20, 34, 0.14) 18%, rgba(22, 28, 33, 0) 44%),
        linear-gradient(135deg, #14191e 0%, #222a31 48%, #4f0f16 100%);
}

.loader-slider-up .auto-center {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

#loader-slider-up,
#loader-slider-up .auto-center {
    transition-timing-function: unset !important;
    -ms-transition-timing-function: unset !important;
    -moz-transition-timing-function: unset !important;
    -webkit-transition-timing-function: unset !important;
    -o-transition-timing-function: unset !important;
    transition-duration: unset !important;
    -ms-transition-duration: unset !important;
    -moz-transition-duration: unset !important;
    -webkit-transition-duration: unset !important;
    -o-transition-duration: unset !important;
}

#loader-slider-up .bounce-conteneur {
    display: inline-block;
    padding: 4rem 1.5rem;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#loader-slider-up .loader-brand-frame {
    align-items: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 0 40px rgba(185, 20, 34, 0.18);
    display: inline-flex;
    justify-content: center;
    min-height: 220px;
    max-width: 520px;
    padding: 2rem 2.75rem;
    position: relative;
    width: min(100%, 520px);
}

#loader-slider-up .loader-brand-frame::before {
    /* background: radial-gradient(circle, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 68%); */
    /* content: "";
    inset: -32% -18%;
    pointer-events: none;
    position: absolute; */
}

#loader-slider-up .bounce-conteneur .bounce {
    display: inline-block;
    margin: 2px;
}

#loader-slider-up .loader-brand-image {
    display: block;
    filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 16px rgba(185, 20, 34, 0.18));
    height: auto;
    max-width: 100%;
    position: relative;
    z-index: 1;
}

#loader-slider-up .loader-brand-image-mobile {
    width: min(100%, 260px);
}

#loader-slider-up .loader-brand-image-desktop {
    width: min(100%, 320px);
}

#loader-slider-up .bounce-conteneur .bounce-center {
    animation: loaderFloat 2.2s ease-in-out infinite;
}

@keyframes loaderFloat {
    0%,
    100% {
        opacity: 0.96;
        transform: translateY(0) scale(1);
    }

    50% {
        opacity: 1;
        transform: translateY(-6px) scale(1.03);
    }
}

@-webkit-keyframes loaderFloat {
    0%,
    100% {
        opacity: 0.96;
        transform: translateY(0) scale(1);
    }

    50% {
        opacity: 1;
        transform: translateY(-6px) scale(1.03);
    }
}

@media (max-width: 991px) {
    .loader-slider-up {
        margin-left: 0 !important;
    }

    #loader-slider-up .bounce-conteneur {
        padding: 2rem 1rem;
    }

    #loader-slider-up .loader-brand-frame {
        border-radius: 14px;
        min-height: 180px;
        padding: 1.5rem 1.25rem;
        width: min(100%, 340px);
    }
}
