:root{--video-hero-primary: #1e90ff;--video-hero-secondary: #00bfff;--video-hero-text-light: #ffffff;--video-hero-text-dark: #1a1a1a;--video-hero-overlay-start: rgba(0, 0, 0, .95);--video-hero-overlay-mid: rgba(0, 0, 0, .7);--video-hero-overlay-end: rgba(0, 0, 0, .3);--video-hero-transition: all .6s cubic-bezier(.4, 0, .2, 1)}@media (min-width: 769px){.video-hero-wrapper.hide-on-desktop{display:none!important}}@media (max-width: 768px){.video-hero-wrapper.hide-on-mobile{display:none!important}}.video-hero{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;background:#fff}@media (min-width: 769px){.video-hero{padding:0 12px}}.video-hero-section-title{padding:24px 12px 16px;margin:0;background:#fff;font-size:var(--title-size-desktop, 32px)}@media (max-width: 768px){.video-hero-section-title{padding:20px 0 12px;font-size:var(--title-size-mobile, 24px)}}.video-hero-container{position:relative;width:100%;display:flex;flex-direction:row;overflow:hidden;border-radius:var(--module-radius, 0px)}@media (max-width: 768px){.video-hero-container{display:flex;flex-direction:column}}.video-hero-slides{position:relative;width:70%;flex-shrink:0;padding-bottom:35%}@media (max-width: 768px){.video-hero-slides{position:relative;height:auto;width:100%;padding-bottom:0}}.video-hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.video-hero-slide.swiper-slide-active,.video-hero-slide.active{opacity:1;visibility:visible;z-index:1}@media (max-width: 768px){.video-hero-slide{position:relative!important;display:flex!important;flex-direction:column!important;height:auto!important}.video-hero-slide.swiper-slide-active,.video-hero-slide.active{opacity:1!important;visibility:visible!important}}.video-hero-media{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}@media (max-width: 768px){.video-hero-media{position:relative!important;width:100%;height:0;padding-bottom:100%;order:1}}.video-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.video-hero-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.video-hero-image-placeholder svg{width:100px;height:100px;opacity:.3;color:#fff}.video-hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:2}.video-hero-video.playing{opacity:1;pointer-events:auto}@media (min-width: 769px){.video-hero-slide:hover .video-hero-video{opacity:1}}@media (max-width: 768px){.video-hero-video{display:block}}.video-hero-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.video-hero-iframe{border:0;object-fit:cover}.video-hero-play-btn{position:absolute;top:50%;left:66.67%;transform:translate(-50%,-50%);width:var(--play-btn-size, 48px);height:var(--play-btn-size, 48px);padding:0;border:var(--play-btn-border-width, 2px) solid var(--play-btn-border-color, #ffffff);border-radius:50%;background:#00000080;cursor:pointer;z-index:10;transition:transform .3s ease,opacity .3s ease}.video-hero-play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background:#000000b3}.video-hero-play-btn:active{transform:translate(-50%,-50%) scale(.95)}.video-hero-play-icon,.video-hero-pause-icon{width:100%;height:100%;transition:opacity .3s ease;display:block}.video-hero-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,transparent 100%);pointer-events:none;z-index:2;transition:opacity .3s ease}@media (max-width: 768px){.video-hero-slide:before{display:none}}.video-hero-bg-text{display:none!important}.video-hero-content{position:absolute;top:0;left:0;padding:100px 60px 48px;max-width:520px;color:var(--video-hero-text-light);z-index:5}@media (max-width: 1200px){.video-hero-content{padding:80px 48px 40px;max-width:480px}}@media (max-width: 768px){.video-hero-content{position:relative!important;padding:20px 16px;max-width:100%;width:100%;background:#000;color:#fff;z-index:auto;order:2}}.video-hero-eyebrow{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;opacity:.9;animation:fadeInUp .8s ease-out}@media (max-width: 768px){.video-hero-eyebrow{display:none}}.video-hero-title{font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.1;margin:0 0 20px;text-shadow:0 2px 12px rgba(0,0,0,.5);animation:fadeInUp .8s ease-out .1s backwards}@media (max-width: 768px){.video-hero-title{text-shadow:none;margin:0 0 16px;animation:none;display:block!important;font-size:24px;color:#fff}}.video-hero-subtitle{font-size:clamp(18px,2.5vw,24px);font-weight:600;line-height:1.3;margin:0 0 20px;opacity:.95;text-shadow:0 1px 6px rgba(0,0,0,.4);animation:fadeInUp .8s ease-out .2s backwards}@media (max-width: 768px){.video-hero-subtitle{display:none}}.video-hero-description{font-size:14px;font-weight:400;line-height:1.6;margin:24px 0 0;opacity:.85;text-shadow:0 1px 4px rgba(0,0,0,.4);animation:fadeInUp .8s ease-out .5s backwards}@media (max-width: 768px){.video-hero-description{display:none}}.video-hero-buttons{display:flex;gap:12px;align-items:center;animation:fadeInUp .8s ease-out .4s backwards}@media (max-width: 768px){.video-hero-buttons{gap:8px;flex-wrap:wrap;display:flex!important;margin-bottom:0}}.video-hero-btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--video-hero-text-light);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:var(--video-hero-text-light);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--video-hero-transition);cursor:pointer;white-space:nowrap}.video-hero-btn:hover{background:var(--video-hero-text-light);color:var(--video-hero-text-dark);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.video-hero-btn:active{transform:translateY(0)}@media (max-width: 768px){.video-hero-btn{flex:1;min-width:0;font-size:13px;letter-spacing:.5px;display:inline-flex!important;padding:12px 24px}}.video-hero-links{display:none!important}.video-hero-links-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;opacity:.7}.video-hero-links-list{list-style:none;padding:0;margin:0}.video-hero-links-list li{margin-bottom:10px;position:relative;padding-left:16px}.video-hero-links-list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--video-hero-text-light);opacity:.6}.video-hero-links-list a{font-size:14px;font-weight:500;line-height:1.5;color:var(--video-hero-text-light);text-decoration:none;opacity:.9;transition:opacity .3s ease,transform .3s ease;display:inline-block}.video-hero-links-list a:hover{opacity:1;transform:translate(4px)}@media (max-width: 768px){.video-hero-links-list li{margin-bottom:8px}.video-hero-links-list a{font-size:13px}}.video-hero-bottom-nav{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;width:30%;background:var(--nav-bg-color, rgba(0, 0, 0, .92));z-index:10;overflow-y:auto}.video-hero-bottom-nav:before{display:none}@media (max-width: 768px){.video-hero-bottom-nav{position:relative;display:flex;flex-direction:column-reverse;width:100%;background:#000;padding:0}}.video-hero-nav-item{position:relative;padding:12px 14px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;display:flex;flex-direction:row;gap:12px;overflow:visible;background:var(--nav-bg-color, rgba(0, 0, 0, .92));cursor:pointer;opacity:.5;flex:1;min-height:0}.video-hero-nav-item:last-child{border-bottom:none}.video-hero-nav-item:hover{opacity:.7}.video-hero-nav-item.active{opacity:1;background:transparent}.video-hero-nav-item.active .video-hero-nav-label{color:var(--nav-active-color, #1e90ff)!important}.video-hero-nav-item:before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:3px;background:#ffffff26;z-index:1;pointer-events:none;border-radius:0}.video-hero-nav-item:after{content:"";position:absolute;top:0;left:0;width:0%;height:3px;background:var(--progress-bar-color, var(--video-hero-primary));z-index:2;transition:width .1s linear;pointer-events:none;border-radius:0}.video-hero-nav-item.active:after{animation:navProgressAnimation var(--progress-duration, 5s) linear forwards}.video-hero-nav-item.active.paused:after{animation-play-state:paused}@keyframes navProgressAnimation{0%{width:0%}to{width:100%}}.video-hero-nav-thumbnail{position:relative;width:120px;height:90px;flex-shrink:0;overflow:hidden;border-radius:4px;background:#ffffff1a}.video-hero-nav-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}.video-hero-nav-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.video-hero-nav-thumbnail-placeholder svg{width:45px;height:45px;opacity:.4;color:#fff}.video-hero-nav-badge{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;padding:3px 6px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:2px;z-index:1}.video-hero-nav-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;justify-content:center}.video-hero-nav-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;opacity:.7;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-hero-nav-subtitle{font-size:13px;font-weight:600;line-height:1.3;opacity:.95;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.video-hero-nav-item{display:none;padding:16px;border-right:none;margin:0;opacity:1}.video-hero-nav-item.active{display:flex}.video-hero-nav-item:before,.video-hero-nav-item:after{display:none}.video-hero-nav-badge,.video-hero-nav-label{display:none}.video-hero-nav-subtitle{font-size:14px;opacity:1;text-align:center;-webkit-line-clamp:unset}}.video-hero-progress-bar{display:none}@media (max-width: 768px){.video-hero-bottom-nav:after{content:"";display:block;width:100%;padding:16px;order:1}.video-hero-container:before{content:"";display:none}.video-hero-mobile-progress{display:flex;gap:8px;padding:16px;background:#000;width:100%}.video-hero-mobile-progress-item{flex:1;height:4px;background:#fff3;border-radius:2px;position:relative;overflow:hidden}.video-hero-mobile-progress-item:after{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--progress-bar-color, var(--video-hero-primary));border-radius:2px;transition:width .1s linear}.video-hero-mobile-progress-item.active:after{animation:mobileProgressAnimation var(--progress-duration, 5s) linear forwards}.video-hero-mobile-progress-item.active.paused:after{animation-play-state:paused}@keyframes mobileProgressAnimation{0%{width:0%}to{width:100%}}}.video-hero-pagination{display:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-hero-placeholder{width:100%;padding-bottom:56.25%;position:relative;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.placeholder-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#999}.placeholder-content svg{margin-bottom:16px;opacity:.3}.placeholder-content p{font-size:16px;font-weight:500;margin:0}.video-hero-btn:focus-visible,.video-hero-links-list a:focus-visible,.video-hero-nav-item:focus-visible,.video-hero-pagination-bullet:focus-visible{outline:3px solid var(--video-hero-primary);outline-offset:4px}.video-hero-btn:focus,.video-hero-links-list a:focus,.video-hero-nav-item:focus{outline:none}.video-hero-slide,.video-hero-image,.video-hero-video,.video-hero-overlay,.video-hero-content{will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.video-hero-container *{box-sizing:border-box}@media (prefers-color-scheme: dark){.video-hero-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#1a1a1a,#2a2a2a 75%);background-size:200% 100%}.placeholder-content{color:#ccc}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.video-hero-image,.video-hero-slide.active .video-hero-image{transform:none!important}}@media print{.video-hero-pagination,.video-hero-progress-bar,.video-hero-video,.video-hero-bottom-nav,.video-hero-btn{display:none!important}.video-hero-container{padding-bottom:0!important;height:auto!important}.video-hero-slide{position:relative!important;opacity:1!important;visibility:visible!important;page-break-inside:avoid}.video-hero-overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/influencer-video-hero.css.map */