.ugc-spotlight{position:relative;padding:64px 60px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.ugc-spotlight__track{width:100%;max-width:1200px;margin:0 auto;position:relative;display:flex;align-items:center}.ugc-spotlight__slide{display:none;gap:48px}.ugc-spotlight__slide.is-active{display:flex;align-items:stretch;width:100%}.ugc-spotlight__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ugc-spotlight__heading{font-family:var(--ugc-spotlight-heading-font-family, inherit);font-style:var(--ugc-spotlight-heading-font-style, normal);font-weight:var(--ugc-spotlight-heading-font-weight, 400);color:#fff;font-size:var(--ugc-spotlight-heading-size, 2rem);line-height:1.3;margin:0 0 20px;overflow-wrap:break-word}.ugc-spotlight__subtext{font-family:var(--ugc-spotlight-subtext-font-family, inherit);font-style:var(--ugc-spotlight-subtext-font-style, normal);font-weight:var(--ugc-spotlight-subtext-font-weight, 400);color:#ffffffbf;font-size:var(--ugc-spotlight-subtext-size, .95rem);line-height:1.6;margin:0 0 28px}.ugc-spotlight__button{display:inline-block;font-family:var(--ugc-spotlight-button-font-family, inherit);font-style:var(--ugc-spotlight-button-font-style, normal);font-weight:var(--ugc-spotlight-button-font-weight, 400);border:1px solid #86a33d;background:transparent;color:#fff;padding:12px 24px;font-size:var(--ugc-spotlight-button-size, .85rem);border-radius:0;text-decoration:none;align-self:flex-start;transition:background-color .15s ease}.ugc-spotlight__button:hover{background-color:#86a33d}.ugc-spotlight__media{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16 / 9;overflow:hidden;background:#111}.ugc-spotlight__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.ugc-spotlight__slide[data-playing=true] .ugc-spotlight__poster{display:none}.ugc-spotlight__video,.ugc-spotlight__embed,.ugc-spotlight__placeholder{width:100%;height:100%;object-fit:cover;display:block;border:0}.ugc-spotlight__external{display:block;position:relative;height:100%;text-decoration:none}.ugc-spotlight__external img{width:100%;height:100%;object-fit:cover}.ugc-spotlight__external-label{position:absolute;left:12px;bottom:12px;background:#0000008c;color:#fff;font-size:.8rem;padding:6px 12px;border-radius:0}.ugc-spotlight__play-toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;z-index:2;background:#00000026;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease}.ugc-spotlight__play-toggle:hover{background:#0006}.ugc-spotlight__slide[data-playing=true] .ugc-spotlight__play-toggle{background:transparent}.ugc-spotlight__slide[data-playing=true] .ugc-spotlight__play-toggle svg{opacity:0}.ugc-spotlight__slide[data-playing=true] .ugc-spotlight__embed~.ugc-spotlight__play-toggle{pointer-events:none}.ugc-spotlight__nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:0;border:1px solid #86a33d;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background-color .15s ease}.ugc-spotlight__nav:hover{background-color:#86a33d}.ugc-spotlight__nav--prev{left:16px}.ugc-spotlight__nav--next{right:16px}.ugc-spotlight__dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px}.ugc-spotlight__dot{position:relative;width:32px;height:6px;border-radius:0;border:0;background:#ffffff4d;cursor:pointer;padding:0;overflow:hidden;transform:scaleY(.5);transition:transform .15s ease}.ugc-spotlight__dot.is-active{transform:scaleY(1)}.ugc-spotlight__dot-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:#fff;display:block;transform:scaleX(0);transform-origin:left}.ugc-spotlight__dot.is-active .ugc-spotlight__dot-fill{transform:scaleX(1)}.ugc-spotlight__dot.is-active.is-animating .ugc-spotlight__dot-fill{transform:scaleX(0);animation-name:ugc-spotlight-progress;animation-duration:var(--ugc-dot-duration, 6s);animation-timing-function:linear;animation-fill-mode:forwards}.ugc-spotlight.is-paused .ugc-spotlight__dot-fill{animation-play-state:paused}@keyframes ugc-spotlight-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:749px){.ugc-spotlight{padding:40px 20px}.ugc-spotlight__slide.is-active{flex-direction:column;gap:24px}.ugc-spotlight__content,.ugc-spotlight__media{flex:none;width:100%}.ugc-spotlight__heading{font-size:clamp(1.25rem,calc(var(--ugc-spotlight-heading-size, 2rem) * .7),var(--ugc-spotlight-heading-size, 2rem))}.ugc-spotlight__nav{top:auto;bottom:12px;transform:none}.ugc-spotlight__nav--prev{left:16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ugc-video-spotlight.css.map */