@keyframes flyIn{0%{top:50px;left:350px;z-index:0}to{top:0;left:0;z-index:0}}@media (max-width:640px){@keyframes flyIn{0%{top:50px;right:250px;z-index:0}to{top:0;right:0;z-index:0}}}.flyInAnimation{animation:flyIn .13s ease-out}.strangerMessageAnimation{animation:strangerMessage .2s ease-out}@keyframes strangerMessage{0%{top:50px;z-index:0}to{top:0;z-index:0}}@keyframes flyInMobile{0%{top:50px;right:250px;z-index:0}to{top:0;right:0;z-index:0}}.flyInAnimationMobile{animation:flyInMobile .13s ease-out}@keyframes autoAnimation{0%{opacity:0}5%{opacity:1}20%,to{stroke-dashoffset:4;opacity:0}}.borderContainer{height:100%;width:100%;position:absolute;transition:all .5s ease 0s;top:0;left:0}.borderContainer svg{animation:autoAnimation 5s linear .5s infinite normal}.borderLines{position:absolute;inset:0;mix-blend-mode:hard-light;pointer-events:none}.borderLines>div svg:first-child{stroke:#fff}.borderLines>div svg:nth-child(2){stroke-width:5px;filter:blur(20px)}.borderLines>div svg:nth-child(3){stroke-width:6px;filter:blur(6px)}.borderLines>div svg:nth-child(4){stroke-width:25px;filter:blur(56px)}.borderLines>div:last-child{transform:rotate(180deg)}.borderLines>div,.borderLines>div svg{position:absolute;inset:0}.borderLines>div svg{overflow:visible;fill:none;stroke-width:2;stroke:#fff;width:100%;height:100%;stroke-dasharray:2,10;stroke-dashoffset:14;opacity:0}.animationCountAppear{animation:countBoxAppear .9s forwards}@keyframes countBoxAppear{0%{transform:translateY(0)}60%{transform:translateY(-15px) scale(1.6)}to{transform:translateY(0)}}