.flex{display:flex}.videos-wrapper{flex-direction:column;border-radius:10px;padding:16px;gap:16px;overflow:hidden;max-width:33vw;margin-bottom:16px}.video-slide{flex:0 0 auto;width:81px;cursor:pointer;margin-right:14px}.video-slider{overflow:hidden;scroll-behavior:smooth}.video-thumbnail{width:81px;height:81px;object-fit:cover;border-radius:8px}.video-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#424c41;justify-content:center;align-items:center;z-index:1000}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.video-container{position:relative;align-items:center;justify-content:center;max-width:900px;width:100%;height:100%;padding:20px}.video-player{justify-content:center;height:100%;position:relative}button.close-video,button.prev-video,button.next-video{position:absolute}.controls-video-buttons .button-icon,button.close-video,button.prev-video,button.next-video{border:none;color:#fff;cursor:pointer;align-items:center;display:flex;justify-content:center;background:#171813;border-radius:50%;width:4rem;height:4rem}button.next-video svg.icon-arrow path,button.prev-video svg.icon-arrow path{stroke:#fff}button.close-video{top:30px;right:20px;z-index:3}button.prev-video{left:10px;top:50%;transform:translateY(-50%)}button.next-video{right:10px;top:50%;transform:translateY(-40%) rotate(180deg)}.controls-navigations{justify-content:space-between}.nav-arrow.right{transform:rotate(180deg)}.nav-arrow svg{width:6.5px;height:13px}.nav-arrow{width:24px;height:24px;color:#2f3c2f;background:none;border:none;justify-content:center;align-items:center;cursor:pointer}.slider-dots{gap:8px;align-items:center}.slider-dots .dot{height:11px;width:11px;background:#2f3c2f;border-radius:50%;cursor:pointer}.slider-dots .dot.active{border:2px solid #2F3C2F;background:transparent}.controls-video-buttons{position:absolute;top:30px;right:30px;z-index:2;display:flex;gap:10px}span.button-icon.button-icon-play{color:#fff}.hidden-until-ready,.button-icon.icon-hidden{display:none}.next-video svg.icon-arrow{width:.8rem!important;height:1.4rem}@media screen and (max-width: 1100px){.videos-wrapper{max-width:37vw}}@media screen and (max-width: 989px){.videos-wrapper{max-width:fit-content}.controls-video-buttons{right:80px}}@media screen and (max-width: 768px){.nav-arrow{width:3rem}.video-player{height:auto}.video-player .video{max-width:300px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/videos.css.map */