.video-grid-section{padding:0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.video-grid-section__heading{margin:0;padding:2rem 1.5rem 1rem;font-size:1.75rem;font-weight:600;text-align:center}.video-grid{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%}.video-grid__col{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.video-grid__tile{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;cursor:pointer;border:none;background:#111;line-height:0}.video-grid__tile:focus-visible{outline:2px solid #fff;outline-offset:-4px;z-index:2}.video-grid__video{display:block;width:100%;height:auto;object-fit:cover;transform:scale(1);transform-origin:center center;transition:transform .35s ease;will-change:transform}.video-grid__video--empty{aspect-ratio:1 / 1;background:#1a1a1a}.video-grid__placeholder-svg{width:100%;height:100%;opacity:.35}.video-grid__tile:hover .video-grid__video,.video-grid__tile:focus-visible .video-grid__video{transform:scale(1.06)}.video-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:1;transition:opacity .35s ease;pointer-events:none}.video-grid__tile:hover .video-grid__overlay,.video-grid__tile:focus-visible .video-grid__overlay{opacity:0}.video-grid:not([data-columns-ready]) .video-grid__tile{flex:0 0 33.3333%;max-width:33.3333%}@media(max-width:989px){.video-grid:not([data-columns-ready]) .video-grid__tile{flex:0 0 50%;max-width:50%}}@media(max-width:749px){.video-grid:not([data-columns-ready]) .video-grid__tile{flex:0 0 100%;max-width:100%}}.video-grid-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000e6;padding:2rem}.video-grid-lightbox[hidden]{display:none}.video-grid-lightbox__stage{position:relative;max-width:min(90vw,900px);max-height:90vh;width:100%;display:flex;align-items:center;justify-content:center}.video-grid-lightbox__stage video{max-width:100%;max-height:90vh;width:auto;height:auto;display:block}.video-grid-lightbox__close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2.5rem;line-height:1;cursor:pointer;z-index:2;padding:.5rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-video-grid.css.map */