.govbr-timeline-base.govbr-timeline-horizontal .govbr-timeline-base-scroll {
    overflow: scroll auto;
    width: 100%;
}

.govbr-timeline-base.govbr-timeline-horizontal .govbr-timeline-base-container {
    grid-template-columns: repeat(var(--total-itens), auto auto auto) 0;
    grid-template-rows: minmax(100px, 1fr) 10px minmax(100px, 1fr);

    gap: 5px 0;
    padding-left: 40px;
}

.govbr-timeline-base.govbr-timeline-horizontal .govbr-timeline-card {
    grid-column: calc(var(--idx) * 3 + 1) / span 4;
    grid-row: 1;

    margin: 0 50px;

    --translate-card: 0px;
    transform: translateX(var(--translate-card));

    animation: govbr-timeline-card-surgir-horizontal var(--duracao-animacao-2x) 1 calc(var(--idx-animacao) * var(--duracao-animacao)) both;
}

.govbr-timeline-base.govbr-timeline-horizontal .govbr-timeline-card.govbr-timeline-card-possui-filho,
.govbr-timeline-base.govbr-timeline-horizontal .govbr-timeline-card.govbr-timeline-card-filho {
    margin: 0;
    grid-column: calc(var(--idx) * 3 + 1) / span 3;
}
.govbr-timeline-base.govbr-timeline-horizontal .govbr-timeline-card.govbr-timeline-card-impar {
    grid-row: 3;
}

.govbr-timeline-base.govbr-timeline-horizontal .govbr-timeline-container-icone .govbr-timeline-icone {
    grid-row: 2;
    grid-column: calc(var(--idx) * 3 + 2);
}

.govbr-timeline-base.govbr-timeline-horizontal .govbr-timeline-container-icone:not(.govbr-timeline-icone-last)::after {
    grid-row: 2;
    grid-column: calc(var(--idx) * 3 + 2) / span 4;

    width: calc(100% - 25px);
    height: 5px;

    animation: govbr-timeline-icone-barra-surgir-horizontal var(--duracao-animacao) 1 calc(var(--idx-animacao) * var(--duracao-animacao)) linear both;
}

@keyframes govbr-timeline-card-surgir-horizontal {
    0% {
        transform: translateX(var(--translate-card)) rotateY(90deg);
    }
    100% {
        transform: translateX(var(--translate-card)) rotateY(0deg);
    }
}

@keyframes govbr-timeline-icone-barra-surgir-horizontal {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
