@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes ani_to_bottom {
    0% {
        bottom: var(--from-bottom);
    }

    100% {
        bottom: var(--to-bottom);
    }
}

@keyframes ani_to_scale {
    0% {
        transform: scale(var(--from-scale));
    }

    100% {
        transform: scale(var(--to-scale));
    }
}

@keyframes ani_to_scale_center {
    0% {
        transform: translate(-50%) scale(var(--from-scale));
    }

    100% {
        transform: translate(-50%) scale(var(--to-scale));
    }
}

@keyframes ani_to_x {
    0% {
        left: var(--from-x);
    }

    100% {
        left: var(--to-x);
    }
}

@keyframes ani_to_top {
    0% {
        margin-top: var(--from-bottom);
    }

    100% {
        margin-top: var(--to-bottom);
    }
}