.cl-ugc{margin:16px 0}.cl-ugc__heading{font-size:var(--ugc-heading-size, 18px);margin:0 0 12px}.cl-ugc__heading:has(+.cl-ugc__subheading){margin-bottom:4px}.cl-ugc__subheading{font-size:var(--ugc-subheading-size, 14px);margin:0 0 12px;opacity:.75}.cl-ugc__wrapper{position:relative}.cl-ugc__slider{display:flex;gap:var(--ugc-gap, 10px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.cl-ugc__slider::-webkit-scrollbar{display:none}.cl-ugc__slide{flex:0 0 calc((100% - (var(--ugc-per-view) - 1) * var(--ugc-gap)) / var(--ugc-per-view));scroll-snap-align:start}.cl-ugc__media{position:relative;border-radius:var(--ugc-radius, 10px);overflow:hidden}.cl-ugc__slide video,.cl-ugc__slide img{display:block;width:100%;aspect-ratio:var(--ugc-ratio, 9 / 16);object-fit:cover;border-radius:var(--ugc-radius, 10px);background:#000}.cl-ugc__mute{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cl-ugc__icon-sound{display:none}.cl-ugc__media.is-sound .cl-ugc__icon-sound{display:block}.cl-ugc__media.is-sound .cl-ugc__icon-muted{display:none}.cl-ugc__progress{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;height:3px;border-radius:3px;background:#ffffff59;overflow:hidden;pointer-events:none}.cl-ugc__progress-fill{width:0;height:100%;border-radius:3px;background:#fff;transition:width .15s linear}.cl-ugc__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffffeb;color:#111;box-shadow:0 2px 8px #00000026;cursor:pointer}.cl-ugc__arrow--prev{left:8px}.cl-ugc__arrow--next{right:8px}@media(max-width:767px){.cl-ugc__slide{flex-basis:calc((100% - (var(--ugc-per-view-mb) - 1) * var(--ugc-gap)) / var(--ugc-per-view-mb))}.cl-ugc__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cl-ugc-videos.css.map */