.kf-loader {

    z-index: 50;

    display: flex;

    align-items: center;

    justify-content: center
}

.animate-wrapper {

    height: 6rem;

    width: 6rem;

    border-radius: 9999px;

    border-bottom-width: 8px;

    border-top-width: 8px;

    --tw-border-opacity: 1;

    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.spinner {

    position: absolute;

    left: 0px;

    top: 0px;

    height: 6rem;

    width: 6rem
}

@keyframes spin {

    to {

        transform: rotate(360deg)
    }
}

.spinner {

    animation: spin 1s linear infinite;

    border-radius: 9999px;

    border-bottom-width: 8px;

    border-top-width: 8px;

    --tw-border-opacity: 1;

    border-color: rgb(47 129 107 / var(--tw-border-opacity, 1))
}