<style>
    .loader {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 15px;
        background-color: rgb(2, 2, 17);
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        margin-top: 15px;
    }

    .shape {
        width: 50%;
        height: 15px;
        background-image: linear-gradient(144deg, #212529, #d0b91e 50%, #d0b91e);
        border-radius: 25px;
        position: absolute;
        animation: slide 1.9s linear infinite;
        background-size: 200%;
    }

    @keyframes slide {
        0% {
            left: 0;
        }

        50% {
            left: calc(100% - 50px);
        }

        100% {
            left: 0;
        }
    }

    @keyframes gradientChange {

        0%,
        100% {
            background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB);
        }

        50% {
            background-image: linear-gradient(144deg, #00DDEB, #5B42F3 50%, #AF40FF);
        }
    }
</style>
<div class="loader" <?php echo e($attributes); ?>>
    <div class="shape"></div>
</div><?php /**PATH /home/infosfg/digixschain.com/resources/views/components/widgets/loader.blade.php ENDPATH**/ ?>