.ugc-section{background:linear-gradient(180deg,#ff3d6a,#ff6b2b);padding:80px 0 100px;position:relative;overflow:visible}.ugc-container{position:relative;z-index:1}.ugc-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}@media (max-width: 990px){.ugc-grid{grid-template-columns:1fr;gap:28px}}.ugc-pill{display:inline-block;background:#6b9fd3;color:#fff;font-weight:700;border-radius:9999px;font-size:11px;padding:8px 16px;margin-bottom:16px}.ugc-heading{font-family:Poppins,sans-serif;font-weight:900;color:#fff;font-size:clamp(36px,6vw,68px);line-height:1.05;margin:0 0 12px}.ugc-subtext{color:#fff;opacity:.95}.ugc-carousel-wrapper{position:relative;overflow:visible}.ugc-carousel-track{--fade-size: 80px;display:grid;grid-auto-flow:column;grid-auto-columns:40%;gap:24px;overflow-x:auto;scroll-behavior:smooth;padding:0 0 12px 16px;margin-left:-16px;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,1) calc(100% - var(--fade-size)),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#000 0 calc(100% - var(--fade-size)),#0000)}.ugc-carousel-track::-webkit-scrollbar{display:none}@media (max-width: 990px){.ugc-carousel-track{grid-auto-columns:86%;gap:18px}}.ugc-card{background:#ffffff1f;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:16px;overflow:hidden;box-shadow:none!important;transition:transform .3s ease}.ugc-card:hover{transform:translateY(-4px)}.ugc-video iframe,.ugc-video video{width:100%;height:400px;border:0;border-radius:12px 12px 0 0;display:block;object-fit:cover}.ugc-caption{padding:12px 14px 14px;font-size:14px;color:#fff}.ugc-caption strong{display:block;font-weight:800;margin-bottom:4px}.ugc-arrow{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:40px;height:40px;border-radius:9999px;border:0;background:#fff;color:#111;font-size:22px;line-height:40px;text-align:center;cursor:pointer;z-index:5;box-shadow:none!important}.ugc-arrow:hover{background:#ffcf32}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ugc-videos.css.map */