.post-media .blog-gallery {
    position: relative;
    --blog-lightbox-arrow-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 477.175 477.175'%3E%3Cpath fill='%23ffffff' d='M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z'/%3E%3C/svg%3E");
}

.post-media .blog-gallery .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
}

.post-media .blog-gallery .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.post-media .blog-gallery .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.post-media .blog-gallery .slick-initialized .slick-slide {
    display: block;
}

.post-media .blog-gallery .swiper-wrapper {
    display: block;
}

.post-media .blog-gallery .swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #f7f7f7;
}

.post-media .blog-gallery .swiper-slide > .blog-gallery-media {
    display: block;
    width: 100%;
    height: 100%;
}

.post-media .blog-gallery .blog-gallery-lightbox-trigger {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    cursor: zoom-in;
}

.post-media .blog-gallery .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.post-media .blog-gallery .swiper-button-prev,
.post-media .blog-gallery .swiper-button-next,
.post-media .blog-gallery .swiper-button-prev.slick-arrow,
.post-media .blog-gallery .swiper-button-next.slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 60px;
    height: 74px;
    top: 50% !important;
    margin-top: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 10;
    opacity: 1;
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.32);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.post-media .blog-gallery .swiper-button-prev {
    left: 16px;
}

.post-media .blog-gallery .swiper-button-next {
    right: 16px;
}

.post-media .blog-gallery .swiper-button-prev:hover,
.post-media .blog-gallery .swiper-button-next:hover,
.post-media .blog-gallery .swiper-button-prev:focus,
.post-media .blog-gallery .swiper-button-next:focus {
    background-color: rgba(0, 0, 0, 0.7);
    outline: none;
}

.post-media .blog-gallery .swiper-button-prev::before,
.post-media .blog-gallery .swiper-button-next::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: var(--blog-lightbox-arrow-svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.post-media .blog-gallery .swiper-button-prev::before {
    transform: rotate(180deg);
}

.post-media .blog-gallery .swiper-button-next::before {
    transform: none;
}