.video-testimonials-section{background:#fff;padding:64px 0}.testimonials-header{text-align:left;margin-bottom:2rem;padding:0 1rem}@media (min-width: 1024px){.testimonials-header{padding:0;max-width:1200px;margin:0 auto 2rem}}.testimonials-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1.2}.testimonials-description{font-size:1rem;color:#666;max-width:32rem;margin:0;line-height:1.6}.testimonials-container{display:flex;overflow-x:auto;gap:1rem;padding:0 1rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.testimonials-container::-webkit-scrollbar{display:none}.testimonials-container{-ms-overflow-style:none;scrollbar-width:none}@media (min-width: 1024px){.testimonials-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;justify-items:center;max-width:1200px;margin:0 auto;overflow:visible;padding:0;scroll-snap-type:none}}.testimonial-item{scroll-snap-align:start;flex-shrink:0;width:220px;height:380px}@media (min-width: 1024px){.testimonial-item{width:280px;height:480px}}.testimonial-video{width:100%;height:100%;position:relative;border-radius:1rem;overflow:hidden;cursor:pointer;background:#000;transition:all .3s ease}.testimonial-video:hover{transform:scale(1.05);box-shadow:0 20px 40px #0000004d}@media (min-width: 1024px){.testimonial-video:hover{transform:scale(1.05);box-shadow:0 25px 50px #0006}}.testimonial-video .testimonial-video-inner{width:100%;height:100%}.testimonial-video .deferred-media__poster-button{width:100%;height:100%;position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:1rem;overflow:hidden}.testimonial-video .deferred-media__poster-image{width:100%;height:100%;object-fit:cover;display:block}.testimonial-video .deferred-media__poster-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease;z-index:3}@media (max-width: 1023px){.testimonial-video .deferred-media__poster-icon{width:3rem;height:3rem}}.testimonial-video:hover .deferred-media__poster-icon{transform:translate(-50%,-50%) scale(1.1);background:#ffffff4d}.testimonial-video .deferred-media__poster-icon svg{width:2rem;height:2rem;color:#fff;margin-left:2px}@media (max-width: 1023px){.testimonial-video .deferred-media__poster-icon svg{width:1.5rem;height:1.5rem}}.testimonial-video .deferred-media__poster-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;transition:all .3s ease;z-index:1}.testimonial-video:hover .deferred-media__poster-button:after{background:#00000080}.testimonial-video:after{content:attr(data-client-text) "\\A" attr(data-handle-text);white-space:pre-line;position:absolute;bottom:1rem;left:1rem;right:1rem;background:#00000080;border-radius:.5rem;padding:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.875rem;font-weight:500;line-height:1.2;z-index:2;pointer-events:none}@media (max-width: 1023px){.testimonial-video:after{bottom:.75rem;left:.75rem;right:.75rem;font-size:.75rem}}.testimonial-video video,.testimonial-video iframe{width:100%;height:100%;object-fit:contain;background:#000;border-radius:1rem}.testimonial-video:has([open]) .testimonial-video:after{display:none}@media (max-width: 1023px){.testimonials-header{padding:0 1rem;text-align:center}.testimonials-title{font-size:1.5rem}.testimonials-description{font-size:.875rem}}@media (min-width: 640px) and (max-width: 1023px){.testimonials-container{padding:0 2rem 1rem}.testimonials-header{padding:0 2rem}}.video-poster:focus-visible{outline:2px solid #007acc;outline-offset:4px}.testimonial-video:focus-within{outline:2px solid #007acc;outline-offset:4px}deferred-media:not([loaded]) .video-preview{filter:blur(2px)}deferred-media[loaded] .video-preview{filter:none;transition:filter .3s ease}@media print{.video-overlay,.play-button,.video-info{display:none}.testimonials-container{display:grid!important;grid-template-columns:repeat(2,1fr);gap:1rem;overflow:visible!important}.testimonial-item{height:auto;aspect-ratio:9/16}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/video-testimonials-pwa.css.map */