.sdx-ugc{--sdx-ugc-card-width: 280px;--sdx-ugc-card-aspect: 9 / 16;--sdx-ugc-gap: 16px;--sdx-ugc-center-scale: 1.1;--sdx-ugc-side-opacity: .72;--sdx-ugc-radius: var(--sdx-card-radius, 20px);--sdx-ugc-transition: .42s cubic-bezier(.4, 0, .2, 1);--sdx-ugc-pad-top: 48px;--sdx-ugc-pad-bottom: 48px;padding-top:var(--sdx-ugc-pad-top);padding-bottom:var(--sdx-ugc-pad-bottom);overflow:hidden}.sdx-ugc__header{margin-bottom:28px}.sdx-ugc__eyebrow{display:inline-block;margin-bottom:10px;color:var(--sdx-accent, #00a892);letter-spacing:.08em;font-size:.78rem;font-weight:600}.sdx-ugc__heading{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;color:var(--sdx-text, #13272e);font-weight:700}.sdx-ugc__heading em{color:var(--sdx-accent, #00a892);font-style:italic}.sdx-ugc__subheading{margin:0;color:var(--sdx-text-muted, #5b6b72);font-size:1rem;line-height:1.5;max-width:640px}.sdx-ugc__stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:calc(var(--sdx-ugc-card-width) * 16 / 9 * var(--sdx-ugc-center-scale))}.sdx-ugc__track{display:flex;align-items:center;gap:var(--sdx-ugc-gap);transition:transform var(--sdx-ugc-transition);transform:translate3d(calc(-1 * var(--sdx-ugc-center-index, 0) * (var(--sdx-ugc-card-width) + var(--sdx-ugc-gap))),0,0);will-change:transform;padding-inline:2px}.sdx-ugc__card{position:relative;flex:0 0 var(--sdx-ugc-card-width);width:var(--sdx-ugc-card-width);aspect-ratio:var(--sdx-ugc-card-aspect);border-radius:var(--sdx-ugc-radius);overflow:hidden;background:#000;opacity:var(--sdx-ugc-side-opacity);transform:scale(.96);transition:opacity var(--sdx-ugc-transition),transform var(--sdx-ugc-transition),box-shadow var(--sdx-ugc-transition);box-shadow:0 4px 18px #00000014;cursor:pointer}.sdx-ugc__card:hover{opacity:.88}.sdx-ugc__card--center{opacity:1;transform:scale(var(--sdx-ugc-center-scale));box-shadow:0 18px 48px #00000038;cursor:default;z-index:2}.sdx-ugc__card--center:hover{opacity:1}.sdx-ugc__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.sdx-ugc__video,.sdx-ugc__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.sdx-ugc__video{opacity:1;transition:opacity .26s ease;background:#000}.sdx-ugc__card.is-ready .sdx-ugc__video{opacity:1}.sdx-ugc__poster{z-index:1;transition:opacity .26s ease}.sdx-ugc__poster--empty{display:flex;align-items:center;justify-content:center;background:var(--sdx-surface-muted, #e8eef0);color:#9aa8ad}.sdx-ugc__card.is-ready .sdx-ugc__poster{opacity:0;pointer-events:none}.sdx-ugc__mute{position:absolute;top:12px;right:12px;z-index:6;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:999px;background:#141414b3;color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .22s ease,background .16s ease,transform .16s ease}.sdx-ugc__mute:hover{background:#141414e0;transform:translateY(-1px)}.sdx-ugc__card--center .sdx-ugc__mute,.sdx-ugc__card.is-ready .sdx-ugc__mute{opacity:1;pointer-events:auto}.sdx-ugc__mute svg{display:block}.sdx-ugc__mute[aria-pressed=false] .sdx-ugc__mute-on,.sdx-ugc__mute[aria-pressed=true] .sdx-ugc__mute-off{display:none}@media(max-width:720px){.sdx-ugc__mute{width:32px;height:32px;top:10px;right:10px}}.sdx-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0000002e,#0000007a);border:0;cursor:pointer;color:#fff;z-index:3;opacity:1;transition:opacity .22s ease}.sdx-ugc__play svg{filter:drop-shadow(0 4px 16px rgba(0,0,0,.35));transition:transform .18s ease}.sdx-ugc__play:hover svg{transform:scale(1.08)}.sdx-ugc__card.is-playing .sdx-ugc__play{opacity:0;pointer-events:none}.sdx-ugc__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(to top,#0000009e,#0000 42%),linear-gradient(to bottom,#00000040,#0000 28%);opacity:0;transition:opacity .26s ease}.sdx-ugc__card--center .sdx-ugc__scrim{opacity:1}.sdx-ugc__sidebar{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:5;opacity:0;transition:opacity .26s ease;pointer-events:none}.sdx-ugc__card--center .sdx-ugc__sidebar{opacity:1;pointer-events:auto}.sdx-ugc__sidebar-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-size:.72rem;font-weight:600;text-decoration:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.sdx-ugc__sidebar-item svg{display:block}.sdx-ugc__sidebar-link{cursor:pointer;transition:transform .18s ease}.sdx-ugc__sidebar-link:hover{transform:scale(1.1)}.sdx-ugc__bottom{position:absolute;left:10px;right:60px;bottom:10px;z-index:4;color:#fff;pointer-events:none;opacity:0;transition:opacity .26s ease}.sdx-ugc__card--center .sdx-ugc__bottom{opacity:1}.sdx-ugc__profile{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sdx-ugc__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.92);flex-shrink:0;display:block}.sdx-ugc__avatar--default{display:flex;align-items:center;justify-content:center;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sdx-ugc__user{display:flex;flex-direction:column;min-width:0;line-height:1.15}.sdx-ugc__username{font-size:.82rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.sdx-ugc__collab{display:inline-flex;align-items:center;gap:3px;font-size:.66rem;color:#ffffffe0;margin-top:2px}.sdx-ugc__collab svg{flex-shrink:0}.sdx-ugc__caption{margin:0;font-size:.78rem;line-height:1.35;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);opacity:.96;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sdx-ugc__product{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:var(--sdx-radius-pill, 999px);background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--sdx-text, #13272e);text-decoration:none;z-index:6;opacity:0;transform:translateY(6px);transition:opacity .24s ease,transform .24s ease;pointer-events:none;box-shadow:0 6px 16px #00000038;font-size:.74rem;font-weight:600;max-width:200px}.sdx-ugc__card--center .sdx-ugc__product{opacity:1;transform:translateY(0);pointer-events:auto}.sdx-ugc__product-img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.sdx-ugc__product-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sdx-ugc__product-cta{display:inline-flex;align-items:center;justify-content:center;color:var(--sdx-accent, #00a892);flex-shrink:0}.sdx-ugc__card--center .sdx-ugc__product~.sdx-ugc__bottom,.sdx-ugc__card--center .sdx-ugc__bottom:has(+.sdx-ugc__product){right:10px;bottom:44px}.sdx-ugc__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:var(--sdx-radius-pill, 999px);background:#fff;border:1px solid rgba(0,0,0,.08);color:var(--sdx-text, #13272e);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #00000024;transition:background .18s ease,transform .18s ease,color .18s ease}.sdx-ugc__nav:hover{background:var(--sdx-accent, #00a892);color:#fff;transform:translateY(-50%) scale(1.05)}.sdx-ugc__nav--prev{left:12px}.sdx-ugc__nav--next{right:12px}.sdx-ugc__dots{position:absolute;left:0;right:0;bottom:-28px;display:flex;justify-content:center;gap:8px}.sdx-ugc__dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#13272e38;cursor:pointer;transition:background .18s ease,transform .18s ease}.sdx-ugc__dot.is-active{background:var(--sdx-accent, #00a892);transform:scale(1.3)}@media(max-width:1200px){.sdx-ugc{--sdx-ugc-card-width: 240px;--sdx-ugc-gap: 14px}}@media(max-width:900px){.sdx-ugc{--sdx-ugc-card-width: 220px;--sdx-ugc-center-scale: 1.04;--sdx-ugc-gap: 12px}}@media(max-width:720px){.sdx-ugc{--sdx-ugc-pad-top: 32px;--sdx-ugc-pad-bottom: 32px}.sdx-ugc__stage{min-height:auto}.sdx-ugc__track{transform:none!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:12px 20px;scrollbar-width:none}.sdx-ugc__track::-webkit-scrollbar{display:none}.sdx-ugc{--sdx-ugc-card-width: 78vw;--sdx-ugc-gap: 12px}.sdx-ugc__card{scroll-snap-align:center;opacity:1;transform:scale(1);aspect-ratio:var(--sdx-ugc-card-aspect)}.sdx-ugc__card--center{transform:scale(1);box-shadow:0 10px 28px #0000002e}.sdx-ugc__card .sdx-ugc__scrim,.sdx-ugc__card .sdx-ugc__sidebar,.sdx-ugc__card .sdx-ugc__bottom,.sdx-ugc__card .sdx-ugc__product{opacity:1;pointer-events:auto;transform:none}.sdx-ugc__card .sdx-ugc__sidebar{transform:translateY(-50%)}.sdx-ugc__nav,.sdx-ugc__dots{display:none}.sdx-ugc__header{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.sdx-ugc__track,.sdx-ugc__card,.sdx-ugc__product,.sdx-ugc__nav,.sdx-ugc__scrim,.sdx-ugc__sidebar,.sdx-ugc__bottom{transition-duration:0ms!important}.sdx-ugc__card--center .sdx-ugc__play{opacity:1;pointer-events:auto}.sdx-ugc__card--center.is-playing .sdx-ugc__play{opacity:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sdx-ugc-videos.css.map */