﻿
.waviy {
    position: relative;
    -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

    .waviy span {
        position: relative;
        display: inline-block;
        font-size: 40px;
        color: #000;
        text-transform: uppercase;
        animation: waviy 1s infinite;
        animation-delay: calc(.1s * var(--i));
    }

@keyframes waviy {
    0%,40%,100% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-20px);
    }
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    background-color: #fff;
}

[data-theme-version="dark"] #preloader {
    background: #171622;
}

[data-theme-version="dark"] .waviy span {
    color: #fff;
}
