@charset "utf-8";

.animation-l { animation: 1.5s ease-out 0s 1 normal none running translate-l; }

.animation-r { animation: 1.5s ease-out 0s 1 normal none running translate-r; }

.animation-t { animation: 1s ease-out 0s 1 normal none running translate-t; }

@keyframes translate-l { 
  0% { left: -100%; }
  100% { left: calc(8.33333%); }
}

@keyframes translate-r { 
  0% { right: -100%; }
  100% { right: calc(8.33333%); }
}

@keyframes translate-t { 
  0% { top: 100%; opacity: 0; }
  100% { opacity: 1; }
}

.scroll-container { overflow: hidden; }

.scroll-track { will-change: transform; }

.scroll-item { flex: 0 0 auto; transition: transform 0.2s ease 0s; }

.fade-in-scall.is-visible { animation: 1s linear 0s 1 normal none running scale-title; }

@keyframes scale-title { 
  0% { scale: 0.7; }
  50% { scale: 1.2; }
  100% { scale: 1; }
}

.fade-in-section { opacity: 0; transform: translateY(100%); transition: opacity 1s ease-out 0s, transform 1s ease-out 0s; }

.fade-in-section.is-visible { opacity: 1; transform: none; }