@keyframes tonext{75%{left:0}95%{left:100%}98%{left:100%}99%{left:0}}@keyframes tostart{75%{left:0}95%{left:-300%}98%{left:-300%}99%{left:0}}@keyframes snap{96%{scroll-snap-align:center}97%{scroll-snap-align:none}99%{scroll-snap-align:none}to{scroll-snap-align:center}}*{box-sizing:border-box;scrollbar-color:transparent transparent;scrollbar-width:0}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border:none}*{-ms-overflow-style:none}li,ol{list-style:none;margin:0;padding:0}.carousel{padding-top:100px;position:relative}.carousel__viewport{bottom:0;counter-reset:item;display:flex;left:0;overflow-x:scroll;position:absolute;right:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;top:0}.carousel__slide{counter-increment:item;flex:0 0 100%;position:relative;text-decoration:none;width:100%}.carousel__slide,.carousel__slide:nth-child(2n){background-color:var(--color-primary-light)}.carousel__slide:before{color:#fff;font-size:2em;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-40%,70px)}.carousel__snapper{height:100%;left:0;position:absolute;scroll-snap-align:center;top:0;width:100%}@media (hover:hover){.carousel__snapper{animation-duration:4s;animation-iteration-count:infinite;animation-name:tonext,snap;animation-timing-function:ease}.carousel__slide:last-child .carousel__snapper{animation-name:tostart,snap}}@media (prefers-reduced-motion:reduce){.carousel__snapper{animation-name:none}}.carousel:focus-within .carousel__snapper,.carousel:hover .carousel__snapper{animation-name:none}.carousel__navigation{bottom:0;left:0;position:absolute;right:0;text-align:center}.carousel__navigation-item,.carousel__navigation-list{display:inline-block}.carousel__navigation-button{background-clip:content-box;background-color:#333;border:.25rem solid transparent;border-radius:50%;display:inline-block;font-size:0;height:1.5rem;transition:transform .1s;width:1.5rem}.carousel:after,.carousel:before,.carousel__next,.carousel__prev{border-radius:50%;font-size:0;height:4rem;margin-top:37.5%;outline:0;position:absolute;top:0;transform:translateY(-50%);width:4rem}.carousel:before,.carousel__prev{left:-1rem}.carousel:after,.carousel__next{right:-1rem}