.carousel{background:var(--clr-white);border-radius:16px;position:relative}.carousel,.carousel__container{width:100%}.carousel__wrapper{border-radius:12px;overflow:hidden;width:100%}.carousel__track{display:flex;gap:var(--carousel-gap,24px);padding:var(--track-padding,1rem .75rem 2rem .75rem);transition:transform .3s ease;width:100%}.carousel__item{display:flex;flex:0 0 calc((100% - var(--carousel-gap, 24px)*(var(--items-per-view) - 1))/var(--items-per-view));height:auto;justify-content:center;width:calc((100% - var(--carousel-gap, 24px)*(var(--items-per-view) - 1))/var(--items-per-view))}.carousel__controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:-1rem;position:relative;z-index:16}.carousel__controls .carousel__nav.icon-button{border-radius:50%;flex:0 0 auto;height:3rem;padding:0;width:3rem}.carousel__controls .carousel__nav.icon-button>i{height:auto;line-height:1;width:auto}.carousel__controls .carousel__nav.icon-button:hover{border-radius:50%}.carousel__controls .carousel__nav.icon-button:focus-visible{outline:2px solid var(--clr-primary-75);outline-offset:2px}.carousel__controls .carousel__nav.icon-button:focus:not(:focus-visible){outline:none}.carousel__steps{display:flex;gap:.5rem;transition:all .3s ease}.carousel__step{background:var(--clr-primary-15);border-radius:var(--radius-pill);height:.5rem;transition:all .3s ease;width:.5rem}.carousel__step.active{background:var(--clr-primary-75);width:2rem}