.video-grid__header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.video-grid__eyebrow{font-size:13px;letter-spacing:var(--hio-eyebrow-letter-spacing);text-transform:uppercase;color:var(--color-text);opacity:.7}.video-grid__grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -15px;padding:0 15px;scroll-padding-inline:15px}.video-grid__grid::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.video-grid__header{margin-bottom:36px}.video-grid__eyebrow{font-size:14px}.video-grid__grid{display:grid;grid-template-columns:repeat(var(--video-grid-columns-desktop, 2),minmax(0,1fr));gap:30px;overflow-x:visible;margin:0;padding:0}}.video-grid__tile{display:flex;flex-direction:column;gap:8px;flex:0 0 85%;scroll-snap-align:start}@media screen and (min-width:750px){.video-grid__tile{flex:initial}}.video-grid__media{position:relative;aspect-ratio:16 / 9;background:#1b1c1d;overflow:hidden;border:0;padding:0;width:100%;cursor:pointer}.video-grid__media img{width:100%;height:100%;object-fit:cover;display:block}.video-grid__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.video-grid__play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0b0b0b59,#0b0b0b00 45%);pointer-events:none}.video-grid__play span{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 2px 8px rgba(11,11,11,.45));transition:color .2s ease,transform .2s ease}.video-grid__play svg{width:34px;height:34px;margin-left:4px}.video-grid__media:hover .video-grid__play span,.video-grid__media:focus-visible .video-grid__play span{color:var(--color-button-background);transform:scale(1.08)}@media screen and (min-width:750px){.video-grid__play svg{width:44px;height:44px}}iframe.video-grid__media{display:block;border:0;cursor:auto}.video-grid__label{margin-top:8px;font-family:var(--font-head-family);font-size:20px;line-height:1.1;font-weight:700;color:var(--color-text)}@media screen and (min-width:750px){.video-grid__label{margin-top:12px;font-size:24px}.video-grid__footer-link{margin-top:24px}}.video-grid__footer-link{margin-top:14px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-video-grid.css.map */