.carousel-container{--carousel-offset:0;--carousel-item-width:clamp(var(--carousel-item-width-min,100px),14vw + 2rem,var(--carousel-item-width-max,312px));--carousel-items-per-page:5;--carousel-svg-height:24px;width:calc(var(--carousel-items-per-page) * var(--carousel-item-width));overflow:hidden;position:relative}.carousel-mover{display:flex;flex-direction:row;transition:transform .4s ease-in-out;transform:translate(calc(var(--carousel-offset) * -100%))}.dynamic-carousel-container{width:100%}.dynamic-carousel-mover>*{width:calc(100% / var(--carousel-items-per-page))}.carousel-container>button{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--clr-dark);cursor:pointer;z-index:4}.carousel-previous-button{left:0;border-radius:0 20px 20px 0;padding:4px 8px 2px 0}.carousel-next-button{right:0;border-radius:20px 0 0 20px;padding:4px 0 2px 8px}.carousel-next-button>svg,.carousel-previous-button>svg{height:var(--carousel-svg-height);padding:0}@media (max-width:439px){.carousel-container{--carousel-svg-height:20px}.carousel-previous-button{padding:8px 12px 6px 0}.carousel-next-button{padding:8px 0 6px 12px}}