@use '../utils' as *;

/*----------------------------------------*/
/*  2.5 Preloader
/*----------------------------------------*/

.preloader-layout-wrap {
    margin: auto;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed; 
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
    background-color: var(--tp-common-black);
}

.preloader-layout {
    margin: auto;
    width: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-path {
    margin: 0;
    height: 80px;
    width: 80px;
    animation: preloader 2s linear 0s infinite;
    & svg{
        height: 100%;
        width: 100%;
    }
}
.preloader-logo {
    margin: 0;
    transform: translateY(4px);
}

@keyframes preloader {
    0% {
        rotate: 0deg;
        transform: scale(0.6);
    }

    50% {
        rotate: 100deg;
        transform: scale(0.4);
    }

    100% {
        rotate: 360deg;
        transform: scale(0.6);
    }
}