.ugc-videos{padding-top:var(--ugc-pt, 80px);padding-bottom:var(--ugc-pb, 96px);position:relative;overflow:hidden}.ugc-videos__header{text-align:center;margin-bottom:4.8rem}.ugc-videos__eyebrow{display:inline-flex;align-items:center;gap:1.4rem;margin:0 0 1.6rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground-secondary),.85)}.ugc-videos__eyebrow-rule{display:inline-block;width:2.4rem;height:1px;background-color:rgba(var(--color-foreground-secondary),.4)}.ugc-videos__heading{font-family:"fields",var(--font-heading-family);font-weight:700;max-width:22ch;margin:0 auto;text-wrap:balance}.ugc-videos__subheading{margin:1.8rem auto 0;max-width:48ch;font-size:1.5rem;line-height:1.55;color:rgba(var(--color-foreground-secondary),.85)}.ugc-videos__track-outer{position:relative;margin-top:4.8rem}.ugc-videos__track{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;padding:0 var(--main-padding, 2.4rem) .8rem;scrollbar-width:none;-ms-overflow-style:none}.ugc-videos__track::-webkit-scrollbar{display:none}.ugc-videos__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.ugc-videos__track.is-dragging *{pointer-events:none}@media(min-width:990px){.ugc-videos__track{padding-left:max(var(--main-padding, 2.4rem),calc((100vw - var(--page-width, 1400px)) / 2 + var(--main-padding, 2.4rem)));padding-right:max(var(--main-padding, 2.4rem),calc((100vw - var(--page-width, 1400px)) / 2 + var(--main-padding, 2.4rem)))}}.ugc-videos__slide{flex:0 0 auto;scroll-snap-align:start}.ugc-videos__card{position:relative;width:var(--ugc-card-width, 240px);aspect-ratio:9 / 16;border-radius:1.8rem;overflow:hidden;background-color:rgba(var(--color-foreground),.06);cursor:pointer;transition:transform var(--duration-default, .2s) ease,box-shadow var(--duration-default, .2s) ease}@media(hover:hover){.ugc-videos__card:hover{transform:translateY(-2px);box-shadow:0 1.8rem 3.6rem -2rem #00000038}}.ugc-videos__video,.ugc-videos__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-videos__placeholder{background:linear-gradient(160deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.16))}.ugc-videos__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#00000038);pointer-events:none}.ugc-videos__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fffffff2;transition:transform var(--duration-default, .2s) ease,opacity var(--duration-default, .2s) ease;pointer-events:none}@media(hover:hover){.ugc-videos__card:hover .ugc-videos__play-btn{transform:scale(1.06)}}.ugc-videos__cta-wrap{margin-top:5.6rem;display:flex;justify-content:center}@media(max-width:749px){.ugc-videos__header{margin-bottom:3.2rem}.ugc-videos__track{padding:0 0 .8rem 2.4rem;gap:1.2rem}.ugc-videos__card{width:calc(100vw - 8.8rem);max-width:32rem}.ugc-videos__cta-wrap{margin-top:4rem}.ugc-videos__subheading{margin-top:1.2rem;font-size:1.4rem}}.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:2.4rem;box-sizing:border-box}.ugc-modal.is-open{display:flex}.ugc-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ugc-modal__inner{position:relative;width:min(42rem,calc(100vw - 4.8rem));aspect-ratio:9 / 16;max-height:calc(100vh - 4.8rem);max-height:calc(100dvh - 4.8rem);border-radius:1.8rem;overflow:hidden;background:#000;box-shadow:0 4rem 8rem -2rem #0009}.ugc-modal__video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.ugc-modal__playing{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ugc-modal-bg, linear-gradient(160deg, #b8c9b0, #8aa68a));animation:ugcPlayingShift 6s ease-in-out infinite alternate}@keyframes ugcPlayingShift{0%{filter:brightness(1) saturate(1)}to{filter:brightness(.92) saturate(1.1)}}.ugc-modal__close{position:absolute;top:1.2rem;right:1.2rem;z-index:4;width:3.6rem;height:3.6rem;display:grid;place-items:center;background:#0009;color:#fff;border:0;border-radius:50%;cursor:pointer;transition:background var(--duration-default, .2s) ease}.ugc-modal__close:hover{background:#000000d9}.ugc-shop-bar{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:3;display:flex;align-items:center;gap:1.2rem;padding:.8rem .8rem .8rem 1rem;background:#fffffff5;color:rgb(var(--color-foreground-title));border-radius:1.2rem;box-shadow:0 1.2rem 2.4rem -1rem #00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;opacity:0;transform:translateY(.8rem);transition:opacity .28s ease,transform .28s ease;pointer-events:auto}.ugc-shop-bar[hidden]{display:none!important}.ugc-modal.is-open .ugc-modal__inner .ugc-shop-bar{opacity:1;transform:translateY(0);transition-delay:.18s}@media(hover:hover){.ugc-videos__card:hover .ugc-shop-bar{opacity:1;transform:translateY(0)}}@media(hover:none){.ugc-videos__card .ugc-shop-bar{opacity:1;transform:translateY(0)}}.ugc-shop-bar.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.ugc-shop-bar__thumb{flex:0 0 auto;width:4.8rem;height:4.8rem;border-radius:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.08);display:grid;place-items:center}.ugc-shop-bar__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ugc-shop-bar__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem;line-height:1.2}.ugc-shop-bar__name{font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground-title));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-shop-bar__price{font-family:var(--font-body-family);font-size:1.2rem;color:rgba(var(--color-foreground-secondary),.95)}.ugc-shop-bar__cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.4rem;font-family:var(--font-button-family, var(--font-body-family));font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:0;border-radius:999px;text-decoration:none;cursor:pointer;transition:background var(--duration-default, .2s) ease;white-space:nowrap}.ugc-shop-bar__cta:hover{background:rgb(var(--color-button-hover))}.ugc-videos__card.is-playing .ugc-videos__play-btn{opacity:0}.ugc-videos__card.is-playing .ugc-videos__overlay{background:linear-gradient(180deg,#0000 40%,#00000073)}.ugc-videos__card .ugc-shop-bar{left:.8rem;right:.8rem;bottom:.8rem;padding:.6rem .6rem .6rem .8rem;gap:.8rem}.ugc-videos__card .ugc-shop-bar__thumb{width:3.6rem;height:3.6rem}.ugc-videos__card .ugc-shop-bar__name{font-size:1.2rem}.ugc-videos__card .ugc-shop-bar__price{font-size:1.1rem}.ugc-videos__card .ugc-shop-bar__cta{padding:.7rem 1rem;font-size:1rem}@media(max-width:749px){.ugc-shop-bar{gap:.9rem;padding:.7rem .7rem .7rem .9rem}.ugc-shop-bar__thumb{width:4.2rem;height:4.2rem}.ugc-shop-bar__cta{padding:.8rem 1.2rem;font-size:1.05rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-ugc-videos.css.map */