.years-carousel {
    --carousel-height: 600px;

    position: relative;
    display: flex;
    gap: calc(var(--spacing) * 16);

    .years-carousel__wrapper {
        --scale: 0.005;
        --card-spacing: .5rem;

        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        width: 100%;

        /*> .years-carousel__slide:nth-child(odd):not(.years-carousel__slide--image) {*/
        /*    background-color: var(--color-primary-light);*/
        /*}*/

        /*> .years-carousel__slide:nth-child(even):not(.years-carousel__slide--image) {*/
        /*    background-color: var(--color-lighter-gray);*/
        /*}*/
    }

    .years-carousel__slide {
        position: sticky;
        width: 100%;
        background-color: vae(--background);
        height: var(--carousel-height);
        border-radius: var(--radius-semilarge);
        scale: calc(1 + (var(--index) * var(--scale)));
        top: calc(4rem + calc(var(--index) * var(--card-spacing)));
        margin-bottom: calc(calc(var(--card-spacing) * 4) * calc(1 + (var(--index) * var(--scale))));

        &:nth-child(3n+1) {
            background-color: #035D72;

            * {
                color: #fff !important;
            }

            .years-carousel__slide-year p {
                color: #fff;
            }

            .years-carousel__slide-text  .years-carousel__slide-title {
                color: var(--color-pink-dark) !important;
                background-color: var(--color-pink-light);
            }
        }

        /*&:nth-child(4n+2) {*/
        /*    background-color: #55CEB7;*/

        /*    .years-carousel__slide-year p {*/
        /*        color: var(--color-primary-dark);*/
        /*    }*/

        /*    .years-carousel__slide-text  .years-carousel__slide-title {*/
        /*        color: var(--color-accent-dark) !important;*/
        /*        background-color: var(--color-accent-light);*/
        /*    }*/
        /*}*/

        &:nth-child(3n+2) {
            background-color: #CAF0E9 ;

            .years-carousel__slide-year p {
                color: var(--color-primary-dark);
            }

            .years-carousel__slide-text  .years-carousel__slide-title {
                color: var(--color-alt-dark) !important;
                background-color: var(--color-alt-light);
            }
        }

        &:nth-child(3n) {
            background-color: #EAF4F4;

            .years-carousel__slide-year p {
                color: var(--color-primary-dark);
            }

            .years-carousel__slide-text  .years-carousel__slide-title {
                color: var(--color-primary-dark) !important;
                background-color: var(--color-primary-light);
            }
        }

        /*&.years-carousel__slide--image {*/
        /*    * {*/
        /*        color: #fff !important;*/
        /*    }*/

        /*    &::after {*/
        /*        z-index: 2;*/
        /*        content: "";*/
        /*        position: absolute;*/
        /*        inset: 0;*/
        /*        background: linear-gradient(*/
        /*                90deg,*/
        /*                rgba(0, 0, 0, 0.01) 0%,*/
        /*                rgba(0, 0, 0, 0.01) 35%,*/
        /*                rgba(0, 0, 0, 0.80) 100%*/
        /*        );*/
        /*        mask: linear-gradient(to right, transparent, #fff);*/
        /*        backdrop-filter: blur(10px);*/
        /*        border-radius: var(--radius-semilarge);*/
        /*    }*/
        /*}*/

        .years-carousel__slide-background {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: var(--radius-semilarge);
        }

        .years-carousel__slide-content {
            z-index: 3;
            position: absolute;
            inset: 0;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            padding-inline: calc(var(--spacing) * 8);

            @media screen and (max-width: 991px) {
                grid-template-columns: 1fr;
            }
        }

        .years-carousel__slide-highlight {
            position: relative;
            display: flex;
            justify-content: center;
            z-index: 1;

            img {
                width: 475px;
                height: 475px;
            }

            /*.years-carousel__slide-year {*/
            /*    position: absolute;*/
            /*    inset: 0;*/
            /*    width: 100%;*/
            /*    height: 100%;*/
            /*    display: flex;*/
            /*    align-items: center;*/
            /*    z-index: 2;*/

            /*    p {*/
            /*        color: var(--color-primary-dark) !important;*/
            /*        font-size: 64px !important;*/
            /*        line-height: 64px !important;*/
            /*        font-weight: 500 !important;*/
            /*        font-family: "Livvic", sans-serif !important;*/
            /*        margin: 10rem 0 0 5rem;*/
            /*        text-align: center;*/
            /*    }*/
            /*}*/

            .years-carousel__slide-year {
                position: absolute;
                inset: 0;
                width: 80%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-self: flex-end;
                margin-right: calc(var(--spacing) * 12);

                @media screen and (max-width: 1280px) {
                    position: relative;
                    width: 100%;
                    margin-right: 0;
                }

                p {
                    font-size: 3.2rem !important;
                    line-height: calc(3.2rem * 1.25) !important;
                    font-weight: 600 !important;
                    /*font-weight: 500 !important;*/
                    font-family: "Livvic", sans-serif !important;
                }
            }
        }

        .years-carousel__slide-text {
            display: flex;
            flex-direction: column;
            justify-content: center;

            .years-carousel__slide-title {
                width: fit-content;
                padding: calc(var(--spacing) / 3) calc(var(--spacing) * 4);
                border-radius: var(--radius-semilarge);
            }
        }
    }

    .years-carousel__pagination {
        position: sticky;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /*justify-content: center;*/
        gap: calc(var(--spacing) * 4);
        width: 120px;
        flex-shrink: 0;
        color: var(--color-primary-dark);
        margin-top: calc(var(--spacing) * 64);
        top: calc(var(--spacing) * 64);
        height: 500px;

        @media screen and (max-width: 1280px) {
            display: none;
        }

        .years-carousel__pagination-content {
            display: flex;
            flex-direction: column;
            gap: calc(var(--spacing) * 4);
            scroll-behavior: smooth;
            max-height: 218px;
            overflow-y: hidden;
        }

        button {
            text-align: left;
        }

        button.years-carousel__pagination-arrow {
            align-self: flex-start;
        }

        button:not(.active) {
            font-size: .9rem;
            font-weight: 400;
        }

        button.active {
            font-size: 1.1rem;
            font-weight: 600;
        }
    }

    /*.years-carousel__pagination,*/
    /*.years-carousel__pagination-content {*/
    /*    position: sticky;*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    align-items: flex-start;*/
    /*    justify-content: center;*/
    /*    gap: calc(var(--spacing) * 4);*/
    /*    color: var(--color-primary-dark);*/
    /*    width: 120px;*/
    /*    flex-shrink: 0;*/

    /*    &.years-carousel__pagination {*/
    /*        margin-top: calc(var(--spacing) * 32);*/
    /*        top: calc(var(--spacing) * 32);*/
    /*        justify-content: flex-start;*/
    /*        align-items: flex-start;*/
    /*    }*/

    /*    .years-carousel__pagination-content {*/
    /*        height: var(--carousel-height);*/
    /*        max-height: 220px;*/
    /*        overflow: hidden;*/
    /*    }*/

    /*    button {*/
    /*        text-align: left;*/
    /*    }*/

    /*    button.years-carousel__pagination-arrow {*/
    /*        align-self: flex-start;*/
    /*    }*/

    /*    button:not(.active) {*/
    /*        font-size: .9rem;*/
    /*        font-weight: 400;*/
    /*    }*/

    /*    button.active {*/
    /*        font-size: 1.1rem;*/
    /*        font-weight: 600;*/
    /*    }*/
    /*}*/
}