.VideoCard-Grid{display:grid;gap:25px;justify-content:center;margin:60px 0}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:1fr 1fr}.grid-cols-3{grid-template-columns:1fr 1fr 1fr}.grid-cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.VideoCard-Grid__card{background:var(--white);border:var(--box-border);border-radius:var(--box-border-radius);display:flex;flex-direction:column;height:auto;width:auto}.VideoCard-Grid__card:hover{cursor:pointer}.VideoCard-Grid__card:hover .VideoCard-Grid__hover-play{align-items:center;display:flex;justify-content:center}.VideoCard-Grid__card:hover .VideoCard-Grid__title{text-decoration:underline}.VideoCard-Grid__image{border-radius:var(--box-border-radius) var(--box-border-radius) 0 0;height:auto;width:100%}.VideoCard-Grid__duration{background:rgba(0,0,0,.5);bottom:8px;color:var(--white);font-size:10px;font-weight:var(--font-weight-bold);line-height:18px;padding:0 5px;position:absolute;right:5px}.VideoCard-Grid__hover-play{background:rgba(0,0,0,.4);border-radius:var(--box-border-radius) var(--box-border-radius) 0 0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.VideoCard-Grid__description{height:100%;padding:12px 21px 10%}.VideoCard-Grid__title{font-size:18px;line-height:1.29;margin:0}.VideoCard-Grid__thumbnail{display:inherit;position:relative}.VideoCard-Grid__published{font-size:10px;line-height:28px}.VideoCard-Grid__video-popup{display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:999}.VideoCard-Grid__blocker{background-color:rgba(0,0,0,.4);height:100vh;position:absolute;width:100vw}.VideoCard-Grid__video-popup-content{-webkit-animation-duration:.4s;animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;-moz-animation-name:animatetop;-o-animation-name:animatetop;background-color:#fefefe;border:var(--box-border);border-radius:var(--box-border-radius);margin:180px auto auto;padding:40px;position:relative;width:720px}@-moz-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@-webkit-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.VideoCard-Grid__video-popup-close{background:transparent;height:20px;line-height:0px;padding:0;position:absolute;right:10px;top:10px;width:20px}.VideoCard-Grid__video-popup-close:hover{background:var(--white)}.VideoCard-Grid__video-modal-video{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}.VideoCard-Grid__video-modal-video embed,.VideoCard-Grid__video-modal-video iframe,.VideoCard-Grid__video-modal-video object{height:100%;left:0;position:absolute;top:0;width:100%}@media only screen and (max-width:1280px){.grid-cols-4{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:1fr 1fr}.VideoCard-Grid__video-popup-content{padding:20px;width:90%}.VideoCard-Grid__video-popup-close{height:14px;right:5px;top:2px;width:14px}}@media only screen and (max-width:450px){.VideoCard-Grid{grid-template-columns:1fr}}