#animation-2,#animation-3,#animation-4,#animation-5,#animation-6{opacity:0;animation:fade-in .2s linear forwards;animation-delay:2s}.h1-animation-line{position:absolute;display:flex;gap:16px;@media (max-width:768px){gap:8px}align-items:center}.h1-animation-line.active{position:static}.h1-animation-line.hide .word{animation:word-fade-out .2s ease-in-out forwards;animation-delay:.5s;opacity:1}.h1-animation-line.active .word{animation:word-fade-in .2s ease-in-out forwards,word-color 3s ease-in-out forwards;opacity:0}.h1-animation-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.swipe-line{position:absolute;width:1px;height:100%;background-color:var(--color-primary)}.swipe-wrapper{position:absolute;display:flex;width:0;height:0;background-color:var(--color-page);justify-content:flex-end}.swipe-gradient{background-image:linear-gradient(90deg,var(--color-page),color-mix(in srgb,var(--color-primary) 40%,transparent));width:200px;position:relative;top:0;bottom:0;right:1px}.active .word._0{animation-delay:.5s}.active .word._1{animation-delay:.55s}.active .word._2{animation-delay:.65s}.active .word._3{animation-delay:.75s}@keyframes word-fade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(16px)}}@keyframes word-fade-in{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes word-color{0%{color:var(--color-primary)}to{color:var(--color-neutral)}}.active .swipe-wrapper{animation:swipe-wrapper 1.5s ease-in-out forwards;left:-6%}@keyframes swipe-wrapper{0%{height:0}20%{height:100%;width:0}80%{width:calc(100% + 12%);height:100%;opacity:1}to{width:calc(100% + 12%);height:100%;opacity:0}}