.carousel{margin:auto;--slide-height:24rem;--slide-spacing:1rem;--slide-size:100%}@media screen and (max-width:768px){.carousel{--slide-height:25rem}}.carousel__viewport{overflow:hidden}.carousel__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.carousel__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.carousel__slide__number{height:var(--slide-height);box-shadow:inset 0 0 0 .2rem #000;font-size:4rem;font-weight:600;user-select:none}.carousel__dots,.carousel__slide__number{display:flex;align-items:center;justify-content:center}.carousel__dots{flex-wrap:wrap;margin:.4rem calc((2.6rem - 1.4rem) / 2 * -1) .4rem 0;height:2.4rem}.carousel__dot{-webkit-tap-highlight-color:rgba(192,192,192,.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:1.8rem;height:1.8rem;justify-content:center}.carousel__dot,.carousel__dot:after{display:flex;align-items:center;border-radius:50%}.carousel__dot:after{width:1.4rem;height:1.4rem;content:"";transform:scale(.4);background:#fff;transition:transform .2s ease-in-out}.carousel__dot--selected:after{transform:scale(.8)}