.collection-video-grid-section{--collection-video-gap: 10px;--collection-video-tile-radius: 8px}.collection-video-grid-section__inner{max-width:var(--page-width);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.collection-video-grid-section__header{padding:10px 20px 0}.collection-video-grid-section__heading{margin:0 0 1rem;font-weight:800}.collection-video-grid{display:grid;gap:var(--collection-video-gap);grid-template-columns:repeat(var(--columns-desktop),minmax(0,1fr));padding:10px 20px;list-style:none;margin:0}@media screen and (max-width:749px){.collection-video-grid{grid-template-columns:repeat(var(--columns-mobile),minmax(0,1fr))}.collection-video-grid--slider{display:flex;gap:var(--collection-video-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.collection-video-grid--slider .collection-video-grid__item{flex:0 0 calc(85% - var(--collection-video-gap));scroll-snap-align:start;max-width:320px}}.collection-video-tile{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:2px;border:none;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit}.collection-video-tile:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.collection-video-tile__media{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--collection-video-tile-radius);overflow:hidden;background:rgba(var(--color-foreground),.08)}.collection-video-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}@media screen and (min-width:750px){.collection-video-tile:hover .collection-video-tile__media img{transform:scale(1.05)}}.collection-video-tile__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#0000008c;color:#fff;pointer-events:none}.collection-video-tile__play .svg-wrapper{width:1.6rem;height:1.6rem}.collection-video-tile__title{margin:.6rem 0 .5rem;font-size:1.6rem;font-weight:800;line-height:1.3}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-collection-videos.css.map */