.auto-carousel,.auto-carousel__viewport{width:100%;position:relative}.auto-carousel__viewport{padding-top:8px;overflow:hidden}.auto-carousel__track{display:flex;align-items:stretch;transition:transform .6s ease;will-change:transform;margin-left:10px}.auto-carousel__track--no-transition{transition:none}.auto-carousel__slide{flex:0 0 calc((100% - var(--auto-carousel-gap, 1rem)*(var(--auto-carousel-visible-count, 5) - 1))/var(--auto-carousel-visible-count, 5));max-width:calc((100% - var(--auto-carousel-gap, 1rem)*(var(--auto-carousel-visible-count, 5) - 1))/var(--auto-carousel-visible-count, 5));display:flex}.auto-carousel__slide>*{width:100%}.auto-carousel__controls{position:absolute;top:50%;left:0;right:0;width:100%;max-width:90rem;padding:0 1rem;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:3;pointer-events:none}.auto-carousel__control{background:rgba(17,24,40,.75);border:.0625rem solid rgba(197,161,255,.7);color:#fff;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease;opacity:.9;pointer-events:auto}.auto-carousel__control:hover{background:rgba(59,35,110,.95);transform:scale(1.05);opacity:1}@media(max-width:64rem){.auto-carousel__controls{padding:0 .75rem}}@media(max-width:48rem){.auto-carousel__controls{padding:0 .5rem}}@keyframes auto-carousel-fade{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}