@keyframes slideLeftCloud{0%{transform:translateX(-20vw);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideRightCloud1{0%{transform:translateX(50vw);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideRightCloud2{0%{transform:translateX(30vw);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeLogoIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFromBottom{0%{transform:translateY(50%)}to{transform:translateY(0)}}@keyframes slideUpFromBottomMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bounceDown{0%{transform:translateY(0)}80%{transform:translateY(50%)}to{transform:translateY(0)}}@keyframes fadeInHeader{0%{opacity:0}to{opacity:1}}.pristine{.animateHeader{animation:fadeInHeader 1s ease-out forwards;animation-delay:var(--header-delay,3.7s)}.animateCloudLeft1,.animateCloudLeft2,.animateCloudLeft3{animation:slideLeftCloud var(--animation-duration,2s) ease-out forwards}.animateCloudRight1{animation:slideRightCloud1 var(--animation-duration,2s) ease-out forwards,bounceDown 2s ease-out var(--bounce-delay,2.7s)}.animateCloudRight2,.animateCloudRight3{animation:slideRightCloud2 var(--animation-duration,2s) ease-out forwards;animation-delay:.3s}.animateLogo{animation:fadeLogoIn var(--animation-duration,2s) ease-out forwards;transform-origin:center}.animateBeachLayer{animation:slideUpFromBottomMobile var(--animation-duration,2s) ease-in-out forwards;animation-delay:var(--beach-delay,2.7s);@media (min-width:768px){animation:slideUpFromBottom var(--animation-duration,2s) ease-in-out forwards;animation-delay:var(--beach-delay,2.7s)}}.animateCharactersLayer{animation:slideUpFromBottomMobile var(--animation-duration,2s) ease-out forwards;animation-delay:var(--characters-delay,2.7s);@media (min-width:768px){animation:slideUpFromBottom var(--animation-duration,2s) ease-out forwards;animation-delay:var(--characters-delay,2.7s)}}}.pristine .animateCloudLeft1,.pristine .animateCloudRight1,.pristine .animateCloudRight2,.pristine .animateHeader,.pristine .animateLogo{opacity:0}.pristine .animateBeachLayer,.pristine .animateCharactersLayer{transform:translateY(100%);@media (min-width:768px){transform:translateY(50%)}}.animateCloudLeft1,.animateCloudRight1,.animateCloudRight2,.animateHeader,.animateLogo{opacity:1}.animateBeachLayer,.animateCharactersLayer{transform:translateY(0)}