.hero-carousel{position:relative;height:100vh;overflow:hidden}.carousel-track{height:100%;position:relative}.carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center}.carousel-slide.active{opacity:1;z-index:1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.carousel-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;z-index:2}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;cursor:pointer;z-index:3;transition:background .25s ease,transform .25s ease,opacity .25s ease}.carousel-btn.prev{left:24px}.carousel-btn.next{right:24px}.carousel-btn svg{display:block}.carousel-btn:hover{background:#000000a6;transform:translateY(-50%) scale(1.08)}.carousel-btn:active{transform:translateY(-50%) scale(.95)}@media (max-width: 768px){.carousel-btn{width:38px;height:38px}.carousel-btn svg{width:16px;height:16px}}.carousel-dots{position:absolute;bottom:25px;width:100%;text-align:center;z-index:3}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;display:inline-block;margin:0 5px;cursor:pointer}.carousel-dot.active{background:#fff}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-carousel-vanilla.css.map */