.shapes {
    width: 44.8px;
    height: 44.8px;
    color: #474bff;
    background: conic-gradient(from -45deg at top 22.4px left 50%, #0000, currentColor 1deg 90deg, #0000 91deg),
        conic-gradient(from 45deg at right 22.4px top 50%, #0000, currentColor 1deg 90deg, #0000 91deg),
        conic-gradient(from 135deg at bottom 22.4px left 50%, #0000, currentColor 1deg 90deg, #0000 91deg),
        conic-gradient(from -135deg at left 22.4px top 50%, #0000, currentColor 1deg 90deg, #0000 91deg);
    animation: shapes-q299i1md 1.5s infinite cubic-bezier(0.3, 1, 0, 1);
}

@keyframes shapes-q299i1md {
    50% {
        width: 67.19999999999999px;
        height: 67.19999999999999px;
        transform: rotate(180deg);
    }

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

.loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    position: fixed;

}