.section-ugc-gallery{background-color:var(--COLOR-BG)}.ugc-gallery__item{position:relative;display:flex;flex-direction:column;aspect-ratio:var(--UGC-ASPECT-RATIO);overflow:hidden;border-radius:var(--UGC-BORDER-RADIUS, 0)}.ugc-gallery__wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.ugc-gallery__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ugc-gallery__thumbnail img{object-position:var(--image-position, center center)}.ugc-gallery__video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.ugc-gallery__video video{width:100%;height:100%;object-fit:cover}.ugc-gallery__item.is-playing .ugc-gallery__video,.ugc-gallery__item.is-previewing .ugc-gallery__video,.ugc-gallery__item.is-paused .ugc-gallery__video{opacity:1}.ugc-gallery__content{display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:absolute;top:0;left:0;pointer-events:none;z-index:3}.ugc-gallery__play-center{width:64px;height:64px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;pointer-events:auto;color:#000;box-shadow:0 2px 14px #00000038;transition:transform .2s ease,background .2s ease,opacity .2s ease}.ugc-gallery__play-center:hover{transform:scale(1.08);background:#fff}.ugc-gallery__play-center .icon{width:26px;height:26px}.ugc-gallery__play-center .icon-play{margin-left:3px}.ugc-gallery__play-center .icon-pause{display:none}.ugc-gallery__item.is-playing .ugc-gallery__play-center{opacity:0;pointer-events:none}.ugc-gallery__item.is-playing:hover .ugc-gallery__play-center,.ugc-gallery__item.is-playing:focus-within .ugc-gallery__play-center{opacity:1;pointer-events:auto}.ugc-gallery__item.is-playing .ugc-gallery__play-center .icon-play{display:none}.ugc-gallery__item.is-playing .ugc-gallery__play-center .icon-pause{display:flex;margin-left:0}.ugc-gallery__item.is-previewing:not(.is-playing) .ugc-gallery__play-center{opacity:.85}.ugc-gallery__sound{position:absolute;bottom:12px;right:12px;height:36px;padding:0 14px 0 12px;border-radius:18px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:none;z-index:4;color:#000;font-size:var(--body-x-small);font-weight:500;line-height:1;box-shadow:0 2px 10px #00000047;transition:background .2s ease,transform .2s ease,padding .2s ease}.ugc-gallery__sound:hover{transform:scale(1.05)}.ugc-gallery__sound-icon{display:inline-flex;align-items:center;justify-content:center}.ugc-gallery__sound .icon{width:18px;height:18px}.ugc-gallery__sound .icon-speaker{display:none}.ugc-gallery__sound .icon-speaker-muted{display:flex}.ugc-gallery__item:not(.is-muted) .ugc-gallery__sound .icon-speaker{display:flex}.ugc-gallery__item:not(.is-muted) .ugc-gallery__sound .icon-speaker-muted{display:none}.ugc-gallery__sound-label{white-space:nowrap}.ugc-gallery__item:not(.is-muted) .ugc-gallery__sound{width:36px;padding:0}.ugc-gallery__item:not(.is-muted) .ugc-gallery__sound-label{display:none}@keyframes ugc-sound-pulse{0%,to{box-shadow:0 2px 10px #00000047,0 0 #ffffff73}50%{box-shadow:0 2px 10px #00000047,0 0 0 6px #fff0}}.ugc-gallery__item.is-muted .ugc-gallery__sound{animation:ugc-sound-pulse 2s ease-in-out infinite}.ugc-gallery__creator{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;padding:10px 12px;background:linear-gradient(to top,var(--ugc-creator-bg, rgba(0, 0, 0, .55)) 0%,transparent 100%);z-index:2;pointer-events:none}.ugc-gallery__creator-name{font-size:var(--body-x-small);color:var(--ugc-creator-text, #fff);line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-gallery__creator--left{justify-content:flex-start}.ugc-gallery__creator--center{justify-content:center}.ugc-gallery__creator--right{justify-content:flex-end;padding-right:140px}
/*# sourceMappingURL=/cdn/shop/t/43/assets/ugc-gallery.css.map */