.lux-ugc--surface{background:transparent}.lux-ugc__header{display:flex;align-items:center;justify-content:space-between;gap:var(--lux-space-5);margin-bottom:var(--lux-space-7);flex-direction:column}.lux-ugc__follow{flex-shrink:0;margin-bottom:var(--lux-space-1)}.lux-ugc__grid{display:grid;grid-template-columns:repeat(var(--ugc-columns, 4),1fr);gap:var(--ugc-gap, var(--lux-space-4))}.lux-ugc__grid--marquee{display:flex;overflow:hidden;gap:var(--ugc-gap, var(--lux-space-4))}.lux-ugc__track{display:flex;flex-shrink:0;min-width:100%;gap:var(--ugc-gap, var(--lux-space-4));padding-inline:0;animation:lux-ugc-marquee var(--ugc-marquee-speed, 45s) linear infinite}.lux-ugc__grid--marquee .lux-ugc__tile{flex:0 0 clamp(240px,22vw,340px)}.lux-ugc__grid--marquee:hover .lux-ugc__track,.lux-ugc__grid--marquee:focus-within .lux-ugc__track{animation-play-state:paused}.lux-ugc__grid--marquee.is-video-active .lux-ugc__track{animation-play-state:paused}@keyframes lux-ugc-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.lux-ugc__tile{position:relative}.lux-ugc__tile-link{display:block;text-decoration:none;color:inherit;width:100%;padding:0;border:0;background:none;font:inherit;text-align:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}.lux-ugc__media--square{aspect-ratio:1 / 1}.lux-ugc__media--portrait{aspect-ratio:4 / 5}.lux-ugc__media--story{aspect-ratio:9 / 16}.lux-ugc__media--landscape{aspect-ratio:1.91 / 1}.lux-ugc__media--facebook{aspect-ratio:4 / 3}.lux-ugc__media{position:relative;overflow:hidden}.lux-ugc__media img,.lux-ugc__placeholder{width:100%;height:100%;object-fit:cover;display:block}.lux-ugc__media--natural{aspect-ratio:auto}.lux-ugc__media--natural img,.lux-ugc__media--natural .lux-ugc__placeholder{position:relative;height:auto!important;object-fit:initial}.lux-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;pointer-events:none;transition:opacity .6s var(--lux-ease)}.lux-ugc__media.is-playing .lux-ugc__video{opacity:1}.lux-ugc__media.is-interactive .lux-ugc__video{pointer-events:auto;z-index:2}.lux-ugc__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;z-index:2}.lux-ugc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform var(--lux-duration-fast) var(--lux-ease),background var(--lux-duration-fast) var(--lux-ease),opacity var(--lux-duration-fast) var(--lux-ease)}.lux-ugc__play-svg{margin-left:3px}.lux-ugc__tile:hover .lux-ugc__play{transform:translate(-50%,-50%) scale(1.06);background:#00000080}.lux-ugc__play.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.lux-ugc__sound{position:absolute;top:var(--lux-space-3);right:var(--lux-space-3);z-index:3;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background var(--lux-duration-fast) var(--lux-ease)}.lux-ugc__sound:hover{background:#00000080}.lux-ugc__sound .lux-ugc__sound-on,.lux-ugc__sound.is-on .lux-ugc__sound-off{display:none}.lux-ugc__sound.is-on .lux-ugc__sound-on{display:block}.lux-ugc__vbadge{position:absolute;top:var(--lux-space-3);right:var(--lux-space-3);z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none}.lux-ugc__credit{position:absolute;top:var(--lux-space-3);left:var(--lux-space-3);font-family:var(--lux-font-body);font-size:var(--lux-text-xs);letter-spacing:.06em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45);pointer-events:none;z-index:2}.lux-ugc__chip{position:absolute;left:var(--lux-space-3);right:var(--lux-space-3);bottom:var(--lux-space-3);display:flex;align-items:center;gap:var(--lux-space-3);padding:var(--lux-space-2) var(--lux-space-3);background:var(--lux-color-background);color:var(--lux-color-text);border-radius:var(--lux-radius);box-shadow:var(--lux-shadow-soft);z-index:1}.lux-ugc__chip-img{width:40px;height:50px;object-fit:cover;flex-shrink:0;border-radius:var(--lux-radius)}.lux-ugc__chip-info{display:flex;flex-direction:column;gap:2px;min-width:0}.lux-ugc__chip-title{font-family:var(--lux-font-body);font-size:var(--lux-text-xs);color:var(--lux-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lux-ugc__chip-price{font-family:sans-serif!important;font-size:var(--lux-text-xs);color:var(--lux-color-text-secondary)}.lux-ugc__chip-arrow{margin-left:auto;flex-shrink:0;color:var(--lux-color-text);transition:transform var(--lux-duration-fast) var(--lux-ease)}.lux-ugc__tile:hover .lux-ugc__chip-arrow{transform:translate(3px)}@media(hover:hover)and (min-width:750px){.lux-ugc__chip{opacity:0;transform:translateY(10px);transition:opacity var(--lux-duration-fast) var(--lux-ease),transform var(--lux-duration-fast) var(--lux-ease)}.lux-ugc__tile:hover .lux-ugc__chip,.lux-ugc__tile:focus-within .lux-ugc__chip{opacity:1;transform:none}}.lux-ugc__tile:has(.lux-ugc__media.is-interactive) .lux-ugc__chip{opacity:0;pointer-events:none}@media screen and (max-width:749px){.lux-ugc__grid--marquee .lux-ugc__track{animation:none!important;min-width:0;width:auto}.lux-ugc__grid--marquee .lux-ugc__track[aria-hidden=true],.lux-ugc__grid--marquee .lux-ugc__track:nth-child(2){display:none!important}.lux-ugc__grid,.lux-ugc__grid--marquee,.lux-ugc__grid--mobile-carousel{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:var(--ugc-gap-mobile, var(--lux-space-3));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--lux-space-2);padding-inline:var(--ugc-edge-mobile, 0px);scroll-padding-inline:var(--ugc-edge-mobile, 0px)}.lux-ugc__grid--marquee .lux-ugc__track:first-child{display:contents!important;animation:none!important}.lux-ugc__grid::-webkit-scrollbar,.lux-ugc__grid--marquee::-webkit-scrollbar,.lux-ugc__grid--mobile-carousel::-webkit-scrollbar{display:none}.lux-ugc__tile{flex:0 0 calc((100% - var(--ugc-gap-mobile, var(--lux-space-3))) / 2)!important;max-width:calc((100% - var(--ugc-gap-mobile, var(--lux-space-3))) / 2)!important;min-width:0;scroll-snap-align:start}.lux-ugc__header{flex-direction:column;align-items:flex-start;gap:var(--lux-space-3);margin-bottom:var(--lux-space-6)}.lux-ugc__play{width:46px;height:46px}.lux-ugc__sound{width:32px;height:32px;top:var(--lux-space-2);right:var(--lux-space-2)}.lux-ugc__vbadge{width:24px;height:24px;top:var(--lux-space-2);right:var(--lux-space-2)}}@media(prefers-reduced-motion:reduce){.lux-ugc__track{animation:none!important}@media screen and (min-width:750px){.lux-ugc__grid--marquee .lux-ugc__track{display:grid;grid-template-columns:repeat(var(--ugc-columns, 4),1fr);width:100%;padding-inline:0}.lux-ugc__grid--marquee .lux-ugc__track[aria-hidden=true]{display:none}.lux-ugc__grid--marquee .lux-ugc__tile{flex:initial}}.lux-ugc__chip,.lux-ugc__chip-arrow{transition:none;opacity:1;transform:none}.lux-ugc__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-lux-ugc-gallery.css.map */