.carousel-container{position:relative;overflow:hidden;border-radius:16px;margin:1rem;border:2px solid var(--color-primary);box-shadow:5px 10px 10px var(--color-text);display:flex;flex-direction:row;align-items:center;justify-content:center}.carousel-container-bordeless{border:none;box-shadow:none}.carousel-track{flex-direction:row;width:100%}.carousel-btn,.carousel-track{display:flex;align-items:center}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background-color:#fff;opacity:.7;border:none;cursor:pointer;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:transform .2s,opacity .2s}.carousel-btn:hover{transform:translateY(-50%) scale(1.1);opacity:1}.carousel-btn.disabled{opacity:.4;cursor:not-allowed;background-color:#ccc}.carousel-btn.left{left:1rem}.carousel-btn.right{right:1rem}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.carousel-indicators button{width:8px;height:8px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.5);transition:all .3s}.carousel-indicators button.active{width:32px;background-color:#fff}