@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-gallery-section{width:100%}.video-gallery__wrapper{display:flex;flex-direction:column;gap:3rem}.video-gallery__content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.video-gallery__content-inner{background:var(--gradient-background);z-index:9}.video-gallery__badge{display:inline-flex;align-items:center;justify-content:center;background-color:#333;color:#fff;border-radius:50%;width:140px;height:140px;aspect-ratio:1 / 1;font-size:1.4rem;font-weight:500;line-height:1.3;text-align:center;padding:.5rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;overflow:hidden;margin-bottom:2rem;z-index:1}.video-gallery__heading{margin:0;line-height:1.2;max-width:100%;margin-bottom:1rem}.video-gallery__description{font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.video-gallery__description p{margin:0}.video-gallery__videos{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem}.video-gallery__videos::-webkit-scrollbar{display:none}.video-gallery__item{flex:0 0 85%;scroll-snap-align:start;scroll-snap-stop:always}.video-gallery__media{position:relative;width:100%;overflow:hidden;background-color:rgba(var(--color-foreground),.04);aspect-ratio:9 / 16}.video-gallery__poster{width:100%;height:100%;padding:0;border:none;cursor:pointer;position:absolute;top:0;left:0;z-index:2}.video-gallery__poster img{width:100%;height:100%;object-fit:cover}.video-gallery__iframe,.video-gallery__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.video-gallery__video{background-color:#000}.video-gallery__media.deferred-media--loaded{aspect-ratio:9 / 16}.video-gallery__media.deferred-media--loaded .video-gallery__poster{opacity:0;pointer-events:none;transition:opacity .3s ease}.video-gallery__media template{display:none}.video-gallery__poster .deferred-media__poster-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;border-radius:50%;background-color:#ffffffa6;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.video-gallery__poster:hover .deferred-media__poster-button{transform:translate(-50%,-50%) scale(1.1);background-color:#fffc}.video-gallery__poster .svg-wrapper{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding-left:.3rem}.video-gallery__poster .svg-wrapper svg{width:100%;height:100%;fill:#121212;opacity:.6}@media screen and (max-width: 749px){.video-gallery__media{min-height:0;max-height:none}.video-gallery__item{min-width:85%;max-width:85%}.video-gallery__media.deferred-media--loaded .video-gallery__video{display:none}}@media screen and (min-width: 750px){.video-gallery__wrapper{flex-direction:column;gap:4rem}.video-gallery__content{flex:0 0 100%;max-width:auto}.video-gallery__videos{flex:1;overflow-x:visible;scroll-snap-type:none;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:0}.video-gallery__item{flex:none;width:100%;opacity:0;transform:translateY(100px);transition:opacity .5s ease-out,transform .5s ease-out}.video-gallery__item.is-visible{opacity:1;transform:translateY(0)}.video-gallery__item.is-visible:nth-child(1){transition-delay:.4s}.video-gallery__item.is-visible:nth-child(2){transition-delay:.6s}.video-gallery__item.is-visible:nth-child(3){transition-delay:.8s}.video-gallery__media{min-height:auto}.video-gallery__video,.video-gallery__iframe{object-fit:cover;display:block}.video-gallery__poster .deferred-media__poster-button{width:7rem;height:7rem}.video-gallery__poster .svg-wrapper{width:2.8rem;height:2.8rem}}@media screen and (min-width: 990px){.video-gallery__wrapper{gap:5rem}.video-gallery__videos{gap:2.5rem}.video-gallery__description{font-size:1.7rem}}@media screen and (min-width: 1024px){.video-gallery__badge{position:absolute;top:-74px;right:0;transform:translate(50%);transform-origin:center right}.video-gallery__wrapper{flex-direction:row;align-items:stretch;padding-top:70px}.video-gallery__content{flex:0 0 20%;max-width:300px}}@media screen and (min-width: 1400px){.video-gallery__wrapper{gap:6rem}.video-gallery__videos{gap:3rem}.video-gallery__badge{position:absolute;top:-70px;right:0;transform:translate(50%);transform-origin:center right;width:200px;height:200px;font-size:2rem}}@media (prefers-reduced-motion: reduce){.video-gallery__item{animation:none;opacity:1}}.video-gallery__poster:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.video-gallery__poster:focus-visible .deferred-media__poster-button{transform:translate(-50%,-50%) scale(1.1)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/abw_video_gallery.css.map */