.fold-videos__container{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.fold-videos__container{padding:0 2rem}}.fold-videos__title{text-align:center;margin-bottom:2rem}.fold-videos__heading{margin:0}.fold-videos__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 1.5rem;margin:0 -1.5rem;scrollbar-width:none}.fold-videos__grid::-webkit-scrollbar{display:none}.fold-videos__item{display:flex;flex-direction:column;flex-shrink:0;min-width:0}.fold-videos__card{position:relative;width:100%;aspect-ratio:9 / 16;background-color:#000;border-radius:4px;overflow:hidden;flex-shrink:0}.fold-videos__player{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.fold-videos__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fold-videos__play,.fold-videos__pause{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;z-index:2;transition:opacity .2s ease}.fold-videos__play:before,.fold-videos__pause:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;z-index:-1}.fold-videos__play svg,.fold-videos__pause svg{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.fold-videos__pause{display:none}.fold-videos__player.playing .fold-videos__play,.fold-videos__player.playing .fold-videos__pause{opacity:0;pointer-events:none}.fold-videos__player.playing:hover .fold-videos__pause{opacity:1;pointer-events:auto}.fold-videos__player.playing .fold-videos__pause{display:flex}.fold-videos__caption{font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));text-align:center}.fold-videos__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#e5e5e5}.fold-videos__placeholder .placeholder-svg{width:40%;height:auto;opacity:.5}@media screen and (min-width:750px){.fold-videos__grid{display:grid;overflow:visible;scroll-snap-type:none;padding:0;margin:0;align-items:start}.fold-videos__item{flex:none;min-width:0}.fold-videos__caption{margin-top:1rem}.fold-videos__play svg,.fold-videos__pause svg{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-fold-videos.css.map */