.video-grid{width:100%}.video-grid__header{margin-bottom:3rem}.video-grid__heading{margin:0 0 1rem}.video-grid__subheading{margin:0;font-size:1.6rem;line-height:1.5}.video-grid__featured{margin-bottom:3rem}.video-grid__video-wrapper--featured{max-width:100%}@media screen and (min-width: 750px){.video-grid__featured{margin-bottom:4rem}}.video-grid__grid{display:grid;grid-template-columns:repeat(var(--items-per-row),1fr);width:100%;max-width:100%}.video-grid__item{display:flex;flex-direction:column;max-width:100%}.video-grid__video-wrapper{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background-color:#000;border-radius:.5rem}.video-grid__video,.video-grid__iframe,.video-grid__placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.video-grid__video{object-fit:contain}.video-grid__iframe{border:none}.video-grid__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:#0000000a;color:#999}.video-grid__placeholder svg{opacity:.3}.video-grid__placeholder p{margin:0;font-size:1.4rem}.video-grid__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;z-index:2;transition:transform .2s ease,opacity .2s ease;padding:0;color:#000;opacity:1}.video-grid__play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.video-grid__play-button:active{transform:translate(-50%,-50%) scale(.95)}.video-grid__play-button--featured svg{width:80px;height:80px}.video-grid__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#f00c;padding:1rem 2rem;border-radius:.5rem;font-size:1.4rem;z-index:3}.video-grid__content{padding-top:1.5rem;text-align:center}.video-grid__content--featured{padding-top:2rem}.video-grid__content:empty{display:none}.video-grid__title{margin:0 0 .5rem;font-size:1.8rem;font-weight:600;line-height:1.3}.video-grid__title--featured{font-size:2.4rem}.video-grid__description{margin:0;font-size:1.4rem;line-height:1.5;opacity:.8}.video-grid__description p{margin:0}.video-grid__empty{padding:4rem 2rem;text-align:center;opacity:.5}@media screen and (max-width: 749px){.video-grid__grid{grid-template-columns:1fr}.video-grid__featured,.video-grid__header{margin-bottom:2rem}.video-grid__subheading{font-size:1.4rem}.video-grid__content{padding-top:1rem}.video-grid__content--featured{padding-top:1.5rem}.video-grid__title{font-size:1.6rem}.video-grid__title--featured{font-size:2rem}.video-grid__description{font-size:1.3rem}.video-grid__play-button svg{width:50px;height:50px}.video-grid__play-button--featured svg{width:60px;height:60px}}@media screen and (min-width: 750px){.video-grid__header{margin-bottom:4rem}.video-grid__title--featured{font-size:3rem}}@media (hover: hover){.video-grid__item,.video-grid__featured{transition:transform .2s ease}.video-grid__item:hover,.video-grid__featured:hover{transform:translateY(-4px)}.video-grid__video-wrapper{transition:box-shadow .2s ease}.video-grid__item:hover .video-grid__video-wrapper,.video-grid__featured:hover .video-grid__video-wrapper{box-shadow:0 10px 30px #00000040}}video::-webkit-media-controls-fullscreen-button{display:block}video::-webkit-media-controls{display:flex}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-video-grid.css.map */