.slide-in-right {
    animation: slide-in-right 0.5s forwards;
}

@keyframes slide-in-right {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.slide-out-left {
    animation: slide-out-left 0.5s forwards;
}

@keyframes slide-out-left {
    from { transform: translateX(0); opacity: 1;}
    to { transform: translateX(-100%); opacity: 0; }
}

.slide-in-left {
    animation: slide-in-left 0.5s forwards;
}

@keyframes slide-in-left {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.slide-out-right {
    animation: slide-out-right 0.5s forwards;
}

@keyframes slide-out-right {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 0; }
}

@-webkit-keyframes slide-in-arrow-data-v-8978c7c0 {
    0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slide-in-arrow-data-v-8978c7c0 {
    0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes vue-treeselect-animation-fade-in {
    0% { opacity: 0; }
}

@keyframes vue-treeselect-animation-fade-in {
    0% { opacity: 0; }
}

@-webkit-keyframes vue-treeselect-animation-bounce {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes vue-treeselect-animation-bounce {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes vue-treeselect-animation-rotate {
    to { -webkit-transform: rotate(1turn); transform: rotate(1turn); }
}

@keyframes vue-treeselect-animation-rotate {
    to { -webkit-transform: rotate(1turn); transform: rotate(1turn); }
}

@-webkit-keyframes show-scroll {
    0% { right: -50px; opacity: 1 }
    to { right: 50px; opacity: 0; }
}

@keyframes show-scroll {
    0% { right: -50px; opacity: 1; }
    to { right: 50px; opacity: 0; }
}

@-webkit-keyframes stroke-spacing {
    0% { stroke-dasharray: 0 200; }
    45% { stroke-dashoffset: 0; stroke-dasharray: 200 200; }
    90% { stroke-dashoffset: -200; stroke-dasharray: 200 200; }
    to { stroke-dashoffset: -200; stroke-dasharray: 200 200; }
}

@keyframes stroke-spacing {
    0% { stroke-dasharray: 0 200; }
    45% { stroke-dashoffset: 0; stroke-dasharray: 200 200; }
    90% { stroke-dashoffset: -200; stroke-dasharray: 200 200; }
    to { stroke-dashoffset: -200; stroke-dasharray: 200 200; }
}

@keyframes move {
    0% { transform: translateX(540px); opacity:99999; }
    100% { transform: translateX(0); }
}

@keyframes moveOut {
    0% { transform: translateX(0); }
    100% { transform: translateX(540px); }
}

@keyframes slide {
    0% { transform: translateY(-100%); opacity: 0; }
    100% { transform: translateY(0); }
}

@keyframes slideOut {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100%);}
}