.ss-ugc{--ss-ugc-pt: var(--ss-sp-48);--ss-ugc-pb: 120px;--ss-ugc-cols: 5;--ss-ugc-card-w: 200px;--ss-ugc-card-r: 12px;--ss-ugc-max: 1240px;--ss-ugc-gap: var(--ss-sp-12);--ss-ugc-chip-h: 44px;--ss-ugc-glass-bg: var(--ss-cta-pill-bg);--ss-ugc-glass-brd: var(--ss-cta-pill-bg);--ss-ugc-glass-sh: var(--ss-sh-card);--ss-ugc-text-sh: none;--ss-ugc-verified: var(--ss-tan);--ss-ugc-spring: cubic-bezier(.34, 1.56, .64, 1);--ss-ugc-lift: -8px;--ss-ugc-tilt: 1.5deg;--ss-ugc-zoom: 1.06;padding-top:var(--ss-ugc-pt);padding-bottom:var(--ss-ugc-pb);overflow:hidden;color:var(--ss-ink);font-family:var(--ss-font)}@supports (color: color-mix(in srgb,red 50%,transparent)){.ss-ugc{--ss-ugc-glass-brd: color-mix(in srgb, var(--ss-cta-fg) 25%, transparent);--ss-ugc-glass-sh: 0 4px 24px color-mix(in srgb, var(--ss-cta-bg) 12%, transparent), inset 0 .5px 0 color-mix(in srgb, var(--ss-cta-fg) 30%, transparent);--ss-ugc-text-sh: 0 1px 3px color-mix(in srgb, var(--ss-cta-bg) 15%, transparent)}}.ss-ugc__wrap{width:100%;max-width:var(--ss-ugc-max);margin-inline:auto}.ss-ugc__head{display:flex;align-items:center;gap:var(--ss-sp-6);padding-inline:var(--ss-sp-20);margin-bottom:var(--ss-sp-20)}.ss-ugc__title{margin:0;font-size:var(--ss-fs-16);font-weight:var(--ss-fw-bold);line-height:130%;text-transform:uppercase;letter-spacing:var(--ss-track-wide);color:var(--ss-ink)}.ss-ugc__title--muted{color:rgba(var(--ss-ink-rgb),.4)}.ss-ugc__railwrap{position:relative;width:100%}.ss-ugc__rail{display:flex;gap:var(--ss-ugc-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-top:var(--ss-sp-16);padding-bottom:40px;margin-top:calc(var(--ss-sp-16) * -1);margin-bottom:-40px;padding-inline:var(--ss-sp-20);scroll-padding-inline-start:var(--ss-sp-20);scrollbar-width:none;-ms-overflow-style:none}.ss-ugc__rail::-webkit-scrollbar{display:none}.ss-ugc__card{flex:0 0 auto;width:var(--ss-ugc-card-w);scroll-snap-align:start;list-style:none}.ss-ugc__inner{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--ss-ugc-card-r);background:var(--ss-surface-4);text-decoration:none;color:inherit;transition:transform var(--motion-slow) var(--ss-ugc-spring),box-shadow var(--motion-slow) var(--motion-ease-state);will-change:transform}.ss-ugc__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--motion-ease-out);will-change:transform}.ss-ugc__img--ph{display:flex;align-items:center;justify-content:center;background:var(--ss-surface-5)}.ss-ugc__ph-svg{width:60%;height:60%;opacity:.35;fill:var(--ss-ink)}@media(hover:hover){.ss-ugc__card:nth-child(odd):hover .ss-ugc__inner,.ss-ugc__card:nth-child(odd):focus-within .ss-ugc__inner{transform:translateY(var(--ss-ugc-lift)) rotate(var(--ss-ugc-tilt));box-shadow:var(--ss-sh-tan)}.ss-ugc__card:nth-child(2n):hover .ss-ugc__inner,.ss-ugc__card:nth-child(2n):focus-within .ss-ugc__inner{transform:translateY(var(--ss-ugc-lift)) rotate(calc(var(--ss-ugc-tilt) * -1));box-shadow:var(--ss-sh-tan)}.ss-ugc__card:hover .ss-ugc__img,.ss-ugc__card:focus-within .ss-ugc__img{transform:scale(var(--ss-ugc-zoom))}}.ss-ugc__inner:focus-visible{outline:2px solid var(--ss-ink);outline-offset:2px}.ss-ugc__chipwrap{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:0 var(--ss-sp-12) var(--ss-sp-12);pointer-events:none}.ss-ugc__chip{display:flex;align-items:center;justify-content:flex-start;gap:var(--ss-sp-6);width:100%;height:var(--ss-ugc-chip-h);padding-inline:var(--ss-sp-14);border-radius:var(--ss-r-10);background:var(--ss-ugc-glass-bg);border:.5px solid var(--ss-ugc-glass-brd);box-shadow:var(--ss-ugc-glass-sh);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.ss-ugc__handle{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--ss-fs-13);font-weight:var(--ss-fw-medium);letter-spacing:var(--ss-track-wide);color:var(--ss-cta-fg);text-shadow:var(--ss-ugc-text-sh)}.ss-ugc__verified{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--ss-ugc-verified)}.ss-ugc__verified svg{width:100%;height:100%;display:block}@media(min-width:768px){.ss-ugc{--ss-ugc-gap: var(--ss-sp-16)}.ss-ugc__wrap{padding-inline:40px}.ss-ugc__head{padding-inline:0;margin-bottom:var(--ss-sp-32)}.ss-ugc__title{font-size:var(--ss-fs-20)}.ss-ugc__rail{padding-inline:0;scroll-padding-inline-start:0}.ss-ugc__card{width:calc((100% - (var(--ss-ugc-cols) - 1) * var(--ss-ugc-gap)) / var(--ss-ugc-cols))}}@media(prefers-reduced-motion:reduce){.ss-ugc__rail{scroll-behavior:auto}.ss-ugc__inner,.ss-ugc__img{transition:none}.ss-ugc__card:hover .ss-ugc__inner,.ss-ugc__card:focus-within .ss-ugc__inner,.ss-ugc__card:hover .ss-ugc__img,.ss-ugc__card:focus-within .ss-ugc__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ss-ugc-grid.css.map */