.ugc-gallery{container-type:inline-size;background:var(--color-bg)}.ugc-gallery__inner{max-inline-size:var(--section-max, var(--page-width));margin-inline:auto;padding-inline:var(--section-pad, var(--page-margin));padding-block-start:var(--section-pt);padding-block-end:var(--section-pb);text-align:center}.ugc-gallery__grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:start;gap:var(--ugc-gap, 8px);margin-block-start:var(--space-lg)}.ugc-gallery__grid>:not(.ugc-item):not(:has(>.ugc-item)){grid-column:1 / -1}.ugc-gallery__stories>:not(.ugc-item):not(:has(>.ugc-item)),.ugc-gallery__track>:not(.ugc-item):not(:has(>.ugc-item)){flex:0 0 100%;max-inline-size:100%}.ugc-gallery__carousel{position:relative;display:block;margin-block-start:var(--space-lg);--cn-arrow-size: 2.5rem;--cn-arrow-border: var(--hairline) solid var(--color-line);--cn-inset: calc(-1 * var(--space-xs));--cn-dot-size: .45rem;--cn-dot-active: var(--color-accent-fill);--cn-autoplay: var(--ugc-track-ms, 0ms)}.ugc-gallery__carousel .carousel-nav__arrow{box-shadow:0 8px 22px -12px #00000080}.ugc-gallery__track{padding-block:var(--lift-room, .5rem);margin-block:calc(-1 * var(--lift-room, .5rem));display:flex;gap:var(--ugc-gap, 8px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:var(--space-sm) var(--space-2xs)}.ugc-gallery__track::-webkit-scrollbar{display:none}.ugc-gallery__track>.ugc-item,.ugc-gallery__track>:has(>.ugc-item){flex:0 0 var(--ugc-card-w, 200px);scroll-snap-align:start}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ugc-gallery__track--spotlight .ugc-item__media{animation:ugc-spot linear both;animation-timeline:view(inline);animation-range:entry 10% exit 90%}@keyframes ugc-spot{0%{scale:1;opacity:.62}50%{scale:var(--ugc-spot-scale, 1.3);opacity:1}to{scale:1;opacity:.62}}}}.ugc-gallery__stories{display:flex;gap:var(--ugc-gap, 16px);margin-block-start:var(--space-lg);padding-block:var(--space-sm) var(--space-2xs);overflow-x:auto;scroll-snap-type:x mandatory;justify-content:safe center;scrollbar-width:thin}.ugc-gallery__grid>.ugc-item{transition:transform var(--motion-duration) var(--motion-spring)}.ugc-gallery--card .ugc-gallery__grid>.ugc-item{background:var(--color-card);border-radius:var(--radius-md);box-shadow:0 1px 0 var(--color-line);overflow:hidden}.ugc-gallery--caption-card .ugc-item__caption{padding:var(--space-xs);background:var(--color-card);border-block-start:var(--hairline) solid var(--color-line)}.ugc-gallery--caption-accent .ugc-item__caption{padding:var(--space-xs);background:var(--color-accent-fill);color:var(--color-on-accent)}.ugc-gallery--caption-veil .ugc-item__caption{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;color:var(--color-on-scrim);padding:var(--space-xl) var(--space-xs) var(--space-xs);background:linear-gradient(to top,var(--color-scrim),color-mix(in srgb,var(--color-scrim) 45%,transparent) 55%,transparent)}.ugc-gallery--caption-accent .ugc-item__caption *,.ugc-gallery--caption-veil .ugc-item__caption *{color:inherit}.ugc-gallery--caption-veil .ugc-item:not(.ugc-item--stories) .ugc-item__tagline{inset-block-start:0;inset-block-end:auto;padding:var(--space-2xs) var(--space-2xs) var(--space-xl);background:linear-gradient(var(--color-scrim),transparent)}.ugc-gallery--caption-card .ugc-gallery__grid .ugc-item__caption,.ugc-gallery--caption-accent .ugc-gallery__grid .ugc-item__caption{margin-block-start:-1px;padding-block-start:calc(var(--space-xs) + 1px)}@media(prefers-reduced-motion:no-preference){.ugc-gallery__grid>.ugc-item:nth-child(odd){transform:rotate(var(--tilt-deg, 0deg))}.ugc-gallery__grid>.ugc-item:nth-child(2n){transform:rotate(calc(-1 * var(--tilt-deg, 0deg)))}.ugc-gallery__grid>.ugc-item:hover,.ugc-gallery__grid>.ugc-item:focus-within{transform:rotate(0) translateY(calc(-1 * var(--motion-lift)))}}@container (max-width: 899px){.ugc-gallery__grid{grid-template-columns:repeat(2,1fr)}}.ugc-view{--ugc-stage-w: min(92vw, calc(86vh * var(--ugc-view-ar, .5625)));--ugc-rail-gap: 5.5rem;inline-size:100%;max-inline-size:100%;block-size:100%;max-block-size:100%;margin:0;padding:0;border:0;background:transparent;color:var(--color-on-accent);overflow:hidden}.ugc-view::backdrop{background:#0a0806e6}.ugc-view__rail{display:flex;align-items:center;gap:var(--ugc-rail-gap);block-size:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:calc(50% - var(--ugc-stage-w) / 2)}.ugc-view__rail::-webkit-scrollbar{display:none}.ugc-view__item{position:relative;flex:0 0 var(--ugc-stage-w);scroll-snap-align:center;aspect-ratio:var(--ugc-view-aspect, 9 / 16);max-block-size:86vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:var(--radius-md);background:#000;opacity:.4;scale:.72;transform-origin:center}.ugc-view__item[data-ugc-current]{opacity:1;scale:1}@media(prefers-reduced-motion:no-preference){.ugc-view__item{transition:opacity var(--motion-duration) linear,scale var(--motion-duration) var(--motion-spring)}}.ugc-view__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}.ugc-view__media .ugc-item__img,.ugc-view__media .ugc-item__poster,.ugc-view__media .ugc-item__video{object-fit:contain}.ugc-view__media .ugc-item__video{opacity:1}.ugc-view__bar{position:absolute;inset-block-start:var(--space-2xs);inset-inline:var(--space-2xs);z-index:5;block-size:2.5px;border-radius:2px;background:#00000073;box-shadow:0 0 0 1px #ffffff47;overflow:hidden}.ugc-view__bar i{display:block;inline-size:0;block-size:100%;background:#fff}.ugc-view__item[data-ugc-timed] .ugc-view__bar i{inline-size:100%;transform-origin:0 50%;animation:ugc-bar var(--ugc-slide-ms, 0ms) linear forwards}@keyframes ugc-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ugc-view__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;z-index:4;display:none;place-items:center;inline-size:3.5rem;block-size:3.5rem;border-radius:var(--radius-round);background:#00000073;color:#fff;pointer-events:none}.ugc-view__item[data-ugc-paused] .ugc-view__play{display:grid}.ugc-view__btn{position:absolute;z-index:6;display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border:0;border-radius:var(--radius-round);background:#00000073;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ugc-view__btn--close{inset-block-start:var(--space-md);inset-inline-end:var(--space-md)}.ugc-view__btn--mute{inset-block-end:var(--space-sm);inset-inline-end:var(--space-2xs)}.ugc-view__ico--on{display:none}.ugc-view__btn--mute.is-on .ugc-view__ico--on{display:block}.ugc-view__btn--mute.is-on .ugc-view__ico--off{display:none}.ugc-view__caption,.ugc-view__products{position:relative;z-index:3}.ugc-view__caption{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-2xl) var(--space-sm) var(--space-sm);text-align:start;background:linear-gradient(transparent,#000000b8)}.ugc-view__products{display:flex;gap:var(--space-2xs);padding:var(--space-2xs);overflow-x:auto;overscroll-behavior:contain;scrollbar-width:none;background:#0006}.ugc-view__products::-webkit-scrollbar{display:none}.ugc-view__products>*{flex:0 0 88%}.ugc-view__products>:only-child{flex:1 1 auto}.ugc-view__chev{position:absolute;inset-block-start:50%;translate:0 -50%;z-index:6;display:grid;place-items:center;inline-size:2.8rem;block-size:2.8rem;border:0;border-radius:var(--radius-round);background:#ffffff24;color:#fff;cursor:pointer}.ugc-view__chev--l{inset-inline-start:calc(50% - var(--ugc-stage-w) / 2 - var(--ugc-rail-gap) / 2 - 1.4rem)}.ugc-view__chev--r{inset-inline-start:calc(50% + var(--ugc-stage-w) / 2 + var(--ugc-rail-gap) / 2 - 1.4rem)}.ugc-view__btn:focus-visible,.ugc-view__chev:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:899px){.ugc-view{--ugc-stage-w: 100vw;--ugc-rail-gap: 0px}.ugc-view__chev{display:none}.ugc-view__rail{padding-inline:0}.ugc-view__item{border-radius:0;max-block-size:100%;block-size:100%;scale:1;opacity:1}}.ugc-item{position:relative;display:block;inline-size:100%}.ugc-item:not(.ugc-item--stories){border-radius:var(--radius-sm);overflow:hidden}.ugc-item__open{display:block;inline-size:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none}button.ugc-item__open,a.ugc-item__open{cursor:pointer}.ugc-item__frame{position:relative}.ugc-item__tagline{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;padding:var(--space-xl) var(--space-2xs) var(--space-2xs);background:linear-gradient(transparent,var(--color-scrim))}.ugc-item__tagline .ugc-tag{padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-on-scrim)}.ugc-item__tagline .ugc-tag__media{inline-size:2.25rem;block-size:2.25rem}.ugc-item__tagline .ugc-tag__price{margin:0;font-size:var(--text-xs)}.ugc-item__tagline .ugc-tag__was{color:color-mix(in srgb,var(--color-on-scrim) 70%,transparent)}.ugc-item__buy .ugc-tag__btn{display:block;inline-size:100%;padding-block:var(--space-xs);border-radius:0;text-align:center}.ugc-item--stories .ugc-item__tagline{position:static;padding:var(--space-2xs) 0 0;background:none}.ugc-item--stories .ugc-item__tagline .ugc-tag{color:inherit}.ugc-item__media{position:relative;display:block;aspect-ratio:var(--ugc-aspect, 1);overflow:hidden;background:var(--color-surface)}.ugc-item__img,.ugc-item__poster,.ugc-item__video{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.ugc-item__img--placeholder{position:static;fill:var(--color-line)}.ugc-item__video{opacity:0;transition:opacity .2s linear}.ugc-item__video[data-ugc-playing]{opacity:1}.ugc-item__caption{display:flex;flex-direction:column;gap:var(--space-2xs);padding-block-start:var(--space-2xs);text-align:start}.ugc-item__open:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ugc-item--stories{flex:0 0 auto;scroll-snap-align:start;inline-size:var(--story-size, 88px)}.ugc-item--stories .ugc-item__open{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.ugc-item__ring{display:block;inline-size:var(--story-size, 88px);block-size:var(--story-size, 88px);padding:3px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-vivid))}.ugc-item__thumb{position:relative;display:block;inline-size:100%;block-size:100%;overflow:hidden;border-radius:50%;border:2px solid var(--color-bg);background:var(--color-surface)}.ugc-item__name{max-inline-size:100%;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.ugc-item__video{display:none}}@media(prefers-reduced-motion:no-preference){.ugc-item--stories{transition:transform var(--motion-duration) var(--motion-spring)}.ugc-item--stories:hover{transform:translateY(calc(-1 * var(--motion-lift)))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ugc-gallery.css.map */