@import "../../../../styles/mixins";

.gov-carousel {
    position: relative;
    &__right-shadow {
        &:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 90px;
            height: 100%;
            background: linear-gradient(270deg, var(--background-page) 0%, rgba(245, 245, 245, 0.00) 100%);
        }
    }
    &__left-shadow {
        &:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 90px;
            height: 100%;
            background: linear-gradient(270deg, rgba(245, 245, 245, 0.00) 0%, var(--background-page) 100%);
        }
    }

    @include mq($from: sm) {
        &__right-shadow:after,
        &__left-shadow:before {
            width: 190px;
        }
    }
}

.gov-card-flex {
    position: relative;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: rem-calc(8 10 14 10);
    @include scrollbar();
    article {
        flex: 0 0 rem-calc(300);
        scroll-snap-align: start;
    }
}