.media-image[data-v-ec7336ea]{aspect-ratio:16/9;border-radius:.75rem;overflow:hidden;position:relative;width:100%}.media-image .image[data-v-ec7336ea]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);width:100%}.media-image[data-v-ec7336ea]:before{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity));border-radius:.75rem;border-width:4px;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.2s;width:100%;z-index:20}.media-image.active[data-v-ec7336ea]:before{opacity:1}@media (hover:hover){.media-image[data-v-ec7336ea]:hover:before{opacity:1}.media-image:hover .image[data-v-ec7336ea]{--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(1.1) scaleY(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));transition-duration:.1s;transition-timing-function:cubic-bezier(0,0,.2,1)}}