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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0}@media (max-aspect-ratio:7/10){.JoinPage{align-items:flex-start!important;display:flex;justify-content:center}.JoinContainer{margin-top:30vw!important;width:100%!important}.JoinContainer>img{width:30vw!important}.JoinContainer>h1{border-bottom:.6vw solid #fff!important;font-size:6vw!important;padding:3vw!important;width:65vw!important}#joinInput{margin:5vw!important}#joinInput,.joinbtn{font-size:5vw!important;padding:4vw!important;width:65vw!important}.chatContainer{background-color:#fff;height:100%!important;width:100%!important}.header{height:10%!important}.header>h2{font-size:5vw!important;margin:8vw!important}.header img{margin:6vw!important;-webkit-transform:scale(2)!important;transform:scale(2)!important}.header>img:hover{-webkit-transform:scale(3.2)!important;transform:scale(3.2)!important}.chatBox{height:78%!important}.inputBox{height:10%!important}#chatInput{font-size:5vw!important;padding:4vw!important}.messageBox{border-radius:1.5vw!important;font-size:4.7vw!important;margin:3vw!important;padding:3vw!important}}.JoinPage{background-attachment:fixed;background-image:url(/static/media/wv.a915cb010e8dbb0e2e14.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;justify-content:center;width:100vw}.JoinContainer,.JoinPage{align-items:center;display:flex}.JoinContainer{flex-direction:column;width:50%}.JoinContainer>img{border-radius:50px;margin-bottom:-4%;width:10vmax}.JoinContainer>h1{border-bottom:.09vmax solid #d014ff;color:rgba(6,247,214,.76);font-family:Roboto;font-size:2.45vmax;padding:1vmax;text-align:center}#joinInput,.JoinContainer>h1{box-sizing:border-box;width:25vmax}#joinInput{border:.6px solid #045f8a;border-radius:12%;font-size:1.2vmax;margin:2vmax;outline:auto;padding:1.5vmax}.joinbtn{background-color:rgba(183,235,255,.877);border:2.6px solid green;border-radius:50px;box-sizing:border-box;color:#b10909;cursor:pointer;font-family:Roboto;font-size:1.84vmax;font-weight:bolder;outline:none;padding:1.2vmax;transition:all .3s;width:16vmax}.joinbtn:hover{background-color:#6b3939;border:2.6px solid #f50000;color:rgba(15,186,238,.877)}.chatPage{align-items:center;background-image:url(/static/media/wall.fb2bb04dbe210f17d04f.jpg);height:100vh;justify-content:center;overflow:hidden;width:100vw}.chatContainer,.chatPage{background-repeat:no-repeat;background-size:cover;display:flex}.chatContainer{background-image:url(/static/media/chat.221364e804c73164d74b.jpg);border-radius:20px;flex-direction:column;height:88%;width:60%}.header{align-items:center;background-attachment:fixed;background-image:url(/static/media/head.4827a99f8dd9c0233380.jpg);background-repeat:no-repeat;background-size:cover;border:.7px solid #020236;border-radius:20px 20px 0 0;display:flex;height:13%;justify-content:space-between;padding:0 1vmax}.header>h2{color:#fff;flex-grow:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.4vmax;margin:0}.header-info{align-items:center;display:flex;gap:1vmax}.connection-status{border-radius:15px;color:#fff;font-size:1vmax;font-weight:700;padding:.5vmax 1vmax;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.connection-status.connected{background-color:rgba(76,175,80,.8)}.connection-status.disconnected{background-color:rgba(244,67,54,.8)}.leave-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5vmax;transition:all .3s}.leave-btn:hover{background-color:hsla(0,0%,100%,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.leave-btn img{height:2vmax;transition:all .3s;width:2vmax}.leave-btn:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.error-banner{-webkit-animation:slideDown .3s ease-out;animation:slideDown .3s ease-out;background-color:#ffebee;border-bottom:1px solid #ffcdd2;color:#c62828;font-weight:700;padding:1vmax;text-align:center}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.5vmax;gap:1vmax;height:100%;justify-content:center}.chatBox{flex:1 1;height:79%;overflow-y:auto;padding:1vmax}.chatBox,.inputBox{box-sizing:border-box}.inputBox{align-items:center;background-color:#000;border-radius:0 0 20px 20px;display:flex;height:10%;justify-content:center}#chatInput{background-color:#4d4c4c;border:.2px solid #000;border-radius:0 20px 20px 0;border-top:.2vmax solid rgba(41,41,41,.562);box-sizing:border-box;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.48vmax;outline:none;padding:2vmax;transition:all .3s;width:89%}#chatInput:focus{background-color:#5a5a5a;border-color:#007bff}#chatInput:disabled{cursor:not-allowed;opacity:.6}#chatInput::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}#chatInput::placeholder{color:hsla(0,0%,100%,.6)}.sendBtn{align-items:center;background-attachment:fixed;background-image:url(/static/media/ss.436578dafc9b92fc42fc.jpg);background-repeat:no-repeat;background-size:cover;border:.1px solid #000;border-radius:50px;color:#070707;cursor:pointer;display:flex;justify-content:center;min-height:50px;transition:all .3s;width:11%}.sendBtn:disabled{cursor:not-allowed;opacity:.5;-webkit-transform:none;transform:none}.sendBtn:not(:disabled):hover{background-color:#20c736;-webkit-transform:scale(1.05);transform:scale(1.05)}.sendBtn>img{-webkit-filter:brightness(100) invert();filter:brightness(100) invert();transition:all .3s;width:2.6vmax}.sendBtn:not(:disabled):hover img{-webkit-transform:translateX(5px);transform:translateX(5px)}@media (max-width:768px){.chatContainer{height:95%;width:95%}.header>h2{font-size:5vw}.connection-status{font-size:2.5vw;padding:1vw 2vw}.leave-btn img{height:5vw;width:5vw}#chatInput{font-size:4vw;padding:3vw}.sendBtn>img{width:6vw}.loading-container{font-size:4vw}}@media (max-width:480px){.header{padding:0 2vw}.header-info{gap:2vw}.connection-status{font-size:3vw;padding:1.5vw 2.5vw}}.messageBox{word-wrap:break-word;border-radius:.5vmax;clear:both;display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2vmax;margin:1vmax;max-width:70%;padding:1vmax;position:relative}.right{background-color:#007bff;border-radius:18px 18px 5px 18px;color:#fff;float:right;text-align:right}.left{background-color:#c4ffb8;border-radius:18px 18px 18px 5px;float:left;font-size:1.29vmax;text-align:left}.system-message{background-color:hsla(0,0%,100%,.9);border:1px solid #ddd;border-radius:20px;clear:both;color:#666;display:block;float:none;font-style:italic;margin:.5vmax auto;max-width:80%;padding:.8vmax 1.2vmax;text-align:center}.system-content{align-items:center;display:flex;flex-direction:column;gap:.3vmax}.system-text{font-size:1.1vmax}.message-content{display:flex;flex-direction:column;gap:.3vmax}.message-text{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5vmax}.user-label{flex-shrink:0;font-weight:700}.message-body{flex:1 1;line-height:1.4}.timestamp{align-self:flex-end;font-size:.8vmax;font-style:italic;margin-top:.2vmax;opacity:.7}.right .timestamp{color:hsla(0,0%,100%,.8)}.left .timestamp{color:rgba(0,0,0,.6)}.system-message .timestamp{color:hsla(0,0%,40%,.8);font-size:.7vmax}@media (max-width:768px){.messageBox{font-size:3.5vw;margin:2vw;max-width:85%;padding:2.5vw}.left{font-size:3.8vw}.timestamp{font-size:2.8vw}.system-message{font-size:3.2vw;max-width:90%;padding:2vw}}.messageBox:focus{outline:2px solid #007bff;outline-offset:2px}
/*# sourceMappingURL=main.57f77ced.css.map*/