.fade {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
}

.slide-left {
    transform: translateX(-105%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
}

.slide-right {
    transform: translateX(105%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
}

.clip-path {
    clip-path: circle(0% at 50% 50%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
    /*  slideCenter[i].style.clipPath = "circle(100% at 50% 50%)"; */ 
}

.slide-up {
    transform: translateY(100%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.slide-down {
    transform: translateY(-100%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.interval-fade {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.interval-fade-toggle {
    opacity: 1;
}

.interval-fade-remove {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.interval-fade-toggle-remove {
    opacity: 0;
}

.interval-clip-path {
    clip-path: circle(0% at 50% 50%);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.interval-clip-path-toggle {
   clip-path: circle(100% at 50% 50%); 
}

.interval-slide-left {
    transform: translateX(-100%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.interval-slide-left-toggle {
    transform: translateX(0%);
}

.interval-slide-right {
    transform: translateX(100%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.interval-slide-right-toggle {
    transform: translateX(0%);
}

.interval-slide-up {
    transform: translateY(100%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.interval-slide-up-toggle {
    transform: translateY(0%);
}

.interval-slide-down {
    transform: translateY(-100%);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.interval-slide-down-toggle {
    transform: translateY(0%);
}

.arrow-bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
}