.blog-carousel{background-color:var(--color-background);overflow:hidden}.blog-carousel__heading-wrap{padding:0 15px;margin-bottom:70px}.blog-carousel__heading{font-family:var(--font-heading-family);font-size:44px;font-weight:var(--font-weight-regular);line-height:44px;color:var(--color-primary);margin:0}.blog-carousel__heading em,.blog-carousel__heading i{font-style:italic}.blog-carousel__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:20px;padding-right:15px}.blog-carousel__track::-webkit-scrollbar{display:none}.blog-carousel__card{position:relative;flex-shrink:0;width:337px;height:547px;display:flex;align-items:flex-end;padding:20px;overflow:hidden;text-decoration:none;scroll-snap-align:start}.blog-carousel__card:hover{color:var(--color-text-light)}.blog-carousel__card-media{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blog-carousel__card-img{width:100%;height:100%;object-fit:cover;display:block}.blog-carousel__card-placeholder{width:100%;height:100%;background-color:var(--color-primary)}.blog-carousel__card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(154.53deg,#fff9ee00 35.2%,#05050599 81.4%)}.blog-carousel__card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}.blog-carousel__card-title{font-family:var(--font-body-family);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-text-light);line-height:normal;margin:0}.blog-carousel__card-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-family:var(--font-body-family);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-accent);border-radius:40px;line-height:normal;white-space:nowrap;transition:opacity var(--transition-base)}.blog-carousel__card:hover .blog-carousel__card-cta{opacity:.85}@media screen and (min-width:768px){.blog-carousel__heading-wrap{padding:0 30px}.blog-carousel__track{padding-left:30px;scroll-padding-left:30px;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-blog-carousel.css.map */