.ec-ugc-carousel-section{padding:36px 0 28px;max-width:120rem;margin:0 auto}.ec-ugc-carousel-section .ec-ugc-carousel__title{text-align:center;font-family:var(--font-heading-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);font-weight:700;font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:#111;margin:0 0 8px;padding:0 1.5rem;line-height:1.2}.ec-ugc-carousel-section .ec-ugc-carousel__subtitle{text-align:center;font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);font-weight:500;font-size:14px;color:#555;margin:0 0 6px;padding:0 1.5rem;line-height:1.5;letter-spacing:.01em}.ec-ugc-carousel-section .ec-ugc-carousel__copy{text-align:center;font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);font-size:13px;font-weight:400;color:#666;margin:0 auto 24px;padding:0 2rem;line-height:1.5;max-width:360px}.ec-ugc-carousel__viewport{position:relative}.ec-ugc-carousel__arrow{display:none;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;border:1px solid #ddd;background:#ffffffeb;color:#555;cursor:pointer;transition:opacity .25s ease,background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;padding:0;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%);z-index:10;box-shadow:0 2px 8px #00000014;opacity:1}.ec-ugc-carousel__arrow--prev{left:8px}.ec-ugc-carousel__arrow--next{right:8px}.ec-ugc-carousel__arrow:hover{background:#eaeaea;border-color:#ccc;color:#222}.ec-ugc-carousel__arrow:active{background:#e0e0e0;transform:translateY(-50%) scale(.95)}.ec-ugc-carousel__arrow svg{width:18px;height:18px}.ec-ugc-carousel__arrow--hidden{opacity:0;pointer-events:none}.ec-ugc-carousel__track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 1.5rem .25rem}.ec-ugc-carousel__track::-webkit-scrollbar{display:none}.ec-ugc-carousel-section .ec-ugc-carousel__tile{flex:0 0 calc(84% - .375rem);scroll-snap-align:center;border-radius:14px;overflow:hidden;background:#f7f7f7;border:1px solid rgba(0,0,0,.04)}.ec-ugc-carousel__thumb{position:relative;width:100%;padding-top:100%;background:linear-gradient(160deg,#f4f4f4,#ececec,#e5e5e5);overflow:hidden}.ec-ugc-carousel__thumb-inner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.ec-ugc-carousel__thumb-icon{width:36px;height:36px;color:#bbb;opacity:.7}.ec-ugc-carousel__thumb-cta{font-size:11px;font-weight:500;color:#bbb;letter-spacing:.03em;text-transform:uppercase}.ec-ugc-carousel-section .ec-ugc-carousel__tile:has(.ec-ugc-carousel__video-wrap){flex:0 0 calc(48% - .375rem)}.ec-ugc-carousel-section .ec-ugc-carousel__thumb:has(.ec-ugc-carousel__video-wrap){padding-top:177.78%;background:linear-gradient(160deg,#e8e8e8,#dcdcdc,#d3d3d3)}.ec-ugc-carousel-section .ec-ugc-carousel__video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.ec-ugc-carousel-section .ec-ugc-carousel__poster-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.ec-ugc-carousel-section .ec-ugc-carousel__poster-canvas--ready{opacity:1}.ec-ugc-carousel-section .ec-ugc-carousel__poster-canvas--playing{opacity:0;pointer-events:none}.ec-ugc-carousel-section .ec-ugc-carousel__video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.ec-ugc-carousel-section .ec-ugc-carousel__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#00000061;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .3s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;z-index:5;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);box-shadow:0 2px 12px #0000002e,inset 0 .5px #ffffff1f}.ec-ugc-carousel-section .ec-ugc-carousel__play-btn svg{width:22px;height:22px;margin-left:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.ec-ugc-carousel-section .ec-ugc-carousel__play-btn:hover{background:#00000085;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 4px 16px #00000038,inset 0 .5px #ffffff26}.ec-ugc-carousel-section .ec-ugc-carousel__play-btn:active{transform:translate(-50%,-50%) scale(.96);background:#00000094}.ec-ugc-carousel-section .ec-ugc-carousel__play-btn--hidden{opacity:0;pointer-events:none}.ec-ugc-carousel-section .ec-ugc-carousel__expand-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:#0000004d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:6;backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);transition:opacity .25s ease,background .25s ease,transform .2s ease,box-shadow .25s ease;opacity:.8;box-shadow:0 1px 6px #0000001f}.ec-ugc-carousel-section .ec-ugc-carousel__expand-btn svg{width:13px;height:13px;opacity:.92}.ec-ugc-carousel-section .ec-ugc-carousel__expand-btn:hover{background:#00000080;opacity:1;transform:scale(1.06);box-shadow:0 2px 10px #0000002e}.ec-ugc-carousel-section .ec-ugc-carousel__expand-btn:active{transform:scale(.94);background:#0000008c}.ec-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.ec-video-modal--open{opacity:1;visibility:visible}.ec-video-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e0;cursor:pointer}.ec-video-modal__container{position:relative;width:90vw;max-width:420px;max-height:85vh;aspect-ratio:9 / 16;z-index:1}.ec-video-modal__close{position:absolute;top:10px;right:10px;width:40px;height:40px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#00000059;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:10;backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);transition:background .25s ease,transform .2s ease,box-shadow .25s ease;box-shadow:0 2px 8px #0003}.ec-video-modal__close svg{width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.ec-video-modal__close:hover{background:#0000008c;transform:scale(1.08);box-shadow:0 3px 12px #00000040}.ec-video-modal__close:active{transform:scale(.94);background:#0009}.ec-video-modal__player-wrap{position:relative;width:100%;height:100%;border-radius:16px;overflow:visible;background:#000}.ec-video-modal__player-wrap .ec-video-modal__video{border-radius:16px}.ec-video-modal__video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.ec-video-modal__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#00000059;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:3;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:opacity .3s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 14px #0003,inset 0 .5px #ffffff1f}.ec-video-modal__play-btn svg{width:26px;height:26px;margin-left:3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.ec-video-modal__play-btn:hover{background:#00000085;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 4px 18px #00000040,inset 0 .5px #ffffff26}.ec-video-modal__play-btn:active{transform:translate(-50%,-50%) scale(.95);background:#00000094}.ec-video-modal__play-btn--hidden{opacity:0;pointer-events:none}.ec-ugc-carousel-section .ec-ugc-carousel__label{padding:10px 14px;font-size:12px;font-weight:600;color:#222;text-align:center;line-height:1.3;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-scroll-progress{position:relative;width:calc(100% - 3rem);height:3px;margin:10px 1.5rem 0;background-color:#ebebeb;border-radius:999px}.ec-scroll-progress__indicator{position:absolute;top:0;left:0;width:33%;height:3px;border-radius:999px;background:linear-gradient(to right,#00c6ff,#007bff);will-change:transform}@media screen and (min-width:750px){.ec-ugc-carousel-section{padding:52px 0 36px}.ec-ugc-carousel__arrow{display:flex}.ec-ugc-carousel-section .ec-ugc-carousel__tile{flex:0 0 calc(33.333% - .5rem)}.ec-ugc-carousel-section .ec-ugc-carousel__title{font-size:26px;letter-spacing:.06em;margin-bottom:10px}.ec-ugc-carousel-section .ec-ugc-carousel__subtitle{font-size:15px;margin-bottom:8px}.ec-ugc-carousel-section .ec-ugc-carousel__copy{font-size:14px;margin-bottom:32px;max-width:420px}.ec-ugc-carousel-section .ec-ugc-carousel__label{font-size:13px;padding:11px 16px}.ec-ugc-carousel__thumb-icon{width:40px;height:40px}.ec-ugc-carousel-section .ec-ugc-carousel__tile:has(.ec-ugc-carousel__video-wrap){flex:0 0 calc(33.333% - .5rem)}}@media screen and (min-width:990px){.ec-ugc-carousel-section{padding:60px 0 40px}.ec-ugc-carousel-section .ec-ugc-carousel__title{font-size:28px}.ec-ugc-carousel-section .ec-ugc-carousel__copy{margin-bottom:36px}}@media screen and (max-width:749px){.ec-ugc-carousel-section .ec-ugc-carousel__expand-btn:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ec-ugc-video-carousel.css.map */