/*----Scrolling----*/
.crypt-scroll {
    overflow: hidden !important;
    -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    cursor: pointer;
    display: block;
}
.crypt-scrolling {
    padding-block: 1rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    width: max-content !important;
    flex-wrap: nowrap !important;
    animation: hr_scroll var(--_animation-duration, 30s) var(--_animation-direction, forwards) linear infinite;
}
.crypt-scroll:hover .crypt-scrolling {
    animation-play-state: paused;
}
.crypt-scroll .disabled {
    animation-play-state: paused;
}

.scroll-right {
    animation-direction: reverse !important;
}

@keyframes hr_scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}