*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}.App{height:100vh;font-family:system-ui;justify-content:center}.App,.carousel__list{align-items:center;display:grid}.carousel__list{grid-row-gap:1.25rem;grid-template-columns:1fr;grid-template-rows:1fr auto;max-width:40rem;overflow:hidden;padding:1rem 2rem;list-style-type:none}.carousel__item{grid-column:1;grid-row:1;line-height:1.2;text-align:center;transition:transform .2s}.carousel__item.active{transform:translateX(0)}.carousel__item.left{transform:translateX(-110%)}.carousel__item.right{transform:translateX(110%)}.carousel__indicator{display:grid;grid-gap:1rem;grid-template-columns:repeat(5,1fr);grid-row:2;justify-self:center}.carousel__dot{background-color:#fff;border-radius:50%;border:.0625rem solid #696a6b;display:block;height:.5rem;width:.5rem}.carousel__dot.active{background-color:#696a6b}.carousel__citation{display:block;font-size:.875rem;font-style:normal;margin-bottom:1.25rem}.carousel__name{display:block;font-style:normal;font-weight:600}.carousel__quote{font-style:italic;line-height:1.5}