/* Generated by scripts/doone_together_gen.py from Sham's Figma keyframes (J04).
   Each screen's entrance plays once, when it appears in the journey. Do not edit by hand. */
.together .hs:not(.is-live) *{animation-play-state:paused!important}
.together .k3035_297{animation:k3035_297o 2s linear 1 both,k3035_297t 2s linear 1 both}
@keyframes k3035_297o{0%{opacity:0;}2.5%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}15.3%{opacity:1;}100%{opacity:1;}}
@keyframes k3035_297t{0%{translate:0px 40px;}2.5%{translate:0px 40px;animation-timing-function:cubic-bezier(0.32, 0.72, 0, 1);}18.5%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3035_344{animation:k3035_344o 2s linear 1 both,k3035_344t 2s linear 1 both,k3035_344s 2s linear 1 both}
@keyframes k3035_344o{0%{opacity:0;}2.5%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}9.7%{opacity:1;}100%{opacity:1;}}
@keyframes k3035_344t{0%{translate:0px 6px;}2.5%{translate:0px 6px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}11.5%{translate:0px 0px;}100%{translate:0px 0px;}}
@keyframes k3035_344s{0%{scale:0.96 0.96;}2.5%{scale:0.96 0.96;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}11.5%{scale:1 1;}100%{scale:1 1;}}
.together .k3035_382{animation:k3035_382o 2s linear 1 both}
@keyframes k3035_382o{0%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}14%{opacity:0.45;}100%{opacity:0.45;}}
.together .k3035_383{animation:k3035_383t 2s linear 1 both}
@keyframes k3035_383t{0%{translate:0px 640px;animation-timing-function:cubic-bezier(0.32, 0.72, 0, 1);}22%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3035_386{animation:k3035_386o 2s linear 1 both,k3035_386t 2s linear 1 both}
@keyframes k3035_386o{0%{opacity:0;}10%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}22%{opacity:1;}100%{opacity:1;}}
@keyframes k3035_386t{0%{translate:0px 10px;}10%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}25%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3035_389{animation:k3035_389o 2s linear 1 both,k3035_389t 2s linear 1 both}
@keyframes k3035_389o{0%{opacity:0;}12%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}24%{opacity:1;}100%{opacity:1;}}
@keyframes k3035_389t{0%{translate:0px 10px;}12%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}27%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3035_392{animation:k3035_392o 2s linear 1 both,k3035_392t 2s linear 1 both}
@keyframes k3035_392o{0%{opacity:0;}14%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}26%{opacity:1;}100%{opacity:1;}}
@keyframes k3035_392t{0%{translate:0px 10px;}14%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}29%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3035_394{animation:k3035_394o 2s linear 1 both,k3035_394t 2s linear 1 both}
@keyframes k3035_394o{0%{opacity:0;}16%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}28%{opacity:1;}100%{opacity:1;}}
@keyframes k3035_394t{0%{translate:0px 10px;}16%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}31%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3035_408{animation:k3035_408o 2s linear 1 both,k3035_408t 2s linear 1 both}
@keyframes k3035_408o{0%{opacity:0;}18%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}30%{opacity:1;}100%{opacity:1;}}
@keyframes k3035_408t{0%{translate:0px 10px;}18%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}33%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3035_409{animation:k3035_409o 2s linear 1 both,k3035_409t 2s linear 1 both}
@keyframes k3035_409o{0%{opacity:0;}20%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}32%{opacity:1;}100%{opacity:1;}}
@keyframes k3035_409t{0%{translate:0px 10px;}20%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}35%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_411{animation:k3036_411o 2s linear 1 both}
@keyframes k3036_411o{0%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}14%{opacity:0.45;}100%{opacity:0.45;}}
.together .k3036_412{animation:k3036_412t 2s linear 1 both}
@keyframes k3036_412t{0%{translate:0px 680px;animation-timing-function:cubic-bezier(0.32, 0.72, 0, 1);}22%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_415{animation:k3036_415o 2s linear 1 both,k3036_415t 2s linear 1 both}
@keyframes k3036_415o{0%{opacity:0;}10%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}22%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_415t{0%{translate:0px 10px;}10%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}25%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_418{animation:k3036_418o 2s linear 1 both,k3036_418t 2s linear 1 both}
@keyframes k3036_418o{0%{opacity:0;}12%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}24%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_418t{0%{translate:0px 10px;}12%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}27%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_421{animation:k3036_421o 2s linear 1 both,k3036_421t 2s linear 1 both}
@keyframes k3036_421o{0%{opacity:0;}14%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}26%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_421t{0%{translate:0px 10px;}14%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}29%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_450{animation:k3036_450o 2s linear 1 both,k3036_450t 2s linear 1 both}
@keyframes k3036_450o{0%{opacity:0;}16%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}28%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_450t{0%{translate:0px 10px;}16%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}31%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_454{animation:k3036_454o 2s linear 1 both,k3036_454t 2s linear 1 both}
@keyframes k3036_454o{0%{opacity:0;}18%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}30%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_454t{0%{translate:0px 10px;}18%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}33%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_455{animation:k3036_455o 2s linear 1 both,k3036_455t 2s linear 1 both}
@keyframes k3036_455o{0%{opacity:0;}20%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}32%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_455t{0%{translate:0px 10px;}20%{translate:0px 10px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}35%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_341{animation:k3036_341o 2s linear 1 both,k3036_341t 2s linear 1 both}
@keyframes k3036_341o{0%{opacity:0;}9%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}21%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_341t{0%{translate:0px 8px;}9%{translate:0px 8px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}24%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_342{animation:k3036_342o 2s linear 1 both,k3036_342t 2s linear 1 both}
@keyframes k3036_342o{0%{opacity:0;}10.75%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}22.75%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_342t{0%{translate:0px 8px;}10.75%{translate:0px 8px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}25.75%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_352{animation:k3036_352o 2s linear 1 both,k3036_352t 2s linear 1 both}
@keyframes k3036_352o{0%{opacity:0;}12.5%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}24.5%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_352t{0%{translate:0px 8px;}12.5%{translate:0px 8px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}27.5%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_353{animation:k3036_353o 2s linear 1 both,k3036_353t 2s linear 1 both}
@keyframes k3036_353o{0%{opacity:0;}14.25%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}26.25%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_353t{0%{translate:0px 8px;}14.25%{translate:0px 8px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}29.25%{translate:0px 0px;}100%{translate:0px 0px;}}
.together .k3036_361{animation:k3036_361o 2s linear 1 both,k3036_361t 2s linear 1 both}
@keyframes k3036_361o{0%{opacity:0;}16%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}28%{opacity:1;}100%{opacity:1;}}
@keyframes k3036_361t{0%{translate:0px 8px;}16%{translate:0px 8px;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}31%{translate:0px 0px;}100%{translate:0px 0px;}}