/* Grid Background */
.grid-bg {
    background-size: 40px 40px;
}

/* Scrollbar Utilities */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Marquee Animations */
@keyframes scroll-ltr {
    0% {
        transform: translateX(-33.33%);
    }
    100% {
        transform: translateX(0%);
    }
}

.animate-scroll-ltr {
    animation: scroll-ltr 40s linear infinite;
}

/* Mask for fading edges */
.mask-gradient {
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}