.ugc-gallery{background:var(--ugc-gallery-bg, #0a0a0a);position:relative;overflow:hidden}.ugc-gallery__header{text-align:center;padding:0 clamp(2rem,5vw,5rem);margin-bottom:clamp(2.4rem,4vw,4rem)}.ugc-gallery__badge{display:inline-block;font-size:1.05rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ugc-gallery-badge-color, #ffffff);border:1px solid var(--ugc-gallery-badge-border, rgba(255, 255, 255, .2));border-radius:100px;padding:.45em 1.4em;margin-bottom:1.4rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--ugc-gallery-badge-bg, rgba(255, 255, 255, .04))}.ugc-gallery__heading{margin:0 0 .6rem;color:var(--ugc-gallery-heading-color, #ffffff);letter-spacing:.02em;font-weight:600;line-height:1.15}.ugc-gallery__subheading{margin:0;color:var(--ugc-gallery-subheading-color, rgba(255, 255, 255, .6));font-size:clamp(1.3rem,1.6vw,1.6rem);line-height:1.6;max-width:50ch;margin-inline:auto;letter-spacing:.01em}.ugc-gallery__track{display:flex;gap:clamp(1rem,1.6vw,1.6rem);overflow-x:auto;overflow-y:hidden;touch-action:pan-y;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 clamp(2rem,5vw,5rem);scroll-padding-left:clamp(2rem,5vw,5rem);scrollbar-width:none;-ms-overflow-style:none}.ugc-gallery__track::-webkit-scrollbar{display:none}.ugc-gallery__card{flex:0 0 auto;scroll-snap-align:start;opacity:0;transform:translateY(30px) scale(.97);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.ugc-gallery__card.is-visible{opacity:1;transform:translateY(0) scale(1)}.ugc-gallery__card{width:clamp(200px,22vw,320px)}.ugc-gallery__track[data-item-count="1"]{justify-content:center;overflow-x:visible}.ugc-gallery__track[data-item-count="1"] .ugc-gallery__card{width:clamp(260px,30vw,400px)}.ugc-gallery__track[data-item-count="2"]{justify-content:center;overflow-x:visible}.ugc-gallery__track[data-item-count="2"] .ugc-gallery__card{width:clamp(240px,26vw,360px)}.ugc-gallery__track[data-item-count="3"]{justify-content:center;overflow-x:visible}.ugc-gallery__track[data-item-count="3"] .ugc-gallery__card{width:clamp(220px,24vw,340px)}.ugc-gallery__media{position:relative;aspect-ratio:9 / 16;border-radius:1rem;overflow:hidden;background:var(--ugc-gallery-card-bg, #1a1a1a);cursor:pointer}.ugc-gallery__card:hover .ugc-gallery__media{box-shadow:0 16px 48px #00000059}.ugc-gallery__image,.ugc-gallery__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ugc-gallery__card:hover .ugc-gallery__image,.ugc-gallery__card:hover .ugc-gallery__video{transform:scale(1.04)}.ugc-gallery__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,var(--ugc-gallery-overlay-color, rgba(0, 0, 0, .25)) 0%,transparent 35%);border-radius:1rem;z-index:1}.ugc-gallery__mute-btn{position:absolute;bottom:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;border:1px solid rgba(255,255,255,.15);color:#fff;z-index:3;cursor:pointer;padding:0;opacity:.85;transition:opacity .3s ease,transform .2s ease,background .3s ease;-webkit-tap-highlight-color:transparent}.ugc-gallery__mute-btn:hover{opacity:1;background:#0009;transform:scale(1.08)}.ugc-gallery__mute-btn:active{transform:scale(.92)}.ugc-gallery__mute-btn[data-muted=true] .ugc-gallery__icon-muted{display:block}.ugc-gallery__mute-btn[data-muted=true] .ugc-gallery__icon-unmuted,.ugc-gallery__mute-btn[data-muted=false] .ugc-gallery__icon-muted{display:none}.ugc-gallery__mute-btn[data-muted=false] .ugc-gallery__icon-unmuted{display:block}.ugc-gallery__nav{display:flex;justify-content:center;gap:1rem;margin-top:clamp(2rem,3vw,3rem)}.ugc-gallery__nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--ugc-gallery-nav-border, rgba(255, 255, 255, .15));background:transparent;color:var(--ugc-gallery-nav-color, #ffffff);cursor:pointer;transition:background .3s ease,border-color .3s ease,opacity .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}.ugc-gallery__nav-btn:hover{background:#ffffff14;border-color:#ffffff4d;transform:scale(1.06)}.ugc-gallery__nav-btn:active{transform:scale(.95)}.ugc-gallery__nav-btn.is-hidden{opacity:.25;pointer-events:none}@media screen and (max-width:749px){.ugc-gallery__header{margin-bottom:2rem}.ugc-gallery__badge{font-size:.95rem;padding:.4em 1.2em;margin-bottom:1rem}.ugc-gallery__track{gap:1rem;padding:0 1.5rem;scroll-padding-left:1.5rem}.ugc-gallery__track[data-item-count="1"],.ugc-gallery__track[data-item-count="2"],.ugc-gallery__track[data-item-count="3"]{justify-content:flex-start;overflow-x:auto}.ugc-gallery__card,.ugc-gallery__track[data-item-count="1"] .ugc-gallery__card,.ugc-gallery__track[data-item-count="2"] .ugc-gallery__card,.ugc-gallery__track[data-item-count="3"] .ugc-gallery__card{width:60vw}.ugc-gallery__track[data-item-count="1"] .ugc-gallery__card{width:72vw}.ugc-gallery__nav{margin-top:1.5rem;gap:.75rem}.ugc-gallery__nav-btn{width:42px;height:42px}}@media screen and (min-width:750px)and (max-width:989px){.ugc-gallery__card,.ugc-gallery__track[data-item-count="2"] .ugc-gallery__card,.ugc-gallery__track[data-item-count="3"] .ugc-gallery__card{width:clamp(200px,30vw,280px)}.ugc-gallery__track[data-item-count="1"] .ugc-gallery__card{width:clamp(260px,38vw,360px)}}@media screen and (min-width:1400px){.ugc-gallery__card{width:clamp(260px,18vw,360px)}.ugc-gallery__track[data-item-count="1"] .ugc-gallery__card{width:22vw}.ugc-gallery__track[data-item-count="2"] .ugc-gallery__card{width:20vw}.ugc-gallery__track[data-item-count="3"] .ugc-gallery__card{width:18vw}}@media(prefers-reduced-motion:reduce){.ugc-gallery__card{opacity:1;transform:none;transition:none}.ugc-gallery__image,.ugc-gallery__video,.ugc-gallery__nav-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-ugc-community-gallery.css.map */