.hero-videos-wrapper{position:relative;width:100%;overflow:hidden;background:#000}.hero-videos-container{position:relative;width:100%;padding-bottom:56.25%;background:#000}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out}.hero-video--active{opacity:1}.hero-videos-controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:2rem;align-items:center;z-index:10}.hero-videos-prev,.hero-videos-next{background:#ffffff4d;border:2px solid rgba(255,255,255,.6);color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hero-videos-prev:hover,.hero-videos-next:hover{background:#ffffff80;border-color:#ffffffe6}.hero-videos-dots{display:flex;gap:.8rem}.hero-videos-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s ease}.hero-videos-dot.active{background:#ffffffe6;width:28px;border-radius:6px}.hero-videos-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;background:#0000004d}.hero-videos-content{text-align:center;color:#fff;max-width:600px;padding:2rem}.hero-videos-heading{font-size:3.5rem;font-weight:700;margin:0 0 1rem;line-height:1.1}.hero-videos-subheading{font-size:1.25rem;margin:0 0 2rem;line-height:1.6;opacity:.95}.hero-videos-button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#000;text-decoration:none;border-radius:4px;font-weight:600;transition:all .3s ease;border:2px solid white}.hero-videos-button:hover{background:transparent;color:#fff}@media(max-width:768px){.hero-videos-heading{font-size:2rem}.hero-videos-subheading{font-size:1rem}.hero-videos-controls{bottom:1rem;gap:1rem}.hero-videos-prev,.hero-videos-next{width:36px;height:36px;font-size:1rem}.hero-videos-dot{width:8px;height:8px}.hero-videos-dot.active{width:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-videos.css.map */