@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}@keyframes indicatorGrow{0%{transform:scale(0);opacity:0;transform-origin:bottom left;height:0}to{transform:scale(1);opacity:1;transform-origin:bottom left;height:38px}}.indicatorGrow{animation:indicatorGrow .2s ease-out forwards}@keyframes indicatorHide{0%{transform:scale(1);opacity:1;transform-origin:bottom left;height:38px}to{transform:scale(0);opacity:0;transform-origin:bottom left;height:0}}.indicatorHide{animation:indicatorHide .2s ease-in forwards}@keyframes indicatorContainerGrow{0%{height:0}to{height:38px}}.indicatorContainerGrow{animation:indicatorContainerGrow .2s ease-out forwards}@keyframes indicatorContainerHide{0%{height:38px}to{height:0}}.indicatorContainerHide{animation:indicatorContainerHide .2s ease-in-out forwards}.indicatorDot{animation-name:mercuryTyping;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite;height:4px;width:4px;border-radius:100%}@keyframes mercuryTyping{0%{transform:scale(1);background-color:#8f8f8f}20%{transform:scale(1.9);background-color:#3a3a3a}60%{transform:scale(1);background-color:#8f8f8f}to{transform:scale(1);background-color:#8f8f8f}}.blurIn{animation:blur-animation-in .2s forwards}.blurOut{animation:blur-animation-out .2s forwards}@keyframes blur-animation-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}}@keyframes blur-animation-out{0%{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.animationCountAppear{animation:countBoxAppear .9s forwards}@keyframes countBoxAppear{0%{transform:translateY(0)}60%{transform:translateY(-15px) scale(1.6)}to{transform:translateY(0)}}.animateSlideTop{animation:slideTop .5s ease-out .2s forwards;opacity:0}@keyframes slideTop{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shapeMove{0%{transform:scale(1)}25%{transform:scale(1.7,.8)}50%{transform:scale(1.5,.9)}75%{transform:scaleX(1.3)}to{transform:scale(1)}}footer>span{position:absolute;height:25px;border-radius:12px;transition:left .5s,width .5s,background-color .5s}footer>button:hover~span{width:11.1%}.footer-animation{animation:shapeMove .5s linear forwards}footer>button:first-child:hover~span{left:0}footer>button:nth-child(2):hover~span{left:11.1%}footer>button:nth-child(3):hover~span{left:22.2%}footer>button:nth-child(4):hover~span{left:33.3%}footer>button:nth-child(5):hover~span{left:44.4%}footer>button:nth-child(6):hover~span{left:55.5%}footer>button:nth-child(7):hover~span{left:66.6%}footer>button:nth-child(8):hover~span{left:77.7%}footer>button:nth-child(9):hover~span{left:88.8%}@keyframes appearTopLeft{0%{transform:scale(0);opacity:0;transform-origin:top left}to{transform:scale(1);opacity:1;transform-origin:top left}}.animateAppearTopLeft{animation:appearTopLeft .2s ease-in}@keyframes hideTopLeft{0%{transform:scale(1);opacity:1;transform-origin:top left}to{transform:scale(0);opacity:0;transform-origin:top left}}.animateHideTopLeft{animation:hideTopLeft .2s ease-in}@keyframes emojiFloat{0%{transform:translateY(0)}25%{transform:translateY(3px)}66%{transform:translateY(-10px)}to{transform:translateY(0)}}.emoji{animation:emojiFloat .6s ease-in-out}.emoji:first-child{animation-delay:0ms}.emoji:nth-child(2){animation-delay:50ms}.emoji:nth-child(3){animation-delay:.1s}.emoji:nth-child(4){animation-delay:.15s}.emoji:nth-child(5){animation-delay:.2s}.emoji:nth-child(6){animation-delay:.25s}.emoji:nth-child(7){animation-delay:.3s}@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}}.slideTop{animation:slideTopAnimation 2s ease-out forwards}@keyframes slideTopAnimation{0%{opacity:0;transform:translateY(30px)}30%{opacity:.5;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}