.ugc-videos{--ugc-card-width:min(240px, calc(100vw - 2 * var(--spacing-600)));--ugc-gap:var(--spacing-400);background:var(--color-dark-plum);color:var(--color-sand-100);padding-block:var(--spacing-1800)}.ugc-videos-heading{align-items:center;gap:var(--spacing-400);margin-bottom:calc(var(--spacing-1800) / 2);text-align:center;flex-direction:column;display:flex;position:relative}.ugc-videos .ugc-videos-title{font-family:var(--font-serif);font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);max-width:20ch;margin:0;font-weight:400}@media(max-width:767px){.ugc-videos .ugc-videos-heading{padding-inline:var(--spacing-1000)}.ugc-videos .ugc-video-open{padding:var(--spacing-200);gap:var(--spacing-100)}.ugc-videos .ugc-video-handle{font-size:var(--text-xs);min-width:0}.ugc-videos .ugc-video-open svg{width:var(--spacing-400);height:var(--spacing-400)}}.ugc-videos-rail{gap:var(--ugc-gap);scrollbar-width:none;padding-inline:var(--spacing-600);touch-action:pan-x pan-y;display:flex;overflow-x:auto}.ugc-videos-rail::-webkit-scrollbar{display:none}.ugc-videos-cta{margin-top:calc(var(--spacing-1800) / 2);padding-inline:var(--spacing-1000);justify-content:center;display:flex}.ugc-video-card{flex:0 0 var(--ugc-card-width);aspect-ratio:3/5;border-radius:var(--radius-600);background:var(--color-charcoal);position:relative;overflow:hidden}.ugc-video-card video,.ugc-video-card img{object-fit:cover;width:100%;height:100%;display:block}.ugc-video-open{width:100%;height:100%;padding:var(--spacing-400);border-radius:inherit;white-space:normal;color:var(--color-sand-100);background:var(--gradient-ugc-caption);border:0;justify-content:space-between;align-items:flex-end;position:absolute;inset:0}.ugc-video-open:hover{background:var(--gradient-ugc-caption)}.ugc-video-handle{overflow-wrap:anywhere;text-align:left;font-size:14px}.ugc-video-open svg{flex-shrink:0;width:20px;height:20px}.ugc-video-dialog{width:min(440px,100vw - 32px);max-width:440px;padding:var(--spacing-400);background:var(--color-charcoal);color:var(--color-sand-100);border-radius:var(--radius-200);border:0}.ugc-video-dialog video{aspect-ratio:9/16;object-fit:contain;width:100%;max-height:75svh;display:block}.ugc-video-dialog .ugc-video-dialog-handle{font-family:var(--font-sans);overflow-wrap:anywhere}.ugc-video-navigation{justify-content:space-between;gap:var(--spacing-400);display:flex}@media(min-width:768px){.ugc-videos{--ugc-card-width:280px;padding-block:var(--spacing-2400)}.ugc-videos .ugc-videos-title{font-size:var(--text-6xl);line-height:var(--text-6xl--line-height)}.ugc-videos-heading{padding-inline:var(--spacing-1600);margin-bottom:calc(var(--spacing-2400) / 2)}}@media(prefers-reduced-motion:reduce){.ugc-videos-rail{scroll-snap-type:x proximity}.ugc-video-card{scroll-snap-align:start}}