.carousel-container{position:relative;max-width:1000px;margin:0 auto;overflow:hidden;border-radius:.5rem}.carousel-slides{display:flex;transition:transform .5s ease}.carousel-slide{min-width:100%;-o-object-fit:cover;object-fit:cover;height:auto}.carousel-nav{position:absolute;top:0;bottom:0;width:10%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#0000001a;border:none;outline:none}.carousel-nav:hover{background:#0003}.carousel-nav-left{left:0}.carousel-nav-right{right:0}.carousel-nav svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.carousel-indicator{height:10px;width:10px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .3s ease}.carousel-indicator.active{background-color:#fff}