.influencer-section{position:relative;padding-top:var(--section-padding-mobile-y, 16px);padding-bottom:var(--section-padding-mobile-y, 16px)}.influencer-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}.debug-panel{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-family:monospace}.debug-panel p,.debug-panel li{margin:.25rem 0;color:#374151}.influencer-section .section-subtitle{opacity:.8;line-height:1.5}.filter-tag{transition:all .2s ease;font-size:var(--typeBaseSize);font-weight:500;white-space:nowrap}.video-container{transition:transform .3s ease,box-shadow .3s ease;position:relative}.video-area .video-container{width:100%}.video-container video{width:100%;height:100%;object-fit:cover}.video-container{border:0 solid transparent;border-radius:var(--video-border-radius, 12px)}.video-container.active{border-width:var(--video-border-width, 0px);border-color:var(--video-border-color, #000000)}.play-button,.mute-button{-webkit-backdrop-filter:none;backdrop-filter:none;transition:all .2s ease;border:none;box-shadow:none}.play-button:active,.mute-button:active{transform:none}.progress-bar-container{position:relative;width:100%;height:4px;margin-bottom:4rem}.progress-bar{width:100%;height:100%;background:#ffffff4d;border-radius:2px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#f8fafc);border-radius:2px;transform-origin:left;transition:transform .1s ease-out;box-shadow:0 0 8px #ffffff80}.testimonial-avatar{border:0;padding:0;background:transparent;border-radius:50%;transition:all .3s ease;cursor:pointer;overflow:hidden}.testimonial-avatar.active{background:transparent;transform:none;box-shadow:none}.testimonial-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:90%;z-index:2}.testimonial-content{position:relative;min-height:200px}.testimonial-content blockquote{position:relative;font-style:italic;line-height:1.4;margin:0}.testimonial-content cite{font-weight:600;letter-spacing:.025em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in-up{animation:fadeInUp .5s ease-out}.fade-in{animation:fadeIn .3s ease-out}.pulse{animation:pulse 2s infinite}@media (max-width: 640px){.influencer-section .container{padding:0 .75rem}.video-container{width:100%;margin:0}.testimonial-avatar{width:48px;height:48px}.testimonial-content blockquote{font-size:1.125rem}.testimonial-content cite{font-size:1rem}}@media (min-width: 641px) and (max-width: 1023px){.video-container{width:100%}.testimonial-avatar{width:60px;height:60px}.testimonial-content blockquote{font-size:1.25rem}}@media (min-width: 1024px){.influencer-section .main-content{display:flex;gap:3rem;align-items:flex-start;margin:0 auto}.influencer-section .video-area{flex-shrink:0;width:380px}.influencer-section .content-area{flex:1;max-width:780px}.testimonial-content{text-align:left}.testimonial-content blockquote{font-size:var(--typeBaseSize);line-height:1.3}.testimonial-content cite{font-size:1.25rem}.influencer-section .main-content{padding-left:.5rem;padding-right:.5rem}.influencer-section{padding-top:var(--section-padding-desktop-y, 32px);padding-bottom:var(--section-padding-desktop-y, 32px)}.influencer-section .testimonial-avatars{padding-top:1.25rem;padding-bottom:1.25rem;justify-content:center}.influencer-section .testimonial-content{padding-top:1.5rem}}@media (min-width: 1280px){.influencer-section .main-content{gap:4rem}.influencer-section .video-area{width:420px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.progress-fill{transition:none}}.filter-tag:focus,.testimonial-avatar:focus,.play-button:focus,.mute-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.progress-bar{background:#000}.progress-fill{background:#fff}.testimonial-avatar{border-width:3px}}.video-loading{position:relative}.video-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}.video-loading:before{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:40px;height:40px;margin:-20px;border:3px solid transparent;border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}.video-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.video-error p{margin:0;font-size:var(--typeBaseSize)}.no-testimonials{text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:12px;margin:2rem 0}.no-testimonials h3{color:#374151;margin-bottom:1rem}.no-testimonials p{color:#6b7280;margin-bottom:.5rem}[x-cloak]{display:none!important}.influencer-section{--influencer-primary-color: var(--color-primary, #000000);--influencer-secondary-color: var(--color-secondary, #6b7280);--influencer-background: var(--color-background, #ffffff);--influencer-text: var(--color-text, #111827);--influencer-border: var(--color-border, #e5e7eb)}.influencer-section .testimonial-avatar.active{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#fff,#fff) border-box}.influencer-section .filter-tag.active{background-color:var(--influencer-primary-color);color:var(--influencer-background);border-color:var(--influencer-primary-color)}.influencer-section{font-size:var(--typeBaseSize)}.influencer-section h2{margin-bottom:1rem;text-align:center}.influencer__subtitle{text-align:center}.influencer__main{padding-top:var(--section-padding-mobile-y, 16px);padding-bottom:var(--section-padding-mobile-y, 16px);max-width:100%}@media (min-width: 1024px){.influencer__main{padding-top:var(--section-padding-desktop-y, 32px);padding-bottom:var(--section-padding-desktop-y, 32px);max-width:var(--main-desktop-max, 880px)}}.testimonial-content blockquote,.testimonial-content cite{font-size:var(--typeBaseSize)}.play-button-wrapper{position:absolute;left:15px;bottom:15px;width:50px;height:50px}.video-container .play-button{position:absolute;width:50px;height:50px;left:0;bottom:0;border:0;border-radius:50%;z-index:5;background:#ffffff91;color:#000}.play-button-wrapper .circular-progress{--size: 60px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * 3.1415926535 * 2);position:absolute;left:-5px;bottom:-5px;width:var(--size);height:var(--size);pointer-events:none}.play-button-wrapper .circular-progress circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.play-button-wrapper .circular-progress circle.bg{stroke:#fff9}.play-button-wrapper .circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:calc((var(--progress) * var(--circumference)) / 100) calc(var(--circumference) - (var(--progress) * var(--circumference)) / 100);transition:stroke-dasharray .1s linear;stroke:var(--progress-color, #f36917)}@media (min-width: 1024px){.play-button-wrapper,.video-container .play-button{width:80px;height:80px}.play-button-wrapper .circular-progress{--size: 90px;--stroke-width: 5px;left:-5px;bottom:-5px}}.influencer-section .video-container video::-webkit-media-controls{display:none!important}.influencer-section .video-container video::-moz-media-controls{display:none!important}.influencer-section .video-container video::-ms-media-controls{display:none!important}.testimonial-avatars{display:flex;margin-top:.75rem;margin-bottom:1.75rem;justify-content:center}.testimonial-avatar{position:relative;pointer-events:auto;min-width:var(--avatar-size-mobile, 60px);min-height:var(--avatar-size-mobile, 60px);width:var(--avatar-size-mobile, 60px);height:var(--avatar-size-mobile, 60px)}.testimonial-avatar .avatar-progress{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;background:#fff;z-index:1;pointer-events:none}@media (min-width: 641px) and (max-width: 1023px){.testimonial-avatar .avatar-progress{--size: 68px}}@media (min-width: 1024px){.testimonial-avatar{min-width:var(--avatar-size-desktop, 80px);min-height:var(--avatar-size-desktop, 80px);width:var(--avatar-size-desktop, 80px);height:var(--avatar-size-desktop, 80px)}}.influencer-section .testimonial-avatar.active{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#fff,#fff) border-box;border:2px solid transparent}.testimonial-avatar.active .avatar-progress{background:conic-gradient(var(--progress-color, #f36917) calc(var(--progress, 0) * 1%),rgba(0,0,0,0) 0),radial-gradient(circle at center,#ffffff 70%,transparent 0)}.influencer__external-link{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:underline}.influencer__external-link:hover,.influencer__external-link:focus{text-decoration:underline}.influencer__external-linkIcon{width:20px;height:20px;max-width:20px;max-height:20px;flex:0 0 20px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/influencer-section.css.map */