.VideoCard{--cut-top-left-enabled: 1;--cut-bottom-right-enabled: 1;--cut-top-left: 4rem;--cut-bottom-right: 4rem;--cut-top-right: 4rem;--cut-bottom-left: 4rem;position:relative;width:100%;height:52.3rem;cursor:pointer;overflow:hidden;background-color:var(--color-bg-black-on-black)}@media (max-width: 768px){.VideoCard{height:29rem;--cut-top-left: 2.4rem;--cut-bottom-right: 2.4rem;--cut-top-right: 2.4rem;--cut-bottom-left: 2.4rem;--cut-top-left-enabled: 0;--cut-bottom-right-enabled: 0;--cut-top-right-enabled: 1;--cut-bottom-left-enabled: 1}}.VideoCard__cover{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:4rem;display:flex;flex-direction:column;justify-content:space-between;transition-property:opacity;transition-duration:var(--duration-interaction);transition-timing-function:ease}.VideoCard.playing .VideoCard__cover{opacity:0;pointer-events:none}@media (max-width: 768px){.VideoCard__cover{padding:3.2rem}}.VideoCard__cover__image{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.VideoCard__cover__image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:21.4rem;background:linear-gradient(to bottom,#0000,#000000b3)}.VideoCard__top{display:flex;align-items:center;gap:1.6rem}@media (min-width: 769px){.VideoCard__top{margin-left:auto}}.VideoCard__play{--cut-top-left-enabled: 1;--cut-top-left: .6rem;--cut-bottom-right-enabled: 1;--cut-bottom-right: .6rem;width:5.6rem;height:5.6rem;display:flex;align-items:center;justify-content:center;background-color:#1717174d}.VideoCard__icon{width:2.4rem;height:2.4rem;fill:var(--color-icon-white)}.VideoCard__title{margin-bottom:1.6rem}.VideoCard__watch{--ButtonText-color: var(--color-text-white);--ButtonText-fill: var(--color-icon-white)}@media (max-width: 768px){.VideoCard__watch{--ButtonText-color: var(--color-text-gray-bl);--ButtonText-fill: var(--color-text-gray-bl)}}.MediaVideo{display:flex;justify-content:space-between;gap:1.6rem}@media (max-width: 768px){.MediaVideo{flex-direction:column;gap:5.6rem}}.MediaVideo__list{display:grid;grid-template-columns:100%;grid-gap:8rem;gap:8rem;width:91.2rem}@media (max-width: 768px){.MediaVideo__list{gap:2.4rem;width:100%}}