.ugc{display:grid;min-width:0;width:100%;color:var(--ugc-text-color, #555555)}.ugc--product{padding-top:var(--ugc-spacing-top, 0);padding-bottom:var(--ugc-spacing-bottom, 0)}.ugc__header{margin-bottom:14px}.ugc__eyebrow{display:flex;align-items:center;gap:6px;color:var(--ugc-text-color, #555555);font-size:10px;font-weight:var(--font-body-bold-weight, 600);line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.ugc__eyebrow svg{flex:0 0 14px;width:14px;height:14px;color:var(--ugc-progress-color, #111111)}.ugc__heading{margin:8px 0 0;color:var(--ugc-heading-color, #111111);font-size:clamp(22px,3vw,36px);line-height:1.12;letter-spacing:0}.ugc__subheading{max-width:720px;margin:7px 0 0;color:var(--ugc-text-color, #555555);font-size:14px;line-height:1.45}.ugc__slider-wrap{position:relative;min-width:0}.ugc__viewport{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.ugc__viewport::-webkit-scrollbar{display:none}.ugc__track{display:flex;align-items:stretch;gap:var(--ugc-gap, 10px);width:100%;min-width:0;margin:0;padding:0;list-style:none}.ugc__slide{flex:0 0 calc((100% - (var(--ugc-columns-desktop, 3) - 1) * var(--ugc-gap, 10px)) / var(--ugc-columns-desktop, 3));min-width:0;scroll-snap-align:start}.ugc__media{position:relative;display:block;width:100%;min-width:0!important;min-height:0!important;aspect-ratio:9.6 / 16;margin:0!important;padding:0!important;overflow:hidden;border:0;border-radius:var(--ugc-radius, 10px);background:#eee;box-shadow:none!important;cursor:pointer}.ugc__preview-media,.ugc__placeholder{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ugc__placeholder{padding:16%;fill:#0000002e}.ugc__play{position:absolute;top:50%;left:50%;display:grid;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;place-items:center;background:var(--ugc-play-background, rgba(255, 255, 255, .3));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--ugc-play-color, #ffffff);pointer-events:none;transform:translate(-50%,-50%);transition:transform .2s ease}.ugc__play svg{width:19px;height:19px;margin-left:2px}.ugc__media:hover .ugc__play,.ugc__media:focus-visible .ugc__play{transform:translate(-50%,-50%) scale(1.08)}.ugc__nav,.ugc__modal-close,.ugc__mute,.ugc__modal-nav{display:grid;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0;border-radius:50%;place-items:center;box-shadow:0 2px 10px #0003!important;cursor:pointer}.ugc__nav{position:absolute;top:calc(50% - 8px);z-index:2;width:32px;height:32px;background:#fff;color:#111;transform:translateY(-50%)}.ugc__nav svg,.ugc__modal-nav svg,.ugc__modal-close svg,.ugc__mute svg{width:16px;height:16px}.ugc__nav--prev{left:-8px}.ugc__nav--next{right:-8px}.ugc__nav:disabled,.ugc.is-at-start .ugc__nav--prev,.ugc.is-at-end .ugc__nav--next,.ugc.has-no-overflow .ugc__nav{display:none}.ugc__progress{position:relative;width:100%;height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:var(--ugc-progress-background, #dddddd)}.ugc__progress span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--ugc-progress-color, #111111);transform:scaleX(0);transform-origin:left center;transition:transform .1s linear}.ugc.has-no-overflow .ugc__progress{display:none}.ugc--section{padding:44px 0}.ugc--section .ugc__header{margin-bottom:24px;text-align:center}.ugc--section .ugc__eyebrow{justify-content:center}.ugc--section .ugc__subheading{margin-right:auto;margin-left:auto}.ugc__modal[hidden],.ugc__modal-slide[hidden],.ugc__mute[hidden]{display:none!important}.ugc__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:grid;width:100vw;height:100vh;height:100dvh;padding:24px;place-items:center;background:var(--ugc-modal-background, rgba(0, 0, 0, .72))}.ugc__modal-inner{position:relative;width:min(85vw,390px);max-height:calc(100dvh - 48px)}.ugc__modal-slides,.ugc__modal-slide,.ugc__modal-media{width:100%}.ugc__modal-media{position:relative;aspect-ratio:9.6 / 16;max-height:calc(100dvh - 48px);overflow:hidden;border-radius:14px;background:#000}.ugc__modal-video,.ugc__modal-image{display:block;width:100%;height:100%;object-fit:cover}.ugc__modal-close{position:fixed;top:16px;right:16px;z-index:3;width:38px;height:38px;background:#fff;color:#111}.ugc__mute{position:absolute;top:10px;left:10px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);background:#ffffff29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}.ugc__sound-off,.ugc__mute.is-muted .ugc__sound-on{display:none}.ugc__mute.is-muted .ugc__sound-off{display:block}.ugc__modal-nav{position:fixed;top:50%;z-index:3;width:38px;height:38px;background:#fff;color:#111;transform:translateY(-50%)}.ugc__modal-nav--prev{left:14px}.ugc__modal-nav--next{right:14px}body.ugc-modal-open{overflow:hidden}@media only screen and (max-width:767px){.ugc__slide{flex-basis:calc((100% - (var(--ugc-columns-mobile, 3) - 1) * var(--ugc-gap, 10px)) / var(--ugc-columns-mobile, 3))}.ugc__nav{display:none}.ugc__play{width:38px;height:38px}.ugc--section{padding:34px 0}.ugc__modal{padding:18px}.ugc__modal-inner{width:min(88vw,380px);max-height:calc(100dvh - 36px)}.ugc__modal-media{max-height:calc(100dvh - 36px)}}@media(prefers-reduced-motion:reduce){.ugc__play,.ugc__progress span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ugc-slider.css.map */