/* =========================================================
WDLA VIDEO THUMB
========================================================= */

.wdla-video-thumb {
    display: block;
    width: 100%;
    text-decoration: none;
}

.wdla-video-thumb__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;

    overflow: hidden;

    background: #eee;

    transform: translateZ(0);
}

.wdla-video-thumb__video {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transform: scale(1);

    transition:
        transform 1.2s cubic-bezier(.2,.65,.2,1);

    backface-visibility: hidden;
    will-change: transform;
}


/* =========================================================
OPTIONAL HOVER
========================================================= */

a.wdla-video-thumb:hover .wdla-video-thumb__video {
    transform: scale(1.025);
}


/* =========================================================
ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .wdla-video-thumb__video {
        transition: none;
    }

}