.media-item[data-v-ec7d4aff]{height:100%;overflow:hidden;width:100%}.media-item picture[data-v-ec7d4aff]{display:block;line-height:0}.media-item__img[data-v-ec7d4aff]{position:relative}.media-item__img[data-v-ec7d4aff],.media-item__img video[data-v-ec7d4aff]{height:100%;width:100%}.media-item__video-wrapper[data-v-ec7d4aff]{height:100%;position:relative;transition:opacity .3s ease-in-out;width:100%}.media-item__poster-wrapper[data-v-ec7d4aff]{cursor:pointer}.media-item__play-button[data-v-ec7d4aff]{align-items:center;background-color:#00000080;border:1px solid #fff;border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px;z-index:10}.media-item__poster-wrapper:hover .media-item__play-button[data-v-ec7d4aff]{background-color:#0009;transform:translate(-50%,-50%) scale(1.1)}.media-item__poster-wrapper:active .media-item__play-button[data-v-ec7d4aff]{transform:translate(-50%,-50%) scale(.95)}.media-item__play-icon[data-v-ec7d4aff]{color:var(--color-white);height:48px;margin-left:0;width:48px}