.gridContainer{grid-template-columns:repeat(4,30px)}.animationOpen{animation:open .5s ease-in-out forwards}.animationClose{animation:close .5s ease-in-out forwards}@keyframes open{0%{width:40px;height:40px}60%{width:162px;height:192px}to{width:152px;height:182px}}@keyframes close{0%{width:152px;height:182px}70%{width:30px;height:30px}to{width:40px;height:40px}}.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)}}.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}}@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}.ring-animation{transform-origin:50% 1px;animation:ring 1.5s ease-in-out}.screw-spin{animation:spinScrew 1.5s ease-in-out}@keyframes ring{0%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(15deg)}20%{-webkit-transform:rotate(-13deg)}30%{-webkit-transform:rotate(12deg)}40%{-webkit-transform:rotate(-10deg)}50%{-webkit-transform:rotate(8deg)}60%{-webkit-transform:rotate(-6deg)}70%{-webkit-transform:rotate(4deg)}80%{-webkit-transform:rotate(-3deg)}90%{-webkit-transform:rotate(2deg)}to{-webkit-transform:rotate(0deg)}}@keyframes spinScrew{0%{transform:rotate(0deg)}20%{transform:rotate(-120deg)}to{transform:rotate(2turn)}}@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}}.searchIcon{animation:moveAround 2s linear infinite}.water{width:50px;height:50px;background-color:#6a00ff;border-radius:50%;position:relative;box-shadow:inset 0 0 30px 0 rgba(0,0,0,.5),0 4px 10px 0 rgba(0,0,0,.5);overflow:hidden}.water:after,.water:before{content:"";position:absolute;width:50px;height:50px;top:-20px;background-color:#fff}.water:before{border-radius:45%}.water:after,.water:before{background:#0c0c0c;animation:wave 4s linear infinite}.water:after{border-radius:35%}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.glowText{padding:8px 5px;font-weight:400;color:#ee0048;animation:glow 1.5s ease-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 1px red,0 0 1px #ee0048}50%{text-shadow:0 0 5px red,0 0 5px #ee0048}to{text-shadow:0 0 10px red,0 0 10px #ee0048}}.strangerLeft{white-space:nowrap;animation:jump .7s linear 2.1s forwards;color:#ee0048;backface-visibility:hidden;font-weight:600}@keyframes jump{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}.door{background-color:#dbdbdb;width:20px;height:30px;transform-origin:right;animation:close-door .1s linear 2s forwards;display:flex;align-items:center;justify-content:left;border-radius:2px}.handle{border-radius:100px;width:4px;height:4px;margin:3px;background-color:#000}@keyframes close-door{to{transform:perspective(1200px) translateZ(0) translateX(0) translateY(0) rotateY(90deg)}}.backgroundPulse{animation:backgroundPulseAnimation 3s ease infinite}@keyframes backgroundPulseAnimation{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.connectionButton:before{content:"";position:absolute;width:40px;height:40px;border-top-right-radius:20px;top:0;right:0;box-shadow:10px -10px 0 #0c0c0c}