.chevaliers-last-results{
    .last-results-container{
        padding: var(--lr-container-padding, 20px 0);
        overflow: hidden;
        display: flex;
        gap: var(--lr-columns-gap, 20px);

        > * {
        flex: 0 0 100%;
        }
    }

    .results-columns{
        display: flex;
        gap: var(--lr-columns-gap, 20px);

        will-change: transform;
        animation: scrolling 20s linear infinite;

        .result-card {
            width: 100%;
            padding: var(--lr-card-padding, 20px);
            justify-content: center;
            align-items: center;
            background-color: var(--lr-card-bg, transparent);
            border-radius: var(--lr-card-border-radius, 0px);

            .game-date {
                margin-bottom: 15px;
                color: var(--lr-date-color, inherit);
                text-align: var(--lr-date-align);
            }

            .teams-container {
                display: flex;
                align-items: center;
                gap: 20px;
                margin: 20px 0;

                .team {
                    display: flex;
                    align-items: center;
                    gap: var(--lr-team-gap, 20px);
                    font-family: var(--e-global-typography-primary-font-family);

                    .team-name {
                        color: var(--lr-team-name-color, inherit);
                    }

                    .team-logo {
                        width: var(--lr-logo-size, 60px);
                        height: var(--lr-logo-size, 60px);
                        object-fit: contain;
                    }

                    .result-status {
                        padding: 10px 20px;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                    }
                }
            }
        }
    }

    .win {
        color: var(--lr-win-color, #c9a349);
    }

    .loss {
        color: var(--lr-loss-color, #4a4a4a);
    }

    .game-info {
        margin-top: 15px;
        color: white;
    }

    @media (max-width: 480px) {
        .result-card {
            padding: var(--lr-card-padding, 20px);
        }

        .teams-container {
            flex-direction: column;
            gap: 20px;

            :nth-child(2){
                flex-direction: row-reverse;
            }
        }
    }
}

@keyframes scrolling {
    0% {
    transform: translateX(0);
    }
    100% {
    transform: translateX(-100%);
    }
}