.carousel{height:100%}.carousel__viewport{height:100%;overflow:hidden}.carousel__container{height:100%;display:flex}.carousel__slide{flex:0 0 100%;min-width:0;height:100%}.carousel__dots{justify-content:center;gap:.5rem;padding-top:.75rem;display:flex}.carousel__dot{background:var(--color-border);cursor:pointer;border:none;border-radius:50%;width:.5rem;height:.5rem;padding:0}.carousel__dot--active{background:var(--color-primary)}