.vg-blog-list {
    --vg-blog-list__bg-color    : transparent;
    --vg-blog-list__title-color : var(--wp--preset--color--contrast, #000);
	--vg-bloc-list__padding-block : 32px 72px;

    background-color : var(--vg-blog-list__bg-color);
    padding-inline   : var(--vg--spacing--inline--default);
}
.vg-blog-list .vg-blog-card_container {
	--vg-blog-card-width : auto !important;
}
.vg-blog-list  .vg-blog-card__picture {
	--vg-blog-card-picture-width : 100%;
}
.vg-blog-list__title {
	color: var(--vg-blog-list__title-color);
}
.vg-blog-list__slider{
	margin-right: calc(-1 * var(--vg--spacing--inline--default));
}
.vg-blog-list__wrapper {
    max-width     : 1052px;
    width         : 100%;
    margin        : 0 auto;
    padding-block : var(--vg-bloc-list__padding-block);
    position      : relative;
}

.vg-blog-list .swiper-wrapper {
	align-items: stretch;
	cursor: move;
}
.vg-blog-list .swiper-slide {
    height         : auto;
    margin-bottom  : 10px;
    max-width      : 330px;
    display        : flex;
    flex-direction : column;
}
.vg-blog-list .swiper-slide .vg-blog-card {
	flex: 1;
}

.vg-blog-list__cta {
    padding-block  : 40px 0;
    text-align     : center;
}
.vg-blog-list__cta a {
	width: 100%;
}

.vp-blog-list__nav_container {
    height        : 50px;
    max-width     : max( 33.3333%, 300px );
    margin-inline : auto;
    margin-block  : 16px 20px;
    position      : relative;
}
.vp-blog-list__nav_container .swiper-button-next,
.vp-blog-list__nav_container .swiper-button-prev {
    --_mask      : var( --icon--brand-arrow ) center / contain;
    display      : block;
    background   : var(--wp--preset--color--neutral-1);
    content      : "";
    -webkit-mask : var(--_mask);
    mask         : var(--_mask);
    height       : 24px;
    width        : 24px;
    display      : flex;
    top          : 70%;
}
.vp-blog-list__nav_container .swiper-button-next:after, .vp-blog-list__nav_container .swiper-button-prev:after {
	content: "";
}
.vp-blog-list__nav_container .swiper-button-lock {
	display : none;
}
.vp-blog-list__nav_container .swiper-pagination {
    width       : 80%;
    left        : 50%;
    bottom      : 20px;
    display     : flex;
    align-items : center;
    max-width   : 200px;
    transform   : translateX(-50%);
}
.vp-blog-list__nav_container .swiper-pagination .swiper-pagination-bullet {
    width         : 40px;
    height        : 8px;
    border-top    : 1px solid var(--wp--preset--color--neutral-2);
    border-bottom : 1px solid var(--wp--preset--color--neutral-2);
    background    : transparent;
    border-radius : 0px;
    margin        : 0px;
    transition    : all 0.3s;
    opacity       : 1;
    flex          : 1 0 auto;
}
.vp-blog-list__nav_container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--wp--preset--color--neutral-2);
}
.vp-blog-list__nav_container .swiper-pagination .swiper-pagination-bullet:first-child {
    border-left               : 1px solid var(--wp--preset--color--neutral-2);
    border-top-left-radius    : 3px;
    border-bottom-left-radius : 3px;
}
.vp-blog-list__nav_container .swiper-pagination .swiper-pagination-bullet:last-child {
    border-right               : 1px solid var(--wp--preset--color--neutral-2);
    border-top-right-radius    : 3px;
    border-bottom-right-radius : 3px;
}

.vp-blog-list__nav_container .swiper-button-next {
	right: 0;
}
.vp-blog-list__nav_container .swiper-button-prev {
    left      : 0;
    transform : rotate(180deg);
}

@media (min-width: 600px) {
	.vg-blog-list__cta a {
		width: 500px;
	}
}
@media (min-width: 960px) {
	.vg-blog-list__cta a {
		width: 350px;
	}
}
@media (min-width: 1280px) {
	.vg-blog-list__slider{
		margin-right: 0;
	}
}