.video-grid-section__inner{overflow:hidden}.video-grid-section__header{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:2.1rem;text-align:center}.video-grid-section__slider{position:relative;display:block}.video-grid{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap;gap:var(--mobile-gap, 12px)}.video-grid.slider--mobile,.video-grid.slider--desktop{column-gap:0;row-gap:0;margin-bottom:0}.video-grid.slider--mobile .video-grid__item.grid__item,.video-grid.slider--desktop .video-grid__item.grid__item{max-width:none;flex-grow:0}.video-grid__item{width:100%;max-width:100%}.video-grid__card{position:relative;overflow:hidden;aspect-ratio:9 / 16;background:rgba(var(--color-foreground),.08)}.video-grid__poster,.video-grid__video{width:100%;height:100%;display:block;object-fit:cover}.video-grid__video{display:none}.video-grid__card.is-playing .video-grid__video{display:block}.video-grid__card.is-playing .video-grid__poster,.video-grid__card.is-playing .video-grid__play-button{display:none}.video-grid__play-button{position:absolute;top:1rem;right:1rem;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;background:transparent}.video-grid__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:none}.video-grid__nav.slider-button--prev{left:-5.5rem}.video-grid__nav.slider-button--next{right:-5.5rem}.video-grid__dots{margin-top:1.4rem;display:flex;justify-content:center}@media screen and (max-width:749px){.video-grid.slider.slider--mobile{width:100%;box-sizing:border-box;padding:0;margin-bottom:0;scroll-padding-left:1.5rem;scroll-padding-right:1.5rem}.video-grid.slider.slider--mobile .video-grid__item.slider__slide{width:calc((100% - (var(--mobile-columns, 1) - 1) * var(--mobile-gap, 12px) - var(--mobile-peek, 0px)) / var(--mobile-columns, 1));margin-right:var(--mobile-gap, 12px);flex-shrink:0;scroll-snap-align:start;min-width:0}.video-grid.slider.slider--mobile .video-grid__item.slider__slide:last-child{margin-right:0}}.video-grid:not(.slider--mobile){display:grid;grid-template-columns:repeat(var(--mobile-columns, 1),minmax(0,1fr));gap:var(--mobile-gap, 12px);padding:0 1.8rem}.video-grid:not(.slider--mobile) .video-grid__item.grid__item{width:auto;max-width:none}.video-grid-section__slider .slider-button{display:flex;width:36px;height:36px;justify-content:center;align-items:center;gap:8px;border-radius:50px;border:1px solid rgba(var(--color-button));background:#3a322b00;padding:0}.video-grid-section__slider .slider-button svg{width:12.667px;height:100%}@media screen and (max-width:749px){.slider-counter__link{padding:.2rem!important}.slider-counter__link--dots .dot{background-color:#d9d9d9;border:none!important}.slider-counter__link--active.slider-counter__link--dots .dot{background-color:#d9d9d9!important;border:.5px solid #000!important}}@media screen and (min-width:750px){.video-grid-section__header{align-items:flex-start;text-align:left;margin-bottom:2.9rem}.video-grid-section__header .section-subheading{margin-left:0;margin-right:0}.video-grid{display:grid;grid-template-columns:repeat(var(--desktop-columns, 4),minmax(0,1fr));column-gap:var(--desktop-gap, 16px)!important;row-gap:var(--desktop-gap, 16px)!important}.video-grid:not(.slider--desktop) .video-grid__item.grid__item{width:auto;max-width:none}.video-grid.slider--desktop{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.video-grid.slider--desktop::-webkit-scrollbar{display:none}.video-grid.slider--desktop .video-grid__item{flex:0 0 calc((100% - (var(--desktop-columns, 4) - 1) * var(--desktop-gap, 16px) - var(--desktop-peek, 0px)) / var(--desktop-columns, 4));margin-right:var(--desktop-gap, 16px);scroll-snap-align:start}.video-grid.slider--desktop .video-grid__item:last-child{margin-right:0}.video-grid-section__inner{overflow:visible}.video-grid__nav{display:flex}.video-grid__dots{display:none!important}}@media screen and (max-width:1200px){.video-grid__nav.slider-button--prev{left:-4.4rem}.video-grid__nav.slider-button--next{right:-4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-video-grid.css.map */