video-grid{display:block;padding-top:24px;padding-bottom:24px}@media(min-width:750px){video-grid{padding-top:32px;padding-bottom:32px}}.video-grid__track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}@media screen and (max-width:989px){.video-grid__track{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-right:16px;padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none}.video-grid__track::-webkit-scrollbar{display:none}}@media screen and (max-width:989px){.video-grid__item{flex:0 0 30%;scroll-snap-align:start;height:400px}}@media screen and (max-width:749px){.video-grid__item{flex:0 0 45%;height:280px}.video-grid__item.video-grid{flex:0 0 40%;height:unset}}.video-grid__video-wrapper{position:relative;width:100%;height:100%}.video-grid__video{width:100%;height:100%;object-fit:cover;display:block}.video-grid__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-grid__header{margin-bottom:3rem;line-height:1.5;font-weight:var(--font-weight-bold)}.video-grid__header h2{margin:0}.video-grid__header--left{text-align:left}.video-grid__header--center{text-align:center}.video-grid__header--right{text-align:right}.video-grid__categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:2.4rem;padding:0 1rem}.video-grid__categories--left{justify-content:flex-start}.video-grid__categories--center{justify-content:center}.video-grid__categories--right{justify-content:flex-end}@media screen and (max-width:749px){.video-grid__categories{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:0 16px 1px 0;gap:12px;scrollbar-width:none;-ms-overflow-style:none}.video-grid__categories::-webkit-scrollbar{display:none}}.video-grid__category-btn{padding:10px 20px;border:1px solid var(--color-text-main);border-radius:50px;background-color:transparent;color:var(--color-text-main);font-size:14px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit;flex-shrink:0}.video-grid__category-btn:hover{background-color:var(--color-text-main);color:var(--color-mono-white)}.video-grid__category-btn.active{background-color:var(--color-text-main);color:var(--color-mono-white);font-weight:var(--font-weight-semibold)}@media screen and (max-width:749px){.video-grid__category-btn{padding:8px 16px;font-size:14px;scroll-snap-align:start;flex-shrink:0}}.video-grid__item-wrapper{display:flex;flex-direction:column;transition:opacity .3s ease,transform .3s ease;overflow:visible;width:100%}.video-grid__item-wrapper.video-grid__item--visible{animation:video-grid-fade-in-up .3s ease}@keyframes video-grid-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.video-grid__item-wrapper{flex:0 0 calc((100% - 16px) / 2.4);scroll-snap-align:start;min-width:0;overflow:visible}}@media screen and (max-width:749px){.video-grid__item-wrapper{flex:0 0 calc((100% - 16px) / 2.4);overflow:visible;height:fit-content}}.video-grid__item{position:relative;width:100%;overflow:hidden;border-radius:1.5rem;background-color:#000}@media screen and (min-width:990px){.video-grid__item{height:400px}}@media screen and (max-width:989px){.video-grid__item{height:400px}}@media screen and (max-width:749px){.video-grid__item{height:400px}}.video-grid__info{padding:1rem 0;color:var(--color-text-main);display:block!important;width:100%;position:relative;z-index:1;flex-shrink:0;overflow:visible}@media screen and (max-width:749px){.video-grid__info{padding:.75rem 0;display:block!important;visibility:visible;opacity:1}}.video-grid__title{font-size:14px;font-weight:var(--font-weight-bold);line-height:1.5;margin-bottom:.5rem}@media screen and (max-width:749px){.video-grid__title{font-size:12px}}.video-grid__title-link{color:var(--color-text-main);text-decoration:none;transition:opacity .2s ease}.video-grid__title-link:hover{opacity:.7;text-decoration:underline}.video-grid__quote{font-size:14px;font-weight:var(--font-weight-regular);line-height:1.5;font-style:italic;margin-bottom:.5rem;opacity:.95;color:var(--color-text-dark)}@media screen and (max-width:749px){.video-grid__quote{font-size:12px}}.video-grid__product-link{font-size:14px;font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-text-dark);text-decoration:underline;opacity:.95}@media screen and (max-width:749px){.video-grid__product-link{font-size:12px}}.video-grid__product-link-text{color:var(--color-text-dark);text-decoration:none;transition:opacity .2s ease}.video-grid__product-link-text:hover{opacity:.7;text-decoration:underline}.button--video-grid{margin:2rem auto;font-weight:var(--font-weight-bold)}.button--video-wrapper{display:flex}.video-grid__header .h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1)}.video-grid__header .h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2)}.video-grid__header .h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);letter-spacing:var(--letter-spacing-h3)}
/*# sourceMappingURL=/cdn/shop/t/936/assets/section-video-grid.css.map */