.video-grid{background-color:#fff}.video-grid__title{font-family:var(--font-heading-family);color:#1a1a1a;font-size:32px;text-align:center;margin:0 0 40px}.video-grid__row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}@media screen and (min-width:750px){.video-grid__row{overflow-x:visible;justify-content:center}}.video-grid__card{position:relative;flex:0 0 68%;max-width:260px;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background-color:var(--color-background-alt, #f7f2e9);scroll-snap-align:start}@media screen and (min-width:750px){.video-grid__card{flex:0 0 220px}}.video-grid--in-product{background-color:transparent;max-width:calc(100% + 56px);margin-left:-28px;margin-right:-28px;overflow:hidden}.video-grid--in-product .video-grid__title{font-size:18px;text-align:left;margin:0 0 12px;padding-left:16px}.video-grid--in-product .video-grid__row{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:16px 0 16px 16px}.video-grid--in-product .video-grid__card{flex:0 0 130px;width:130px;max-width:130px;min-width:130px;scroll-snap-align:start}.video-grid__opener,.video-grid__trigger,.video-grid__media{position:absolute;top:0;right:0;bottom:0;left:0}.video-grid__opener,.video-grid__trigger{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.video-grid__video{width:100%;height:100%;object-fit:cover;display:block}.video-grid__expand-icon{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background-color:#ffffff59;color:#fff;z-index:1;pointer-events:none}.video-grid__expand-icon svg{width:11px;height:11px}.video-grid__username{position:absolute;left:12px;bottom:12px;margin:0;color:#fff;font-family:var(--font-body-family);font-size:12px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:2}.video-grid__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(160deg,#d7b2721f,#e8527a1f)}.video-grid__placeholder-icon{width:44px;height:44px;border-radius:50%;background-color:#1a1a1a14;display:flex;align-items:center;justify-content:center;color:#b3b3b3}.video-grid__placeholder-icon svg{width:18px;height:18px}.video-grid__placeholder-text{font-family:var(--font-body-family);color:#1a1a1a73;font-size:13px;margin:0}.video-grid__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;background-color:#1a1a1ad9}.video-grid__modal[open]{display:flex}.video-grid__modal-content{position:relative;max-width:420px;width:90%;max-height:85vh}.video-grid__modal-video{width:100%;height:auto;max-height:85vh;border-radius:8px;display:block}.video-grid__modal-close{position:absolute;top:-40px;right:0;width:32px;height:32px;border:none;background:none;color:#fff;cursor:pointer}.video-grid__modal-username{color:#fff;font-family:var(--font-body-family);font-size:13px;margin:8px 0 0;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-video-grid.css.map */