.ugc-gallery{width:100%;padding:20px 0;position:relative}.ugc-gallery__header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.ugc-gallery__nav{position:absolute;right:0;top:50%;transform:translateY(-50%);display:none;gap:8px}.ugc-gallery__nav button{background:#fff;border:1px solid #ddd;width:36px;height:36px;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ugc-gallery__nav button:hover{background:#f6f6f6}.ugc-gallery__nav button img{width:20px;height:20px;object-fit:contain}.ugc-gallery__wrapper{display:grid;gap:20px}.ugc-gallery__video{position:relative;overflow:hidden;border-radius:5px;aspect-ratio:9 / 16;background:#000}.ugc-gallery__video video{width:100%;height:100%;object-fit:cover;border-radius:5px}.ugc-gallery__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:2;width:50px;height:50px;display:none}.ugc-gallery__mute-btn{position:absolute;bottom:10px;right:10px;cursor:pointer;width:30px;height:30px;z-index:2}@media (min-width: 768px){.ugc-gallery__wrapper{display:flex;flex-wrap:wrap;justify-content:center}.ugc-gallery__wrapper .ugc-gallery__video{flex-basis:calc((100% / var(--ugc-cols, 3)) - (20px * (var(--ugc-cols, 3) - 1) / var(--ugc-cols, 3)));flex-grow:0;flex-shrink:0}.ugc-gallery__wrapper.has-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding-bottom:10px;scroll-behavior:smooth;justify-content:flex-start;flex-wrap:nowrap}.ugc-gallery__wrapper.has-slider .ugc-gallery__video{min-width:calc(100% / var(--ugc-cols, 3));scroll-snap-align:start;flex-basis:auto}.ugc-gallery__wrapper.has-slider::-webkit-scrollbar{display:none}.ugc-gallery__pagination{display:none;text-align:center;margin-top:15px}.ugc-gallery__pagination-dot{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:0 4px;transition:background .3s}.ugc-gallery__pagination-dot.active{background:#e98517}}@media (max-width: 767px){.ugc-gallery__header{flex-direction:column;align-items:center;justify-content:center;text-align:center}.ugc-gallery__wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:10px;position:relative}.ugc-gallery__video{min-width:80%;scroll-snap-align:start}.ugc-gallery__wrapper::-webkit-scrollbar{display:none}.ugc-gallery__pagination{display:block;text-align:center;margin-top:10px}.ugc-gallery__pagination-dot{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:0 4px;transition:background .3s}.ugc-gallery__pagination-dot.active{background:#e98517}}
/*# sourceMappingURL=/cdn/shop/t/38/compiled_assets/styles.css.map */