.VtsCardMedia__bg {
    z-index: 0
}

.VtsCardMedia__bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: var(--card-media-bg-image, none);
    background-color: var(--card-media-bg-color, transparent);
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.group:hover .VtsCardMedia__bg:before {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.VtsExpandButton {
    display: inline-grid;
    height: 40px;
    grid-template-columns:12px 16px 12px;
    transition-property: grid-template-columns;
    transition-duration: 1.5s;
    transition-timing-function: var(--vtsExpand, var(--base-expo-out));
    overflow: clip;
    align-items: center
}

.VtsExpandButton--fullZoneClick:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (min-width: 1024px) and (hover: hover) {
    .VtsExpandButton:hover {
        grid-template-columns:126px 16px 24px;
        transition-delay: 0s;
        transition-duration: 1.5
    }

    .VtsExpandButton--hideIcon:hover {
        grid-template-columns:142px 0 0;
        transition-delay: 0s;
        transition-duration: 1.5
    }

    .VtsExpandButton:hover .VtsExpandButton__text {
        opacity: 1;
        transition-delay: .3s
    }
}

.VtsExpandButton--hideIcon .VtsExpandButton__text {
    text-align: center;
    padding-inline-start: 0;
    padding-inline-end: 0
}

.VtsExpandButton__text {
    display: block;
    padding-inline-start: 32px;
    padding-inline-end: 16px;
    white-space: nowrap;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 1.5;
    transition-timing-function: var(--vtsExpand, var(--base-expo-out));
    font-size: 14px;
    overflow: clip
}

.VtsExpandButton__icon {
    text-align: center;
    overflow: clip
}

.VtsExpandButton--hideIcon:hover .VtsExpandButton__icon {
    opacity: 0
}

.VtsCardArticle {
    grid-template-rows:125px 1fr;
    transition-property: grid-template-rows
}

@media (min-width: 768px) and (hover: hover) {
    .VtsCardArticle:hover {
        grid-template-rows:0 1fr
    }
}

@media (min-width: 768px) {
    .VtsRse__grid {
        grid-template-columns:repeat(4, 1fr)
    }

    .VtsRse__grid--3 .VtsRse__push {
        grid-column: 1 / 3
    }

    .VtsRse__grid:has(.VtsCardArticle:nth-child(4)) {
        grid-template-columns:repeat(4, 1fr)
    }
}