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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Rubik!important}#root,body,html{background-color:#383839;height:100%;margin:0;padding:0}.App{background-size:100% 100%;gap:30px;padding:10px;text-align:center;transition:all .3s ease-in-out}p{color:#fff}.LeftPanel{height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px);justify-content:left;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:400px;z-index:9999}.ChatsPanel,.LeftPanel{display:flex;flex-direction:column;gap:10px}.ChatsPanel{background:#242424;border-radius:2svh;height:calc(100% - 60px);overflow-x:hidden;overflow-y:auto;padding:10px;width:100%;will-change:translate}@media screen and (orientation:portrait){.ChatsPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006}}.UserPanel{align-items:center;background:#242424;border-radius:2svh;display:flex;height:60px;justify-content:center;padding:10px;width:100%}@media screen and (orientation:portrait){.UserPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006}}.UserPanelContent{align-items:center;display:flex;flex-direction:row;gap:10px;height:100%;justify-content:center;width:100%}@media screen and (orientation:portrait){.LeftPanel{height:calc(100vh - 60px);height:calc(var(--vh, 1vh)*100 - 60px);left:0;position:absolute;top:0;translate:-110% 10px;width:200vw}}.RightPanel{flex-direction:column;gap:0;height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px);padding:0 10px;transition:gap .3s cubic-bezier(.175,.885,.32,2);transition:filter .3s ease-in-out}.RightPanel,.TopPanel{align-items:center;display:flex;justify-content:center;width:100%}.TopPanel{background:#242424;border-radius:2svh 2svh 0 0;gap:20px;height:60px;margin:0;padding:10px;transition:all .2s ease-in-out}.TopPanelContent{height:100%;width:100%}.TopPanelContent,.TopPanelThing{align-items:center;display:flex;justify-content:center}.TopPanelThing{background-color:#aaaaaa11;border-radius:2svh;gap:15px;height:80%;padding:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);translate:0 -12vh;img{border-radius:999px;height:100%}p{font-size:2svh}}.ContentPanel{background:#242424;border-radius:0 0 0 0;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:10px;scrollbar-color:#9993 #0000;scrollbar-width:thin;transition:all .2s ease-in-out;width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#888}.InputPanel{align-items:center;background:#242424;border-radius:0 0 2svh 2svh;display:flex;flex-direction:row;gap:10px;height:60px;justify-content:center;overflow:hidden;padding:10px;width:100%}.MessageInput{color:#fff;font-size:16px;outline:none;padding:0 1svh;translate:0 150%;width:100%;&::placeholder{color:#999}}.MessageInput,.SendButton{background-color:initial;border:none;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.SendButton{aspect-ratio:1;color:#999;font-size:30px;translate:150% 0;&:hover{scale:1.1}&:active{scale:.9}}.scrollable-y{height:100%;overflow-y:scroll;width:100%}.popup{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;border-radius:4svh;color:#fff;display:flex;display:none;flex-direction:column;font-size:5svh;height:90vh;justify-content:center;left:50%;overflow:hidden;position:fixed;top:50%;translate:-50% -50%;width:90%;z-index:100000000000000000000}.popup-header{background-color:#161616cc;border-radius:4svh 4svh 1svh 1svh;font-size:8svh;font-weight:900;margin-bottom:2svh}.popup-content,.popup-header{text-align:center;width:100%;z-index:9999}.popup-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;font-size:5svh;height:100%;justify-content:center;overflow:hidden}.popup-show{animation:popup-show .8s cubic-bezier(.68,-.55,.27,1.55) forwards}.popup-hide{animation:popup-hide .3s ease-in-out forwards}@keyframes popup-show{0%{height:0}to{height:90vh}}@keyframes popup-hide{0%{height:90vh}to{height:0}}.popup-close{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:5svh;height:10svh;position:absolute;right:2svh;top:2svh;transition:all .2s ease;width:10svh;z-index:9999}.popup-close:hover{scale:1.1}.popup-close:active{scale:.9}.MenuButton{align-items:center;aspect-ratio:1;background-color:#aaaaaa11;border:none;border-radius:2svh;color:#fff;cursor:pointer;display:flex;font-size:2svh;height:50px;justify-content:center;left:30px;margin:0;padding:10px;position:absolute}@media screen and (orientation:landscape){.MenuButton{display:none}}.LogoutButton{align-items:center;aspect-ratio:1;background-color:initial;border:none;color:#b99d9d;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .2s ease;&:hover{color:#ff8c8c;font-size:30px}}.ProfileThingDiv{align-items:center;background-color:initial;border-radius:1svh;cursor:pointer;display:flex;height:50px;justify-content:left;transition:all .2s ease-in-out;width:100%;&:hover{background-color:#aaa6;.ProfileThingText{color:#fff}&.anim{translate:10px 0;width:calc(100% - 10px)}}&:active{background-color:#aaaaaaaa}}.ProfileThingText{color:#aaa;font-weight:500;margin:0 20px 0 10px;text-align:left;transition:all .2s ease-in-out}.ProfileThingImage,.ProfileThingText{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ProfileThingImage{border-radius:999px;height:80%;margin-left:20px}.MessageDiv{align-items:center;display:flex;height:fit-content;justify-content:left;margin:10px;transition:all .2s ease-in-out;transition:translate .3s cubic-bezier(.175,.885,.32,1.275);width:calc(100% - 20px);&.left{opacity:0;translate:-100% 0}&.right{justify-content:right;opacity:0;translate:100% 0}}.TextDiv{background-color:#444;border-radius:1svh;margin-top:0;max-width:30vh;padding:0 10px;text-align:left;width:fit-content;&.left{border-radius:1svh 1svh 1svh 0}&.right{border-radius:1svh 1svh 0 1svh}}.Author{color:#aaa;font-size:16px;font-weight:700;margin:5px 5px 0}.ProfilePopup{align-items:center;aspect-ratio:1/2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#111111aa;border:2px solid #fff;border-radius:2svh;display:flex;flex-direction:column;height:90%;justify-content:flex-start;left:50%;opacity:0;overflow:hidden;position:fixed;top:150%;transition:all .5s cubic-bezier(.175,.885,.32,1.1);translate:-50% -50%;z-index:99999;&.show{opacity:1;top:50%}}@media screen and (orientation:landscape){.ProfilePopup{left:0;translate:10px -50%}}.ProfilePopupHeader{align-items:center;background-color:#3339;display:flex;height:60px;justify-content:center;width:100%;p{color:#fff;font-size:1.5em;font-weight:700}}.CloseButton{align-items:center;aspect-ratio:1;background-color:#000000aa;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;position:absolute;right:10px;transition:scale .2s ease;&:hover{scale:1.1}}.ProfilePopupContent{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.ProfilePopupAvatar{aspect-ratio:1;border-radius:999px;width:40%}.ProfilePopupUsername{color:#fff;font-size:28px;font-weight:700;margin-top:0}.ProfilePopupBottom{align-items:end;bottom:0;display:flex;justify-content:end;padding:10px;position:absolute;width:100%}.MessageButton{align-items:center;background-color:#000000aa;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:24px;height:80px;justify-content:center;padding:0 20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:80px;p{opacity:0;transform:translateX(-20px) scale(.95);transition:opacity .4s ease,transform .6s cubic-bezier(.68,-.6,.32,1.6);width:150px}.icon{margin-right:100px;transition:all .3s ease}}.MessageButton:hover{width:200px}.MessageButton:hover .icon{margin-right:0}.MessageButton:hover p{opacity:1;transform:translateX(0) scale(1)}.Filler{height:100%;width:100%}.App{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center}.App,body,html{overflow:hidden}.SignupForm{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#24242466;border:3px solid #fff;border-radius:2svh;box-shadow:0 0 25px 5px #fff;display:flex;flex-direction:column;gap:10px;height:fit-content;justify-content:center;opacity:0;padding:25px;scale:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275);input{height:2svh;max-width:25svh;outline:none;padding:0 1svh;text-align:center;width:40vw}button,input{border:none;border-radius:999px;font-size:1.5svh}button{background-color:#252525;color:#fff;margin-bottom:0;padding:.8svh;transition:all .2s ease-in-out;&:hover{scale:1.1}}}.error{animation:error-anim 1s ease-in-out infinite}@keyframes error-ainm{0%{translate:0 0}50%{translate:0 -10px}to{translate:0 10px}}#bg_thing1{animation:bg_thing1_anim 18s linear infinite;aspect-ratio:1;border:2svh solid #fff;border-radius:12svh;box-shadow:0 0 25px 5px #fff;position:fixed;scale:0;transition:all 1s cubic-bezier(.175,.885,.32,1.275);width:50vw}@keyframes bg_thing1_anim{0%{rotate:0deg}to{rotate:1turn}}#bg_thing2{aspect-ratio:1;border:2svh solid #fff;border-radius:999px;box-shadow:0 0 25px 5px #fff;position:fixed;scale:0;transition:all 1s ease-in-out;width:25vw}#bg_canvas{height:100vh;position:fixed;width:100vw}
/*# sourceMappingURL=main.455986f4.css.map*/