.video-card{width:100%;padding:.5rem}@media(min-width:768px){.video-card--quarter,.video-card--half{width:100%}}@media(min-width:1024px){.video-card--quarter{width:100%;grid-column:span 1}.video-card--half{width:100%;grid-column:span 2}}.video-card__thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden}.video-gallery__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.video-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.video-gallery__grid{grid-template-columns:repeat(4,1fr)}}.video-card{position:relative}.video-card__image{width:100%;height:100%;object-fit:cover}.video-card__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;opacity:1;transition:opacity .2s;border:none;cursor:pointer}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-card__play-btn:hover .video-card__play-group{border:2px solid #ffffff;animation:fadeIn 1s}.video-card__play-group{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:5px 20px;gap:5px}.video-card__play-btn span{opacity:0;color:#fff;font-weight:700;display:none;transition:display 1s ease-out}.video-card__play-btn:hover span{opacity:1;display:block;transition:display 1s ease-out;animation:fadeIn 1s}.video-card__play-icon{width:3rem;height:3rem;fill:#fff}.video-card__caption{display:flex;flex-direction:column;position:absolute;bottom:10px;left:10px}.video-card__duration{width:fit-content;background-color:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.video-card__tags{display:flex;gap:.25rem;flex-wrap:wrap;position:absolute;top:10px;left:10px}.video-card__tag{background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.video-card__title{font-size:1.125rem;font-weight:500;margin-top:.5rem;color:#fff}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:none;align-items:center;justify-content:center;z-index:50}.video-modal.is-active{display:flex}.video-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem}.video-modal__close svg{width:2rem;height:2rem;fill:#fff}.video-modal__content{width:100%;max-width:72rem;padding:1rem}.video-modal__video-wrapper{position:relative;padding-bottom:56.25%;height:0}.video-modal__iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/164/assets/video-gallery.css.map */