.carousel{overflow:hidden;position:relative;padding-bottom:20px}.carousel .slides{max-width:none;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.carousel .slides li{list-style:none;text-align:center}.carousel button{position:absolute;top:calc(50% - 20px);-webkit-transform:translateY(-50%);transform:translateY(-50%);height:40px;width:40px;z-index:99;cursor:pointer;background:var(--blue-light);-webkit-transition:background-color var(--bezier);transition:background-color var(--bezier)}.carousel button:hover{background:var(--blue)}.carousel button.hide{visibility:hidden}.carousel button.next{right:0px}.carousel button.next span{rotate:-90deg}.carousel button.prev{left:0px}.carousel button.prev span{rotate:90deg}.carousel .pagination{width:auto;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}.carousel .pagination li{list-style:none;cursor:pointer;height:16px;width:16px;border-radius:100px;background-color:var(--_dot-color)}.carousel .pagination li.active{background-color:var(--_dot-active-color)}