.ugc-section{background:#fff!important;overflow:visible!important;position:relative!important}.ugc-container{max-width:1200px!important;margin:0 auto!important;padding:0 24px!important}.ugc-header{text-align:center!important;margin-bottom:48px!important}.ugc-eyebrow{font-size:12px!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--ugc-accent-color, #86754d)!important;margin:0 0 12px!important;padding:0!important}.ugc-title{font-size:clamp(28px,5vw,48px)!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.1!important;color:#1d1d1f!important;margin:0!important;padding:0!important}.ugc-subtitle{margin:12px auto 0!important;padding:0!important;font-size:16px!important;font-weight:400!important;color:#86868b!important;max-width:500px!important;line-height:1.4!important}.ugc-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important;justify-items:center!important}.ugc-video-card{position:relative!important;width:100%!important;max-width:280px!important;aspect-ratio:9/16!important;border-radius:20px!important;overflow:hidden!important;cursor:pointer!important;background:#f0f0f0!important;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1)!important;box-shadow:0 4px 20px #00000014!important;-webkit-tap-highlight-color:transparent!important}.ugc-video-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 40px #0000001f!important}.ugc-video-card.is-pressed,.ugc-video-card:active{transform:scale(.98)!important}.ugc-video-card__thumbnail{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;overflow:hidden!important}.ugc-video-card__img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.ugc-video-card__placeholder{width:100%!important;height:100%!important;background:linear-gradient(135deg,#e0e0e0,#f0f0f0)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ugc-video-card__placeholder svg{width:48px!important;height:48px!important;stroke:#999!important}.ugc-video-card__overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:linear-gradient(0deg,#00000080,#0000 35% 100%)!important;pointer-events:none!important}.ugc-video-card__play{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:64px!important;height:64px!important;border-radius:50%!important;background:#fffffff2!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:none!important;box-shadow:0 4px 20px #00000026!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .3s ease,background .3s ease!important;z-index:2!important;padding:0!important;margin:0!important;outline:none!important}.ugc-video-card__play svg{width:22px!important;height:22px!important;fill:#1d1d1f!important;margin-left:3px!important;transition:fill .3s ease!important}.ugc-video-card:hover .ugc-video-card__play{background:#1d1d1f!important;transform:translate(-50%,-50%) scale(1.1)!important}.ugc-video-card:hover .ugc-video-card__play svg{fill:#fff!important}.ugc-video-card__info{position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:20px 16px!important;z-index:2!important}.ugc-video-card__duration{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 10px!important;background:#ffffffe6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-radius:16px!important;font-size:12px!important;font-weight:500!important;color:#1d1d1f!important;margin-bottom:8px!important}.ugc-video-card__duration svg{width:12px!important;height:12px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important}.ugc-video-card__author{font-size:13px!important;font-weight:500!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.4)!important;margin:0!important;padding:0!important}.ugc-slider{display:none!important;position:relative!important;left:50%!important;width:100vw!important;margin-left:-50vw!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;padding-left:calc((100vw - 260px)/2)!important;padding-right:calc((100vw - 260px)/2)!important;gap:16px!important;box-sizing:border-box!important}.ugc-slider::-webkit-scrollbar{display:none!important}.ugc-slider .ugc-video-card{flex:0 0 260px!important;scroll-snap-align:center!important;max-width:260px!important}.ugc-slider .ugc-video-card:hover{transform:none!important}.ugc-slider .ugc-video-card:active,.ugc-slider .ugc-video-card.is-pressed{transform:scale(.98)!important}.ugc-dots{display:none!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-top:24px!important;padding:0!important;list-style:none!important;background:transparent!important;border:none!important}.ugc-dots__dot{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;border-radius:50%!important;background:#0003!important;border:none!important;padding:0!important;margin:0!important;cursor:pointer!important;transition:all .3s ease!important;-webkit-appearance:none!important;appearance:none!important;outline:none!important;box-shadow:none!important}.ugc-dots__dot:hover{background:#00000059!important}.ugc-dots__dot.is-active{background:#1d1d1f!important;width:24px!important;border-radius:4px!important}.ugc-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2147483647!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .3s ease,visibility .3s ease!important;isolation:isolate!important}body>.ugc-modal{isolation:isolate!important}.ugc-modal.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ugc-modal__backdrop{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000e6!important;z-index:1!important}.ugc-modal__wrapper{position:relative!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:60px 20px 20px!important;z-index:2!important;box-sizing:border-box!important}.ugc-modal__video-container{position:relative!important;width:100%!important;max-width:360px!important;max-height:100%!important;aspect-ratio:9/16!important;background:#000!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 20px 60px #00000080!important}.ugc-modal video{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important;display:block!important}.ugc-modal__close{position:absolute!important;top:12px!important;right:12px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;background:#0009!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:2px solid rgba(255,255,255,.3)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:100!important;padding:0!important;margin:0!important;transition:background .2s ease,transform .2s ease!important;-webkit-tap-highlight-color:transparent!important;outline:none!important}.ugc-modal__close:hover,.ugc-modal__close:focus{background:#000c!important;transform:scale(1.1)!important}.ugc-modal__close:active{transform:scale(.95)!important}.ugc-modal__close svg{width:20px!important;height:20px!important;color:#fff!important;display:block!important}.ugc-modal__close svg path{stroke:#fff!important;stroke-width:2.5!important}@media (max-width: 900px){.ugc-header{margin-bottom:24px!important;padding:0!important}.ugc-grid{display:none!important}.ugc-slider,.ugc-dots{display:flex!important}}@media (max-width: 600px){.ugc-container{padding:0 16px!important}.ugc-header{margin-bottom:20px!important;padding:0 4px!important}.ugc-eyebrow{font-size:11px!important;margin-bottom:8px!important}.ugc-title{font-size:24px!important}.ugc-subtitle{font-size:14px!important;margin-top:8px!important}.ugc-slider{padding-left:calc((100vw - 240px)/2)!important;padding-right:calc((100vw - 240px)/2)!important;gap:12px!important}.ugc-slider .ugc-video-card{flex:0 0 240px!important;max-width:240px!important;border-radius:16px!important}.ugc-video-card__play{width:56px!important;height:56px!important}.ugc-video-card__play svg{width:20px!important;height:20px!important}.ugc-video-card__info{padding:16px 14px!important}.ugc-dots{margin-top:20px!important}.ugc-modal__wrapper{padding:16px!important}.ugc-modal__video-container{max-width:100%!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;border-radius:12px!important}.ugc-modal__close{top:10px!important;right:10px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.ugc-modal__close svg{width:18px!important;height:18px!important}}@supports (padding-top: env(safe-area-inset-top)){.ugc-modal__wrapper{padding-top:calc(20px + env(safe-area-inset-top))!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;padding-left:calc(20px + env(safe-area-inset-left))!important;padding-right:calc(20px + env(safe-area-inset-right))!important}@media (max-width: 600px){.ugc-modal__wrapper{padding-top:calc(16px + env(safe-area-inset-top))!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}}@media (prefers-reduced-motion: reduce){.ugc-video-card,.ugc-video-card__play,.ugc-dots__dot,.ugc-modal,.ugc-modal__close{transition:none!important}}@media print{.ugc-section,.ugc-modal{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-ugc-videos.css.map */