.how-to-videos-categories{display:flex;flex-wrap:wrap;gap:10px;padding:2rem 0}.how-to-videos-category{flex:0 0 auto;padding:1.5rem;border:1px solid;cursor:pointer;text-align:center}@media(max-width:700px){.how-to-videos-category{flex-basis:48%}}[data-active-video-category=true]{background-color:var(--color-og-gold);color:#fff}.how-to-videos-category p{margin:0;line-height:1}.how-to-videos-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:33rem;gap:2rem;padding:3rem 0}@media(max-width:1300px){.how-to-videos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.how-to-videos-grid{display:flex;flex-direction:column;gap:0}}.how-to-video-block[data-active-video=false]{display:none}.how-to-video-block .video-container{position:relative;display:block;max-width:100%;height:auto;overflow:hidden;padding-bottom:56.25%}.how-to-video-block iframe{position:absolute;width:100%;height:100%;top:0;left:0}.how-to-video-block p{text-align:center}@media(max-width:1100px){.how-to-video-block p{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/882/assets/component-how-to-videos.css.map */