.bonus-wheel-container {
    overflow: hidden;
    position: relative;
}

.bonus-items-row {
    --bonus-idle-duration: 600s;
    --bonus-item-gap: 31px;
    animation: bonus-items-idle var(--bonus-idle-duration) linear infinite;
    display: flex;
    gap: var(--bonus-item-gap);
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
}

.bonus-item-box {
    flex: 0 0 auto;
}

.bonus-items-row.is-infinite-ready {
    animation: none;
}

.bonus-items-row.is-stopped {
    animation: none;
}

.bonus-items-row:hover {
    animation-play-state: running;
}

@keyframes bonus-items-idle {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}