.smooth-scroll-carousel{overflow:hidden;width:100%;position:relative;aspect-ratio:16/9;max-height:80vh;border-radius:.5rem;background-color:rgb(245,245,245)}.smooth-scroll-carousel.vertical{aspect-ratio:9/16;max-height:80vh}.dark .smooth-scroll-carousel{background-color:rgb(31,41,55)}.smooth-scroll-track{display:flex;will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite}.smooth-scroll-track.smooth-scroll-left-to-right{animation-name:scrollLeftToRight;height:100%}.smooth-scroll-track.smooth-scroll-right-to-left{animation-name:scrollRightToLeft;height:100%}.smooth-scroll-track.smooth-scroll-top-to-bottom{animation-name:scrollTopToBottom;width:100%}.smooth-scroll-track.smooth-scroll-bottom-to-top{animation-name:scrollBottomToTop;width:100%}.smooth-scroll-item{flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;padding:0}.image-container{position:relative;width:100%;height:100%;border-radius:0;overflow:hidden;background-color:white}.dark .image-container{background-color:rgb(55,65,81)}@keyframes scrollLeftToRight{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollRightToLeft{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes scrollTopToBottom{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollBottomToTop{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes smoothScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.smooth-scroll-carousel:hover .smooth-scroll-track{animation-play-state:paused}@media (max-width:768px){.smooth-scroll-carousel{max-height:40vh}.smooth-scroll-item{padding:0}}