.light-foreground{background:#6c7a891f}.hero-carousel{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;overflow:hidden;justify-items:end}.hero-left{display:flex;flex-direction:column;justify-content:center}.carousel-column{display:flex;flex-direction:column;gap:1rem;animation:scroll-up 30s linear infinite}.carousel-item{background:#f4f4f4;padding:1rem;border-radius:.5rem;box-shadow:0 0 5px #0000001a}.hero__carousel-column{position:relative;overflow:hidden}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (max-width: 768px){.hero-carousel{display:flex;flex-direction:column;padding:2rem 1rem;gap:2rem}.hero__text-column,.hero__carousel-column{width:100%}.hero__cta-button{display:block;width:100%;text-align:center}}.hero-right{flex:1;display:flex;position:relative;overflow:hidden;max-width:400px;gap:1rem;height:500px}.carousel-column{flex:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden;height:1000px}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.carousel-column.up{animation:scrollUp 20s linear infinite}.carousel-column.down{animation:scrollDown 20s linear infinite}.carousel-fade{position:absolute;bottom:0;left:0;width:100%;height:5rem;pointer-events:none;background:linear-gradient(to top,rgba(246 246 246 / .8),transparent);z-index:10}@media (max-width: 768px){.hero-right{display:none}.carousel-column{animation-play-state:paused}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-carousel.css.map */