:root {
    --sk-size: 1.5rem;
    --sk-color: #5156be;
}
.sk-chase {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
    animation: sk-chase 2.5s infinite linear both
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both
}

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: var(--sk-color);
        border-radius: 100%;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both
    }

    .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1.0s
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s
    }

    .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1.0s
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s
    }

@keyframes sk-chase {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes sk-chase-dot {
    80%,100% {
        transform: rotate(360deg)
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4)
    }

    100%,0% {
        transform: scale(1.0)
    }
}


[x-cloak] {
    display: none !important;
}

@keyframes zoomIn {
    from {
        transform: scale(0.95);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes zoomOut {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(0.95);
        opacity: 0;
    }
}

.zoom-in {
    animation: zoomIn 0.25s ease-out forwards;
}

.zoom-out {
    animation: zoomOut 0.2s ease-in forwards;
}

@keyframes slideInTopRight {
    from {
        transform: translate(30%, -30%) scale(0.95);
        opacity: 0;
    }

    to {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }
}

@keyframes slideOutTopRight {
    from {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }

    to {
        transform: translate(30%, -30%) scale(0.95);
        opacity: 0;
    }
}

.slide-in-tr {
    animation: slideInTopRight 0.3s ease-out forwards;
}

.slide-out-tr {
    animation: slideOutTopRight 0.2s ease-in forwards;
}

.filepond--root{
    margin-bottom: 0 !important;
}
.filepond--root .filepond--credits {
    display: none !important;
}