.video-grid-section{padding-left:1.5rem;padding-right:1.5rem}.video-grid-heading{text-align:center;margin:0 0 .75rem}.video-grid-text{text-align:center;max-width:60ch;margin:0 auto 2rem}.video-grid{display:grid;grid-template-columns:repeat(var(--columns-mobile, 2),1fr);gap:1rem 1rem}@media screen and (min-width:750px){.video-grid{grid-template-columns:repeat(var(--columns-desktop, 3),1fr);gap:1.75rem 1.5rem}}.video-grid__item{display:flex}.video-grid__trigger{all:unset;cursor:pointer;display:flex;flex-direction:column;width:100%;border-radius:var(--video-grid-radius, 8px);overflow:hidden}.video-grid__trigger:disabled{cursor:default;opacity:.6}.video-grid__trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px}.video-grid__thumbnail{position:relative;display:block;width:100%;aspect-ratio:2 / 3;background:#e7e7e7;overflow:hidden;border-radius:var(--video-grid-radius, 8px)}@media screen and (min-width:750px){.video-grid__thumbnail{aspect-ratio:4 / 2}}.video-grid__thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.video-grid__trigger:hover .video-grid__thumbnail img{transform:scale(1.04)}.video-grid__placeholder{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,#eee,#eee 10px,#e2e2e2 10px 20px)}.video-grid__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.video-grid__title{margin-top:.6rem;font-size:1rem;text-align:center}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.video-modal[hidden]{display:none}.video-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.video-modal__dialog{position:relative;z-index:1;width:min(92vw,1100px);max-height:90vh}.video-modal__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-modal__content .video-grid__video,.video-modal__content video{width:100%;max-height:90vh;border-radius:6px;background:#000}.video-modal__close{all:unset;cursor:pointer;position:absolute;top:-2.75rem;right:0;color:#fff;padding:.25rem}@media screen and (max-width:749px){.video-modal__dialog{width:100vw;max-height:100vh}.video-modal__close{top:.75rem;right:.75rem}}.video-grid__empty{text-align:center;opacity:.7;padding:2rem 0}
/*# sourceMappingURL=/cdn/shop/t/65/assets/video-grid.css.map */