.carousel{position:relative}.carousel__viewport{overflow:hidden}.carousel__container{display:flex}.carousel__container--horizontal{margin-left:-1rem}.carousel__container--vertical{flex-direction:column;margin-top:-1rem}.carousel__slide{flex:0 0 100%;min-width:0;position:relative;overflow:hidden}.carousel__slide--horizontal{padding-left:1rem}.carousel__slide--vertical{padding-top:1rem}.carousel__dots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.carousel__dot{appearance:none;cursor:pointer;background:#d9d9d9;border:0;border-radius:9999px;width:.5rem;height:.5rem;padding:0;transition:all .3s}.carousel__dot.is-active{background:#50223c;width:1.5rem;height:.5rem}