.CPC-AssetGridCarousel-cmpnt {
    --arrow-width: 40px;
    --arrow-left-img: url(/portals/0/library/Icons/arrow-left/arrow-left-white.svg);
    --arrow-right-img: url(/portals/0/library/Icons/arrow-right/arrow-right-white.svg);
    --arrow-bg-color: var(--current-primary-accent-color);
    --arrow-bg-color-hover: var(--current-hover-state-color);
}

.CPC-AssetGridCarousel-cmpnt .heading {
    text-align: center;
    margin-bottom: 2rem;
}

.CPC-AssetGridCarousel-cmpnt .carousel-container {
    position: relative;
}

.CPC-AssetGridCarousel-cmpnt .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--arrow-width);
    padding: 0.65rem 0.65rem 0.5rem;
    background-color: var(--arrow-bg-color);
    aspect-ratio: 1;
    z-index: 1;
    line-height: 1;
}

    .CPC-AssetGridCarousel-cmpnt .arrow:hover, .arrow:focus {
        background-color: var(--arrow-bg-color-hover);
    }

    .CPC-AssetGridCarousel-cmpnt .arrow.left {
        left: 0px;
    }

        .CPC-AssetGridCarousel-cmpnt .arrow.left::before {
            content: var(--arrow-left-img);
        }

    .CPC-AssetGridCarousel-cmpnt .arrow.right {
        right: 0px;
    }

        .CPC-AssetGridCarousel-cmpnt .arrow.right::before {
            content: var(--arrow-right-img);
        }

.CPC-AssetGridCarousel-cmpnt .carousel {
    max-width: 100%;
    margin: auto;
    padding: 0 calc(var(--arrow-width) + 1rem);
}

.CPC-AssetGridCarousel-cmpnt .slick-track {
    display: flex;
}

.CPC-AssetGridCarousel-cmpnt .artifact {
    padding-inline: 1rem;
    display: flex !important;
    align-items: stretch;
    justify-content: center;
    height: inherit;
}

.CPC-AssetGridCarousel-cmpnt .content {
    --current-text-color: var(--global-text-color);

    background-color: var(--current-surface-card);
    padding: 1.2rem;
    max-width: 330px;
    width: 100%;
}

    .CPC-AssetGridCarousel-cmpnt .artifact .link {
        --current-primary-accent-color: var(--global-link-color);

        cursor: pointer;
        text-decoration: none !important;
    }

.CPC-AssetGridCarousel-cmpnt .artifact .preview {
    margin-bottom: 1rem;
    width: 100%;
    height: auto !important;
    aspect-ratio: 13/7;
    max-height: 175px;
}

.CPC-AssetGridCarousel-cmpnt[data-imageSizing="short"] .artifact .preview {
    height: 100px !important;
}

.CPC-AssetGridCarousel-cmpnt .artifact .title {
    text-transform: none;
    letter-spacing: inherit;
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
    display: block;
}

.CPC-AssetGridCarousel-cmpnt .artifact .description {
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 1024px) {
    .CPC-AssetGridCarousel-cmpnt .arrow {
        top: unset;
        bottom: calc(-1 * var(--arrow-width) - 1rem);
    }

        .CPC-AssetGridCarousel-cmpnt .arrow.left {
            left: 50%;
            transform: translateX(calc(-50% - 25px));
        }

        .CPC-AssetGridCarousel-cmpnt .arrow.right {
            right: 50%;
            transform: translateX(calc(50% + 25px));
        }

    .CPC-AssetGridCarousel-cmpnt .carousel {
        padding: 0;
    }
}