.carousel{width:100%}@media (min-width:640px){.carousel{width:80%}}.carousel{overflow:hidden}.carousel-track{display:flex;transition:transform .4s ease-in-out}.carousel-slide{min-width:100%;box-sizing:border-box}.carousel-dot{height:.25rem;width:.25rem;padding:.25rem!important}.carousel-buttons{top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.carousel-button{background-color:rgba(0,0,0,.5);border:none;color:white;font-size:20px;padding:10px 15px!important;cursor:pointer;border-radius:50%;outline:none;transition:background-color .3s}.carousel-button:hover{background-color:rgba(0,0,0,.8)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-reverse{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.animate-marquee{animation:marquee 40s linear infinite}.animate-marquee,.animate-marquee-reverse{display:flex;flex-wrap:nowrap;white-space:nowrap;width:max-content}.animate-marquee-reverse{animation:marquee-reverse 40s linear infinite}.active{height:.375rem;width:.375rem;background-color:var(--c4);padding:.375rem!important}