.ugc-feed{padding:32px 24px 88px;background:#fff}.ugc-feed__container{max-width:1240px;margin:0 auto}.ugc-feed__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:40px}.ugc-feed__header-text{grid-column:2;text-align:center}.ugc-feed__eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#999;margin-bottom:16px}.ugc-feed__heading{font-size:34px;font-weight:700;letter-spacing:-.4px;color:#111;margin-bottom:16px}.ugc-feed__handle{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#111;text-decoration:none;padding:10px 20px;border:1px solid #111111;border-radius:999px;transition:all .3s ease}.ugc-feed__handle:hover{background:#111;color:#fff}.ugc-feed__handle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}.ugc-feed__nav{grid-column:3;justify-self:end;display:flex;gap:10px;flex-shrink:0}.ugc-feed__arrow{width:44px;height:44px;border-radius:50%;border:1px solid #dddddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,border-color .25s ease,opacity .25s ease}.ugc-feed__arrow:hover{background:#111;border-color:#111}.ugc-feed__arrow:hover svg path{stroke:#fff}.ugc-feed__arrow svg{width:18px;height:18px}.ugc-feed__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.ugc-feed__track::-webkit-scrollbar{display:none}.ugc-feed__item{position:relative;flex:0 0 calc((100% - 40px) / 3);aspect-ratio:9 / 16;scroll-snap-align:start;overflow:hidden;border-radius:14px;display:block;background:#111;box-shadow:0 2px 8px #0000000f}.ugc-feed__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s ease}.ugc-feed__item:hover img{transform:scale(1.06);filter:brightness(.75)}.ugc-feed__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#ffffff80;background:linear-gradient(160deg,#1a1a1a,#2e2e2e)}.ugc-feed__placeholder svg{width:26px;height:26px;fill:#ffffff80}.ugc-feed__placeholder span{font-size:12px;letter-spacing:1px;text-transform:uppercase}.ugc-feed__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#0000008c);pointer-events:none}.ugc-feed__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:46px;height:46px;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease,transform .35s ease}.ugc-feed__item:hover .ugc-feed__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.ugc-feed__play svg{width:18px;height:18px;fill:#fff;margin-left:2px}.ugc-feed__tag{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:500;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.ugc-feed__item:hover .ugc-feed__tag{opacity:1;transform:translateY(0)}.ugc-feed__tag svg{width:14px;height:14px;fill:#fff}@media(max-width:900px){.ugc-feed__item{flex:0 0 calc((100% - 20px)/2)}.ugc-feed__heading{font-size:27px}}@media(max-width:599px){.ugc-feed{padding:24px 16px 64px}.ugc-feed__header{grid-template-columns:1fr}.ugc-feed__header-text{grid-column:1}.ugc-feed__nav{display:none}.ugc-feed__item{flex:0 0 62%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ugc-feed-section.css.map */