.blog-carousel-section{overflow:hidden;position:relative;width:100%}.blog-carousel__heading{text-align:center;margin-bottom:2rem}.blog-carousel-container{position:relative;width:100%;overflow:hidden}.blog-carousel-track{display:flex;width:max-content;animation:scroll var(--animation-speed) linear infinite}.blog-carousel-track:hover{animation-play-state:paused}.blog-carousel-card{flex:0 0 auto;width:var(--card-width);margin-right:10px;position:relative}.blog-carousel-card__link{display:block;text-decoration:none;color:inherit;height:var(--card-height)}.blog-carousel-card__image-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2px}.blog-carousel-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-carousel-card:hover .blog-carousel-card__image{transform:scale(1.05)}.blog-carousel-card__overlay{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%)}.blog-carousel-card__title{position:absolute;bottom:15px;left:15px;right:15px;color:#fff;font-size:14px;font-weight:600;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.placeholder{background-color:#f3f3f3;display:flex;align-items:center;justify-content:center;color:#999}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * (var(--card-width) + var(--card-spacing)) * var(--card-count)))}}@media screen and (max-width: 768px){.blog-carousel-card__title{font-size:14px;bottom:10px;left:10px;right:10px}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * (var(--card-width) + var(--card-spacing)) * var(--card-count, 5)))}}.blog-carousel-track{display:flex;animation:scroll var(--animation-speed, 40s) linear infinite}.blog-carousel-controls{display:flex;justify-content:center;align-items:center;margin-top:25px;gap:15px;flex-wrap:wrap}.blog-carousel-speed-control{display:flex;align-items:center;gap:10px;background:#fff;padding:8px 15px;border-radius:20px;box-shadow:0 2px 8px #0000001a}.blog-carousel-speed-control label{font-size:14px;color:#555}.blog-carousel-speed-control input{width:120px}.blog-carousel-play-pause-btn{background:#333;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:background .3s ease}.blog-carousel-play-pause-btn:hover{background:#555}@media screen and (max-width: 768px){.blog-carousel-controls{flex-direction:column;gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-articles-carousel.css.map */