.carousel-container{width:100%;max-width:56rem;margin:0 auto;position:relative;overflow:hidden}.carousel-image-wrapper{background-color:#000;height:80vh;overflow:hidden}.carousel-image-wrapper img{object-fit:contain;max-width:none;max-height:80vh}.carousel-dots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.carousel-dot{cursor:pointer;border:none;border-radius:9999px;height:.5rem;transition:all .2s}.carousel-dot.inactive{background-color:#d1d5db;width:.5rem}.carousel-dot.active{background-color:var(--secondary);width:2rem}.carousel-counter{text-align:center;color:var(--secondary);margin-top:.5rem;font-size:.875rem}.carousel-button{color:#fff;cursor:pointer;z-index:10;background-color:#00000080;border:none;padding:.5rem 1rem;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button.prev{left:.5rem}.carousel-button.next{right:.5rem}.carousel-loading,.carousel-empty{background-color:#e5e7eb;justify-content:center;align-items:center;width:100%;height:24rem;display:flex}