.wwh-section,.wwh-section *{box-sizing:border-box}.wwh-section{max-width:1200px;margin:0 auto;padding:20px 5px}.wwh-heading{text-align:var(--wwh-heading-align, center);font-size:22px;font-weight:600;margin-bottom:24px}.wwh-vids-outer{position:relative;display:flex;align-items:center;gap:8px}.wwh-vids{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.wwh-vids.wwh-vids--carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;scrollbar-width:none}.wwh-vids.wwh-vids--carousel::-webkit-scrollbar{display:none}.wwh-vids.wwh-vids--carousel .wwh-vid{flex:0 0 calc(33.333% - 11px);scroll-snap-align:start}@media(max-width:749px){.wwh-vids{grid-template-columns:repeat(3,1fr);gap:10px}.wwh-vids.wwh-vids--carousel .wwh-vid{flex:0 0 calc(42% - 7px)}}.wwh-vid{cursor:pointer;text-align:center}.wwh-video-wrapper{position:relative;width:100%;aspect-ratio:2 / 2;border-radius:12px;overflow:hidden;background:#eee}.wwh-video-thumbnail,.wwh-video,.wwh-video-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;max-width:none}.wwh-video,.wwh-video-inner{z-index:0}.wwh-video-thumbnail{z-index:1}.wwh-video-thumbnail.wwh-hide-poster{display:none}.wwh-vid-text{margin-top:10px;font-size:14px;font-weight:500;text-align:var(--wwh-caption-align, center)}.wwh-section button,.wwh-popup button{all:unset;box-sizing:border-box;cursor:pointer}.wwh-section svg,.wwh-popup svg{display:block;max-width:none;max-height:none;flex-shrink:0}.wwh-section .wwh-play-btn,.wwh-popup .wwh-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--wwh-play-size, 56px);height:var(--wwh-play-size, 56px)}.wwh-section .wwh-play-btn svg,.wwh-popup .wwh-play-btn svg{width:var(--wwh-play-size, 56px);height:var(--wwh-play-size, 56px)}.wwh-play-circle{fill:var(--wwh-play-bg, #ffffff)}.wwh-play-icon-path{fill:var(--wwh-play-icon, #01B4B1);stroke:var(--wwh-play-icon, #01B4B1)}.wwh-play-btn .wwh-pause-icon,.wwh-play-btn.is-playing .wwh-play-icon{display:none}.wwh-play-btn.is-playing .wwh-pause-icon{display:block}.wwh-video-wrapper .wwh-play-btn,.wwh-video-wrapper .wwh-mute-btn,.wwh-video-wrapper-inner .wwh-play-btn-inner,.wwh-video-wrapper-inner .wwh-mute-btn{opacity:1;transition:opacity .25s ease}.wwh-video-wrapper.is-playing .wwh-play-btn,.wwh-video-wrapper.is-playing .wwh-mute-btn,.wwh-video-wrapper-inner.is-playing .wwh-play-btn-inner,.wwh-video-wrapper-inner.is-playing .wwh-mute-btn{opacity:0}.wwh-video-wrapper.is-playing:hover .wwh-play-btn,.wwh-video-wrapper.is-playing:hover .wwh-mute-btn,.wwh-video-wrapper.is-playing.show-controls .wwh-play-btn,.wwh-video-wrapper.is-playing.show-controls .wwh-mute-btn,.wwh-video-wrapper-inner.is-playing:hover .wwh-play-btn-inner,.wwh-video-wrapper-inner.is-playing:hover .wwh-mute-btn,.wwh-video-wrapper-inner.is-playing.show-controls .wwh-play-btn-inner,.wwh-video-wrapper-inner.is-playing.show-controls .wwh-mute-btn{opacity:1}.wwh-vid .wwh-mute-btn{position:absolute;bottom:8px;right:8px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#0006;border-radius:50%}.wwh-vid .wwh-mute-btn svg{width:14px;height:14px}.wwh-vid .wwh-mute-icon-path{stroke:#fff;fill:#fff}.wwh-popup .wwh-mute-btn{position:absolute;bottom:10px;right:10px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00000059;border-radius:50%}.wwh-popup .wwh-mute-btn svg{width:18px;height:18px}.wwh-mute-icon-path{stroke:var(--wwh-popup-close-color, #ffffff);fill:var(--wwh-popup-close-color, #ffffff)}.wwh-mute-btn .wwh-muted-icon,.wwh-mute-btn.is-muted .wwh-unmuted-icon{display:none}.wwh-mute-btn.is-muted .wwh-muted-icon{display:block}.wwh-section .wwh-grid-nav{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.wwh-section .wwh-grid-nav svg{width:32px;height:32px}.wwh-section .wwh-grid-nav.disabled{opacity:.35;pointer-events:none}@media(max-width:749px){.wwh-section .wwh-grid-nav{display:none}}.wwh-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:rgba(var(--wwh-popup-overlay, 0, 0, 0),var(--wwh-popup-overlay-alpha, .85));display:flex;align-items:center;justify-content:center;padding:20px}.wwh-popup[hidden]{display:none}.wwh-popup-content{position:relative;width:min(340px,88vw);max-height:90vh;display:flex;flex-direction:column}.wwh-popup .wwh-close-popup{position:absolute;top:10px;right:10px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:var(--wwh-popup-close-size, 32px);height:var(--wwh-popup-close-size, 32px);background:#00000059;border-radius:50%}.wwh-popup .wwh-close-popup svg{width:calc(var(--wwh-popup-close-size, 32px) * .56);height:calc(var(--wwh-popup-close-size, 32px) * .56)}.wwh-close-line{stroke:var(--wwh-popup-close-color, #ffffff)}.wwh-vids-inner{position:relative;width:100%}.wwh-vid-inner{display:none}.wwh-vid-inner.selected{display:block}.wwh-video-wrapper-inner{aspect-ratio:9 / 16;border-radius:16px;max-height:70vh}.wwh-popup-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;width:100%}.wwh-popup .wwh-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--wwh-popup-nav-size, 40px);height:var(--wwh-popup-nav-size, 40px);flex-shrink:0}.wwh-popup .wwh-nav-btn svg{width:var(--wwh-popup-nav-size, 40px);height:var(--wwh-popup-nav-size, 40px)}.wwh-popup .wwh-nav-btn.disabled{opacity:.4;pointer-events:none}.wwh-nav-ring{stroke:var(--wwh-popup-nav-color, #01B4B1);opacity:.45}.wwh-nav-arrow{stroke:var(--wwh-popup-nav-color, #01B4B1)}.wwh-video-caption{color:var(--wwh-popup-caption-color, #ffffff);font-family:var(--wwh-popup-caption-font, inherit);font-size:var(--wwh-popup-caption-size, 14px);font-weight:500;text-align:var(--wwh-popup-caption-align, center);flex:1}
/*# sourceMappingURL=/cdn/shop/t/132/assets/what-why-how-videos.css.map */