:root{--carousel-color-primary:#642afb;--carousel-color-secondary:#8e98f3;--carousel-color-white:#fff;--carousel-nav-width:30px}.carousel{position:relative;text-align:center}.carousel,.carousel *{box-sizing:border-box}.carousel__track{display:flex;margin:0;padding:0;position:relative}.carousel__viewport{overflow:hidden}.carousel__pagination{display:flex;justify-content:center;list-style:none}.carousel__pagination-button{margin:5px;width:10px;height:5px;border:0;cursor:pointer;background-color:var(--carousel-color-secondary)}.carousel__pagination-button--active{background-color:var(--carousel-color-primary)}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;justify-content:center;align-items:center}.carousel__icon{width:1.2em;height:1.2em;fill:currentColor}.carousel__next,.carousel__prev{background-color:var(--carousel-color-primary);border-radius:var(--carousel-nav-width);width:var(--carousel-nav-width);height:var(--carousel-nav-width);text-align:center;font-size:calc(var(--carousel-nav-width)*2/3);padding:0;color:var(--carousel-color-white);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer}.carousel__prev{top:50%;left:0;transform:translate(-50%,-50%)}.carousel__next{top:50%;right:0;transform:translate(50%,-50%)}.carousel__item{min-height:100%;width:100%;display:flex;box-sizing:border-box;background-color:rgba(219,233,233,.253);flex-direction:column;justify-content:center;text-align:left;padding-top:3rem;padding-bottom:3rem;padding-left:2rem;padding-right:2rem}.carousel__item .demo__button,.carousel__item h1{text-align:center}.carousel__item .demo__button .routerlink{box-sizing:border-box;padding:.5rem;display:inline-block}@media only screen and (max-width:600px){.carousel__item{padding-left:.5rem;padding-right:.5rem}.carousel__slide{margin:auto;height:auto}}.carousel__slide{width:80%;padding-left:20px;padding-right:20px;display:flex;flex-direction:column}.carousel__track{padding-top:4rem;padding-bottom:4rem}.carousel__next,.carousel__prev{box-sizing:content-box;border:5px solid #fff;background-color:#000}.carousel__slide>.carousel__item{transform:scale(1);opacity:.5;transition:.5s;border-radius:2rem}.carousel__slide--visible>.carousel__item{opacity:1;transform:rotateY(0)}.carousel__slide--next>.carousel__item{transform:scale(.9) translate(-10px)}.carousel__slide--prev>.carousel__item{transform:scale(.9) translate(10px)}.carousel__slide--active>.carousel__item{transform:scale(1.1)}