.influencer-video-carousel{background:var(--ivc-bg, var(--bg_col, #f5f4f6));padding:4.8rem 0;overflow-x:clip}.influencer-video-carousel .page-width{padding-left:2.4rem;padding-right:2.4rem}.influencer-video-carousel__heading{margin:0;text-align:center;color:var(--ivc-heading, var(--navy_col, #2a2660));font-size:2.4rem;line-height:3.6rem;font-weight:700;font-family:Montserrat,sans-serif}.influencer-video-carousel__subheading{max-width:66rem;margin:1.6rem auto 0;color:var(--ivc-subheading, var(--body_text_col, #707074));font-family:Montserrat,sans-serif;font-size:1.6rem;line-height:2.4rem;font-weight:400;text-align:center}.influencer-video-carousel__subheading p{margin:0}.influencer-video-carousel__carousel{position:relative}.influencer-video-carousel__controls{display:none}.influencer-video-carousel__track{margin-top:2.8rem;margin-left:-.8rem;margin-right:-.8rem;padding:.8rem;display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:.8rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.influencer-video-carousel__track::-webkit-scrollbar{display:none}.influencer-video-carousel__nav{display:none}.influencer-video-carousel__item{width:85vw;max-width:290px;scroll-snap-align:start;flex-shrink:0;position:relative}.influencer-video-carousel__video-button{width:100%;border:0;background:transparent;border-radius:2rem;overflow:hidden;position:relative;padding:0;cursor:pointer}.influencer-video-carousel__video{width:100%;height:auto;aspect-ratio:337 / 500;object-fit:cover;display:block}.influencer-video-carousel__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none}.influencer-video-carousel__cover.is-visible{opacity:1}.influencer-video-carousel__handle{position:absolute;top:1.6rem;left:1.6rem;min-height:3.6rem;border-radius:999rem;background:var(--navy_col, #2a2660);color:#fff;padding:0 1.2rem;display:inline-flex;align-items:center;font-family:Montserrat,sans-serif;font-size:1.4rem;line-height:1;font-weight:500}.influencer-video-carousel__product-card{position:absolute;left:1.6rem;right:1.6rem;bottom:3.2rem;background:var(--ivc-card-bg, rgba(255, 255, 255, .92));border-radius:1.6rem;display:flex;align-items:center;gap:1.2rem;padding:1.2rem;text-align:left;color:inherit;text-decoration:none;z-index:2;box-shadow:0 4px 12px #2a266014}.influencer-video-carousel__product-thumb{width:6rem;height:6rem;border-radius:1rem;object-fit:cover;display:block;flex-shrink:0}.influencer-video-carousel__product-meta{display:grid;gap:.4rem;min-width:0}.influencer-video-carousel__product-name{color:var(--ivc-card-text, var(--navy_col, #2a2660));font-size:1.4rem;line-height:2rem;font-weight:700;font-family:Montserrat,sans-serif}.influencer-video-carousel__product-price{color:var(--ivc-card-price, var(--navy_accent, #8c9eff));font-size:1.2rem;line-height:2.4rem;font-weight:600;font-family:Montserrat,sans-serif}.influencer-video-carousel__progress{margin-top:2.4rem;height:.4rem;background:var(--ivc-progress-track, var(--light_grey_2, #eeedef));border-radius:999rem;overflow:hidden}.influencer-video-carousel__progress-fill{width:20%;height:100%;display:block;border-radius:inherit;background:var(--ivc-progress-fill, var(--navy_accent, #8c9eff));transition:width .18s linear}.influencer-video-carousel__modal{width:min(110rem,96vw);max-width:110rem;border:0;border-radius:1.6rem;padding:0;background:#000;color:#fff}.influencer-video-carousel__modal::backdrop{background:#2a2660d1}.influencer-video-carousel__modal-close{position:absolute;top:1.2rem;left:1.2rem;width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:#ffffff1a;color:#fff;font-size:2rem;cursor:pointer;z-index:2}.influencer-video-carousel__modal-inner{min-height:62rem;display:grid;grid-template-columns:8rem 1fr}.influencer-video-carousel__modal-thumbs{padding:8rem 1rem 1rem;display:grid;align-content:start;gap:.8rem;border-right:.1rem solid rgba(255,255,255,.15)}.influencer-video-carousel__modal-thumb{width:100%;border:0;border-radius:.8rem;overflow:hidden;padding:0;cursor:pointer;opacity:.6;background:transparent}.influencer-video-carousel__modal-thumb.is-active{opacity:1;outline:.2rem solid var(--navy_accent, #8c9eff)}.influencer-video-carousel__modal-thumb video{width:100%;height:9.6rem;display:block;object-fit:cover}.influencer-video-carousel__modal-player-wrap{display:flex;align-items:center;justify-content:center;padding:1.6rem}.influencer-video-carousel__modal-player{width:100%;height:min(84vh,62rem);background:#000}@media(min-width:768px){.influencer-video-carousel .page-width{padding:0;max-width:calc(100vw - 40px)}.influencer-video-carousel__progress{max-width:1200px;margin:48px auto 0}.influencer-video-carousel__heading{font-weight:700;font-size:4rem;line-height:4.4rem;letter-spacing:0;text-align:center}.influencer-video-carousel__subheading{margin-top:2.4rem;font-size:1.8rem;line-height:2.6rem}.influencer-video-carousel__video-button{box-shadow:0 4px 6px -4px #2a26601f,0 10px 15px -3px #2a26601a}.influencer-video-carousel__track{margin-top:40px}}@media(min-width:990px){.influencer-video-carousel.has-video-overflow .influencer-video-carousel__controls{display:flex;justify-content:flex-end;gap:2.4rem;margin:0 0 1.6rem}.influencer-video-carousel.has-video-overflow .influencer-video-carousel__nav{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:0;border-radius:0;background:transparent;color:var(--ivc-progress-fill, var(--navy_accent, #8c9eff));box-shadow:none;cursor:pointer;transform:none;transition:opacity .2s ease,transform .2s ease}.influencer-video-carousel.has-video-overflow .influencer-video-carousel__nav:hover:not(:disabled){transform:scale(1.04)}.influencer-video-carousel.has-video-overflow .influencer-video-carousel__nav:disabled{opacity:.35;cursor:not-allowed}.influencer-video-carousel__nav-icon{display:block;width:.8rem;height:1.4rem}.influencer-video-carousel.has-video-overflow .influencer-video-carousel__track{margin-top:0}}@media(max-width:749px){.influencer-video-carousel__modal{width:96vw;max-height:90vh}.influencer-video-carousel__modal-inner{min-height:auto;grid-template-columns:1fr}.influencer-video-carousel__modal-thumbs{display:none}.influencer-video-carousel__modal-player{height:min(70vh,48rem)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-influencer-video-carousel.css.map */
