.video-testimonials{width:100%;overflow:hidden}.video-testimonials__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1.5rem;margin-bottom:1.5rem}.video-testimonials__heading{margin:0}.video-testimonials__progress{margin-bottom:2rem}.video-testimonials__slider{width:100%;position:relative}.video-testimonial-item{width:100%;height:100%;aspect-ratio:16 / 9;border-radius:var(--radius-primary)}.video-testimonial-background{width:100%;height:100%;position:relative;cursor:pointer;transition:transform .3s ease;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;border-radius:var(--radius-primary);overflow:hidden}.video-testimonial-background:focus{outline:none}.video-testimonial-background:focus-visible{outline:2px solid var(--color-focus, #000);outline-offset:4px}.video-testimonial-background>svg{transition:opacity .3s ease,transform .3s ease;opacity:1;transform:scale(1);border-radius:50%;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.video-testimonial-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:2;opacity:0;animation:fadeInPlayer .4s ease forwards}.video-testimonial-vimeo-player{border-radius:var(--radius-primary);overflow:hidden;z-index:5}.video-testimonial-vimeo-player .vimeo-player{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-primary)}.video-testimonial-vimeo-player .vimeo-player__wrapper{border-radius:var(--radius-primary)}.video-testimonial-vimeo-player .vimeo-player__controls{padding:8px 10px;gap:4px}.video-testimonial-vimeo-player .vimeo-player__btn{width:28px;height:28px}.video-testimonial-vimeo-player .vimeo-player__btn svg{width:16px;height:16px}.video-testimonial-vimeo-player .vimeo-player__time{font-size:10px;min-width:60px}.video-testimonial-vimeo-player .vimeo-player__progress{height:28px}.video-testimonial-vimeo-player .vimeo-player__btn--cc{display:none}@media screen and (max-width:576px){.video-testimonial-vimeo-player .vimeo-player__controls{padding:6px 8px;gap:3px}.video-testimonial-vimeo-player .vimeo-player__btn{width:24px;height:24px}.video-testimonial-vimeo-player .vimeo-player__btn svg{width:14px;height:14px}.video-testimonial-vimeo-player .vimeo-player__time{font-size:9px;min-width:50px}.video-testimonial-vimeo-player .vimeo-player__progress{height:24px}}@keyframes fadeInPlayer{0%{opacity:0}to{opacity:1}}@keyframes fadeOutPlayer{0%{opacity:1}to{opacity:0}}.video-playing>svg{opacity:0;pointer-events:none}.video-playing:hover{transform:none}.video-playing{transition:background-color .3s ease}.video-playing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;animation:fadeInBackground .3s ease forwards;z-index:1}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}[data-video-thumbnail-loader]:not(.video-thumbnail-loaded){background-color:#f0f0f0;position:relative}[data-video-thumbnail-loader]:not(.video-thumbnail-loaded):after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #ddd;border-top-color:#666;border-radius:50%;animation:video-thumb-spin .8s linear infinite}@keyframes video-thumb-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.video-testimonials__empty-state{text-align:center;padding:2rem;opacity:.5}.video-testimonials__slider,.video-testimonials__slider .splide__track{overflow:visible}.video-testimonials .splide__slide:not(.is-visible) .video-testimonial-background{pointer-events:none}.video-testimonials .splide__slide:not(.is-visible) svg{opacity:.5}.video-testimonials__arrows{display:flex;gap:1rem}.video-testimonials__arrows .custom-splide-arrows__arrow{position:static;transform:none}.video-testimonials:not(.slider-active) .custom-splide-arrows,.video-testimonials:not(.slider-active) [data-slider-scrollbar]{display:none}@media screen and (min-width:1024px){.video-testimonials:not(.slider-active) .video-testimonials__arrows{display:none}.video-testimonials:not(.slider-active) .video-testimonials__progress{display:none}}@media screen and (max-width:767px){.video-testimonials__header{gap:1.5rem}}@media(prefers-contrast:high){.video-testimonial-background:focus{outline:3px solid;outline-offset:3px}}@media(prefers-reduced-motion:reduce){.video-testimonials__slider .splide__slide,.video-testimonial-background{transition:none}.video-testimonial-background:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/section-video-testimonials.css.map */