.carousel{width:100%;height:100%;margin:0 auto;position:relative}.carousel .trackContainer{height:100%;position:relative;overflow:hidden}.carousel .trackContainer ul{height:100%;list-style:none;transition:transform .4s ease-in-out;position:relative}.carousel .trackContainer ul li{width:100%;position:absolute;top:0;bottom:0}.carousel .indicators{justify-content:center;align-items:center;gap:1rem;width:100%;height:2rem;margin-top:.5rem;display:flex}.carousel .indicators .indicator{background-color:#80808066;border-radius:50%;width:1rem;height:1rem}.carousel .indicators .indicator:hover,.carousel .indicators .indicator.current{background-color:#737373}.carousel button.arrow{background-color:#80808026;border-radius:100%;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media only screen and (width<=800px){.carousel button.arrow{background-color:#0000}}.carousel button.arrow:hover{background-color:#8080803b}@media only screen and (width<=800px){.carousel button.arrow:hover{background-color:#0000}}.carousel button.arrow img{width:1.2rem}.carousel button.arrow.previous{left:-4rem}@media only screen and (width<=800px){.carousel button.arrow.previous{left:-3rem}}.carousel button.arrow.next{right:-4rem}@media only screen and (width<=800px){.carousel button.arrow.next{right:-3rem}}.carousel button.arrow.hidden{display:none}.carousel button.arrow .left{transform:rotate(90deg)}.carousel button.arrow .right{transform:rotate(-90deg)}