.pdp-video-gallery-section{position:relative;display:flex;align-items:center;width:100%;margin:0rem 0 1.5rem}.video-slider{display:flex;gap:5px;overflow-x:auto;scroll-behavior:smooth;width:100%;scrollbar-width:none}.video-slider::-webkit-scrollbar{display:none}.video-item{flex:0 0 40%;cursor:pointer;transition:.3s}.video-item video{width:100%;height:230px;object-fit:cover;border-radius:0;display:block;border:1px solid #eeeae0}.video-item.active video{border-color:#7f9076}.video-arrow{width:25px;height:25px;border:none;cursor:pointer;border-radius:50%;font-size:15px;flex-shrink:0;position:absolute;top:calc(50% - 1.25rem);z-index:1;transition:transform var(--duration-long) ease,color var(--duration-long) ease;color:rgb(var(--color-link))}.video-arrow:hover{color:rgb(var(--color-button-text));background-color:rgb(var(--color-button))}.video-prev{left:1rem;transform:rotate(90deg)}.video-next{margin-left:10px;right:1rem;transform:rotate(270deg)}.video-wrapper{position:relative}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#b2b2b280;color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:.3s}.video-item .play-icon svg{width:14px}.video-item:hover .play-icon{background:rgb(var(--color-link))}.video-item.playing .play-icon{opacity:0}.video-progress{position:absolute;left:0;top:0;width:100%;height:4px;background:#ffffff4d;overflow:hidden;border-radius:0}.video-progress-fill:empty,.video-progress-fill{width:0%;height:100%;background:rgb(var(--color-link));transition:width .1s linear;display:block}@media(min-width:750px){.pdp-video-gallery-section{margin:3rem 0}.video-item{flex:0 0 140px}.video-arrow{opacity:0}.pdp-video-gallery-section:hover .video-arrow{opacity:1;z-index:1}}.video-mute-toggle{position:absolute;top:1.2rem;right:1.2rem;width:3rem;height:3rem;border-radius:50%;background:#b2b2b280;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5}.video-mute-toggle:hover{background:rgb(var(--color-link))}.video-item.playing .video-mute-toggle{display:flex}.video-mute-toggle svg{width:2rem;height:2rem;display:block}
/*# sourceMappingURL=/cdn/shop/t/78/assets/product-video-gallery.css.map */