.video-section{padding:40px 0}.videos-wrapper{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(calc(20% - 20px),1fr))}.video-block video{width:100%;height:auto;max-height:800px;object-fit:cover;aspect-ratio:9/16}.video-block{max-width:520px}.video-block__media{position:relative}.video-block__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none;transition:opacity .2s ease;filter:var(--filter-bg);background-color:#00000008}.video-block__media.is-playing:after{opacity:0}.video-block__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:80px;height:80px;border:none;border-radius:50%;background:#fff3;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:56px;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1}.video-block__play:hover{transform:scale(1.05);background:#000000bf}.video-block__play.is-hidden,.video-block__media.is-playing .video-block__play{opacity:0;pointer-events:none}.video-block__media.is-playing:hover .video-block__play{opacity:1;pointer-events:auto}.video-block .video-meta__ctas .btn{width:100%}@media(max-width:1024px){.videos-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:0px;-ms-overflow-style:none;margin-left:calc(var(--gutter-mobile) * -1);margin-right:calc(var(--gutter-mobile) * -1);padding-left:var(--gutter-mobile);padding-right:var(--gutter-mobile);scroll-padding-left:var(--gutter-mobile);scroll-padding-right:var(--gutter-mobile)}.videos-wrapper::-webkit-scrollbar{display:none}.video-block{scroll-snap-align:start;min-width:220px}.video-block video{width:100%}.video-section-title{padding-right:20px}}@media(max-width:480px){.video-block{flex:0 0 80%}.video-block video{width:100%;max-height:320px}}.video-block{display:flex;flex-direction:column}.video-meta{display:flex;flex-direction:column;flex:1}.video-meta__ctas{margin-top:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-section.css.map */