body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding-bottom:calc(env(safe-area-inset-bottom));padding-top:calc(env(safe-area-inset-top))}html{min-height:calc(100% + env(safe-area-inset-top));overflow-x:hidden}body,html{-webkit-touch-callout:none;background-color:#fff;-webkit-user-select:none;user-select:none}@media screen and (prefers-color-scheme:dark){body,html{background-color:#111;color:#fff}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bottom-nav{bottom:0;height:66px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;width:100vw;z-index:99}.bottom-nav,.bottom-nav-button{display:flex;justify-content:center}.bottom-nav-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;flex-grow:1;height:100%;max-width:90px;position:relative;transition:all .4s ease}.bottom-nav-border{background-image:url(/static/media/bottom-nav.0ec4054e9ad7b2f9459a.svg);display:block;height:244px;position:absolute;top:-1px;transform:translateX(calc(50vw + 70px));transition:all .3s ease;width:6545px}@media screen and (prefers-color-scheme:dark){.bottom-nav-border{background-image:url(/static/media/bottom-nav_dark.eb5c81d4a3e260d49cb5.svg)}}.bottom-nav-selected-circle{background:linear-gradient(140deg,#4e5dae,#20467c);border-radius:30px;display:block;height:60px;position:absolute;top:-24px;transform:translateX(calc(50vw + 30px));transition:all .2s ease;width:60px}.bottom-nav-icon{filter:brightness(.6);transition:filter .2s ease;z-index:2}.bottom-nav-button.active{transform:translateY(-26px)}.bottom-nav-button.active .bottom-nav-icon{filter:brightness(1)}.glyph{background-size:cover;display:block}.glyph.ic-home{background-image:url(/static/media/ic-home.69d8ba08652fb1c6b5cb.svg);height:18px;width:20px}.glyph.ic-chat{background-image:url(/static/media/ic-chat.4a854a78d7604bf0053b.svg);height:18px;width:22px}.glyph.ic-friends{background-image:url(/static/media/ic-friends.d38590f5ae0083e35e07.svg);height:18px;width:23px}.header{align-items:center;-webkit-backdrop-filter:blur(300px);backdrop-filter:blur(300px);display:flex;height:700px;justify-content:center;left:-450vw;padding-top:calc(env(safe-area-inset-top)*10);position:fixed;top:calc(-315px - env(safe-area-inset-top)*4.5);transform:scale(.1);transition:background-color .2s ease;width:1000vw;z-index:99}.header.scroll{background-color:#6464641a}.logo{background-image:url(/static/media/logo.d29148c95322f3da7cfb.svg);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;display:block;height:70%;max-height:1200px;width:100%}.login-view{height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%}.login-box,.login-view{align-items:center;display:flex}.login-box{-webkit-backdrop-filter:blur(300px);backdrop-filter:blur(300px);background-color:#fff;border-radius:10px;box-shadow:0 0 10px 3px #00000012;flex-direction:column;height:400px;position:relative;width:320px}.login-box-register-button{align-items:center;background-color:red;background-color:#f7f7f7;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #e8e8e8;bottom:0;color:#505050;display:flex;font-size:12px;height:60px;justify-content:center;left:0;position:absolute;width:100%}@keyframes animate_x{0%{margin-bottom:0;margin-top:0}50%{margin-bottom:20px;margin-top:-20px}to{margin-bottom:0;margin-top:0}}@keyframes animate_y{0%{margin-left:0;margin-right:0}50%{margin-left:20px;margin-right:-20px}to{margin-left:0;margin-right:0}}.animated_logo{height:50px;position:relative;width:50px}.animated_logo span{animation-duration:0s;animation-iteration-count:infinite;animation-name:animated_logo_circle;animation-timing-function:ease-in-out;background-image:linear-gradient(0deg,#153a6ce6,#3f88ea99);border-radius:1000px;box-shadow:0 6px 10px 1px #0000001a;display:block;height:100%;position:absolute;width:100%}.animated_logo span:first-child{animation-duration:0s;right:-6px;top:-6px}.animated_logo span:nth-child(2){animation-duration:0s;left:-6px;top:-12px}.brand-text{color:#000;font-size:14px}.form-input{height:42px;margin-top:20px;position:relative;width:250px}.form-input input{background-color:#0000;border:1px solid #b7b7b7;border-radius:12px;font-size:12px;height:calc(100% - 2px);left:0;padding:0 16px;position:absolute;top:0;width:calc(100% - 32px);z-index:1}.form-input input:focus{outline:none}.form-input label{background-color:#fff;border-radius:6px;color:#666;font-size:11px;font-weight:700;left:12px;padding:1px 4px;position:absolute;top:-7px;transition:all .15s ease;z-index:2}.form-btn{background-color:#3669ad;border:none;border-radius:6px;box-shadow:0 4px 10px 4px #0000001a;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:10px 16px;text-decoration:none}.circle_background{height:100%;left:0;position:fixed;top:0;width:100%}.circle_background span{animation:animate_x 10s ease infinite,animate_y 8s ease infinite;background-size:cover;display:block;position:absolute}.circle_background span:first-child{animation-delay:0;background-color:#91919126;border-radius:250px;bottom:-50px;filter:blur(5px);height:500px;left:-250px;width:500px}.circle_background span:nth-child(2){animation-delay:.5s;background-image:linear-gradient(0deg,#082f62d1,#507eb554);border-radius:250px;bottom:-40px;filter:blur(6px);height:150px;left:-80px;width:150px}.circle_background span:nth-child(3){animation-delay:1s;background-image:linear-gradient(0deg,#3766a58f,#6192d680);border-radius:250px;bottom:60px;filter:blur(7px);height:200px;right:-5px;width:200px}.circle_background span:nth-child(4){animation-delay:1.5s;background-image:linear-gradient(0deg,#201071b0,#3987ef87);border-radius:250px;filter:blur(8px);height:200px;left:-170px;top:100px;width:200px}.circle_background span:nth-child(5){animation-delay:2s;background-color:#91919126;border-radius:250px;filter:blur(10px);height:350px;right:-200px;top:-100px;width:350px}.circle_background span:nth-child(6){animation-delay:2.5s;background-image:linear-gradient(0deg,#438ae559,#417af785);border-radius:250px;filter:blur(3px);height:100px;right:100px;top:80px;width:100px}@media screen and (prefers-color-scheme:dark){.brand-text{color:#fff}.login-box-register-button{background-color:#111;border-top:1px solid #2a2a2a;color:#dbdbdb}.login-box{background-color:#0a0a0a}.form-btn{background-color:#294d7e}.form-input label{background-color:#0a0a0a;color:#bebebe}.form-input input{border:1px solid #2a2a2a;color:#fff}}.chat_list_button{cursor:pointer;height:64px;position:relative;transition:background-color .2s ease;width:100%}.chat_list_button:active{background-color:#222}.chat_list_button .profile_pic{border-radius:30px;height:44px;left:20px;position:absolute;top:10px;width:44px}.chat_list_button .name{color:#333;font-size:14px;left:78px;margin:0;padding:0;position:absolute;top:16px}.chat_list_button .last_message{color:#999;font-size:12px;left:78px;margin:0;padding:0;position:absolute;top:34px}@media screen and (prefers-color-scheme:dark){.chat_list_button .name{color:#dadada}}.chat_list_button a{height:100%;top:0}.chat_list_button a,.seperator{left:0;position:absolute;width:100%}.seperator{background-color:#eee;display:block;height:.5px}@media screen and (prefers-color-scheme:dark){.seperator{background-color:#222}}#chat-root{background-color:#111;height:100vh;left:-100vw;max-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:999}.chat-container{-webkit-overflow-scrolling:touch;height:calc(100% - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));left:0;overflow-x:hidden;overflow-y:scroll;padding-bottom:calc(50px + env(safe-area-inset-bottom));padding-top:calc(70px + env(safe-area-inset-top));position:absolute;top:0;width:100%}.chat-container.keyboard-open{height:calc(100% - 396px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-bottom:calc(272px + env(safe-area-inset-bottom))}.chat-header{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#141414b3;border-bottom:1px solid #222;height:calc(60px + env(safe-area-inset-top));left:0;position:absolute;top:0;width:100%;z-index:1000}.chat-header .profile_pic{border-radius:30px;bottom:9px;height:40px;left:26px;position:absolute;width:40px}.chat-header .name{bottom:28px;color:#ddd;font-size:14px;left:78px;margin:0;padding:0;position:absolute}.chat-header .online_status{bottom:14px;color:#999;font-size:10px;left:78px;margin:0;padding:0;position:absolute}.chat-header .back-arrow{align-items:center;border-radius:25px;bottom:14px;display:flex;height:30px;justify-content:center;position:absolute;right:22px;transition:background-color .2s ease;width:30px}.chat-header .back-arrow:active{background-color:#64646433}.chat-header .back-arrow span{border:solid #ccc;border-width:0 3px 3px 0;display:block;display:inline-block;margin-right:4px;padding:4px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.message-bubble-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:right;width:100vw}.message-bubble-container.sent{text-align:right}.message-bubble-container.sent span{background-color:#25a;text-align:right}.message-bubble-container.received{text-align:left}.message-bubble-container.received span{background-color:#333}.message-bubble-container span{word-wrap:break-word;background-color:#333;border-radius:18px;display:inline-block;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:4px 10px;max-width:70vw;padding:9px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-sender{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#64646466;border-top:1px solid #333;bottom:298px;height:calc(50px + env(safe-area-inset-bottom));left:0;position:absolute;width:100%;z-index:1000}.message-sender.open{bottom:calc(266px + env(safe-area-inset-bottom));height:50px}.message-sender input{background:#6464644d;border:none;border-radius:20px;bottom:calc(6px + env(safe-area-inset-bottom));color:#fff;font-size:14px;left:12px;padding:0 16px;position:absolute;right:12px;top:6px}.message-sender.open input{bottom:6px}::-webkit-input-placeholder{color:#888}.message-sender .send{background-color:#25a;border:none;border-radius:20px;bottom:calc(10px + env(safe-area-inset-bottom));color:#fff;display:block;font-size:14px;padding:0 16px;position:absolute;right:-80px;top:10px}.keyboard{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#d0d3d9;bottom:0;display:flex;flex-direction:column;height:224px;left:0;padding-bottom:calc(env(safe-area-inset-bottom) + 42px);position:absolute;width:100vw;z-index:1001}.row{align-items:center;display:flex;height:100%;justify-content:center}.key,.row.first,.row.fourth,.row.second,.row.third{width:100%}.key{height:100%;position:relative;width:10%}.key span{align-items:center;background-color:#fff;bottom:5px;box-shadow:0 1px 0 0 #444;left:3px;padding-bottom:4px;right:3px;top:5px}.key span,.key.zoom:active span:after{border-radius:6px;display:flex;font-size:24px;justify-content:center;position:absolute}.key.zoom:active span:after{background-color:#333;bottom:0;box-shadow:0 1px 2px 0 #00000080;content:attr(letter);height:150%;padding-top:10px;width:100%;z-index:1002}.key.darken:active span{background-color:#aab0bb}.key.lighten:active span{background-color:#fff}.key.dark span{background-color:#aab0bb}.key.a{width:15%}.key.a span{left:calc(5vw + 3px)}.key.l{width:15%}.key.l span{right:calc(5vw + 3px)}.key.numbers{width:12.5%}.key.numbers span{font-size:15px;padding-bottom:1px}.key.emoji{width:12.5%}.key.emoji span{font-size:15px;padding-bottom:0}.key.spacebar{width:50%}.key.spacebar span{font-size:15px;padding-bottom:2px}.key.return{width:25%}.key.return span{background-color:#007aff;font-size:15px;padding-bottom:2px}.key.shift{margin-right:3%;width:12%}.key.shift span{background-image:url(/static/media/shift-key.b0a6c9ab6e6d957082e6.svg);background-position:50%;background-repeat:no-repeat;background-size:20px 20px}.key.shift-on{margin-right:3%;width:12%}.key.shift-on span{background-image:url(/static/media/shift-key-on.8d5fc8c7a2099ae0795b.svg);background-position:50%;background-repeat:no-repeat;background-size:20px 20px}.key.shift-on span,.key.shift-on:active span{background-color:#fff}.key.shift-lock{margin-right:3%;width:12%}.key.shift-lock span{background-image:url(/static/media/shift-key-lock.224b650f727948cc48be.svg);background-position:50%;background-repeat:no-repeat;background-size:20px 20px}.key.shift-lock span,.key.shift-lock:active span{background-color:#fff}.key.special{margin-right:3%;width:12%}.key.special span{font-size:15px;padding-bottom:0}.key.backspace{margin-left:3%;width:12%}.key.backspace span{background-image:url(/static/media/backspace-key.bd83dfd31add77ae9a19.svg);background-position:50%;background-repeat:no-repeat;background-size:20px 20px}@media screen and (prefers-color-scheme:dark){.keyboard{background-color:#64646466}.keyboard span{background-color:#ffffff4d}.key.dark span{background-color:#6464644d}.key.darken:active span{background-color:#333}}
/*# sourceMappingURL=main.baf57224.css.map*/