.m-video_directory{background-color:#e8e9ea}.m-video_directory__grid{display:none;margin-top:40px}.m-video_directory__grid.active{display:block}.m-video_directory__header{max-width:800px;width:100%}.m-video_directory__griditem{background-color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-items:stretch}.m-video_directory__griditem:hover .m-video_directory__griditembottom{background-color:var(--yellow);color:var(--offBlack)}.m-video_directory__griditem:hover .m-video_directory__griditembottom svg{fill:var(--offBlack)}.m-video_directory__griditem:hover .m-video_directory__griditemimage{transform:scale(1.1)}.m-video_directory__griditem:hover .m-video_directory__griditembottomwatch{text-decoration:underline}.m-video_directory__griditemimagewrapper{height:240px;overflow:hidden;position:relative}.m-video_directory__griditemimage{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.m-video_directory__griditemcontent{padding:20px}.m-video_directory__griditemheading{margin-top:0}.m-video_directory__griditembottom{align-items:center;background-color:var(--offBlack);color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:20px;transition:background-color .3s ease}.m-video_directory__griditembottomtext{align-items:center;column-gap:10px;display:inline-flex}.m-video_directory__griditembottomtext svg{fill:#fff}.m-video_directory__griditemplaybutton{align-items:center;background-color:var(--yellow);border-radius:80px;display:inline-flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.m-video_directory__griditemplaybutton svg{fill:var(--offBlack)}.m-video_directory__video{height:auto;width:100%}.m-video_directory__popup{max-width:1440px!important}.m-video_directory__griditemcontentwrapper{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between}.m-video_directory__noresults{margin-top:40px}@media screen and (max-width:767px){.m-video_directory__griditem+.m-video_directory__griditem{margin-top:20px}}@media screen and (min-width:768px){.m-video_directory__grid.active{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.m-video_directory__grid.active{grid-template-columns:repeat(3,1fr)}.m-video_directory__grid.active.m-video_directory__grid--4{grid-template-columns:repeat(4,1fr)}}