.carousel-wrapper{position:relative;width:100%;overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-item{flex:0 0 100%;width:100%;overflow:hidden;max-height:25rem}.carousel-item img{width:100%;height:auto}.carousel-next,.carousel-prev{position:absolute;top:50%;transform:translateY(-50%);padding:.5rem;background:rgba(0,0,0,.5);color:white;font-size:0;border:none;border-radius:var(--circle);aspect-ratio:1/1;cursor:pointer}.carousel-prev{left:10px;transform:rotate(-180deg)}.carousel-next{right:10px}.carousel-indicators{display:flex;justify-content:center;position:absolute;bottom:10px;width:100%}.indicator{width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:gray;border:none;cursor:pointer}.indicator.active{background-color:white}.carousel-hold-progress{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:conic-gradient(white 0,white 0,transparent 0);animation:fillProgress 3s linear forwards;pointer-events:none;z-index:10}@keyframes fillProgress{0%{background:conic-gradient(white 0,transparent 0)}to{background:conic-gradient(white 100%,transparent 0)}}