@keyframes modal-video-ec372a1b{0%{opacity:0}to{opacity:1}}@keyframes modal-video-inner-ec372a1b{0%{transform:translateY(100px)}to{transform:translate(0)}}.modal-video[data-v-ec372a1b]{animation-duration:.3s;animation-name:modal-video-ec372a1b;animation-timing-function:ease-out;background-color:#000000b3;cursor:pointer;height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease-out;width:100%;z-index:1000000}.modal-video-close[data-v-ec372a1b]{opacity:0}.modal-video-close .modal-video-movie-wrap[data-v-ec372a1b]{transform:translateY(100px)}.modal-video-body[data-v-ec372a1b]{display:table;height:100%;margin:0 auto;max-width:1100px;width:100%}.modal-video-inner[data-v-ec372a1b]{display:table-cell;height:100%;vertical-align:middle;width:100%}.modal-video-movie-wrap[data-v-ec372a1b]{animation-duration:.3s;animation-name:modal-video-inner-ec372a1b;animation-timing-function:ease-out;background-color:#333;height:0;padding-bottom:56.25%;position:relative;transform:translate(0);transition:transform .3s ease-out;width:100%}.modal-video-movie-wrap iframe[data-v-ec372a1b]{height:100%;left:0;position:absolute;top:0;width:100%}.modal-video-close-btn[data-v-ec372a1b]{background:transparent;border:none;display:inline-block;height:35px;overflow:hidden;position:absolute;right:50px;top:50px;width:35px;z-index:2}.modal-video-close-btn[data-v-ec372a1b]:after,.modal-video-close-btn[data-v-ec372a1b]:before{background:#fff;border-radius:5px;content:"";height:2px;left:0;position:absolute;top:50%;width:100%}.modal-video-close-btn[data-v-ec372a1b]:before{transform:rotate(45deg) translateY(-50%)}.modal-video-close-btn[data-v-ec372a1b]:after{transform:rotate(-45deg) translateY(-50%)}.video-card:hover *{color:#fff!important}.video-card p{margin-bottom:0!important}.video-card{cursor:pointer;display:flex;flex:1;flex-direction:column;height:100%;margin-bottom:.5rem;width:100%}.video-card:hover{background-color:#338ee8;transition:background-color .3s}.video-card .video-card__image{aspect-ratio:16/9;overflow:hidden;padding-top:56.25%;position:relative}.video-card .video-card__image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.video-card .video-card__content{margin-top:1rem;padding:1rem}.video-card .video-card__content h3{font-size:1.8rem;margin-bottom:1rem}@media (max-width:768px){.mobile-order-first[data-v-a9ab006b]{order:-1}}
