/* Probably most of this styles will be used in firebolt and removed from here; Flip cards */
.carousel-item {
    max-width: calc(33.33333% - (64px / 3));
}
@media (max-width: 1279px) {
    .carousel-item {
        max-width: calc(50% - 16px);
    }
}
@media (max-width: 1023px) {
    .carousel-item {
        max-width: 45vw;
    }
}
@media (max-width: 639px) {
    .carousel-item {
        max-width: 80vw;
    }
}
@media (min-width: 1024px) {
    .result-carousel {
        margin-left: max(-94px, calc((1024px - 100vw) / 2));
        margin-right: max(-94px, calc((1024px - 100vw) / 2));
    }
}
@media (min-width: 1280px) {
    .result-carousel {
        margin-left: max(-128px, calc((1280px - 100vw) / 2 - 32px));
        margin-right: max(-128px, calc((1280px - 100vw) / 2 - 32px));
    }
}
.projects-done-carousel--embed .result-carousel {
    margin-left: 0;
    margin-right: 0;
}