.startchat-container{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:20px}.startchat,.startchat-container{display:-ms-flexbox;display:flex}.chat-input{margin:auto;padding:10px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:16px;border:1px solid #ccc;border-radius:4px 0 0 4px;width:300px}.chatbox{margin-top:20px;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;max-height:300px;overflow-y:auto}.chat-messages{max-height:200px;overflow-y:auto}.chat-message{padding:5px;border-bottom:1px solid #eee}.new-message-container{display:-ms-flexbox;display:flex;margin-top:10px}.new-message-input{-ms-flex:1 1 0%;flex:1 1 0%;padding:5px;border:1px solid #ccc;border-radius:4px}.send-message-button{padding:5px 10px;margin-left:5px;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer}.send-message-button:hover{background-color:#0056b3}.chatbox-container{max-width:400px;margin:0 auto;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.chatbox-messages{max-height:200px;overflow-y:auto;margin-bottom:10px}.chatbox-message{padding:5px;border-bottom:1px solid #eee}.chatbox-input{width:calc(100% - 60px);padding:5px;margin-right:10px}.chatbox-button{padding:5px 10px}.chatroom-container{-ms-flex-align:center;align-items:center;max-width:700px;margin:0 auto}.chatlog,.chatroom-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.chatlog{height:400px;overflow-y:auto;background-color:hsla(0,0%,8%,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;margin-bottom:20px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.3);box-shadow:0 8px 32px rgba(0,0,0,.3);gap:12px;scrollbar-width:thin;scrollbar-color:#11abb0 hsla(0,0%,100%,.1)}.chatlog::-webkit-scrollbar{width:6px}.chatlog::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.chatlog::-webkit-scrollbar-thumb{background-color:#11abb0;border-radius:20px}.chat-connection-status{width:100%;font-size:10px;line-height:1.2;color:hsla(0,0%,100%,.5);text-align:left;margin:-10px 0 10px;padding-left:4px}.message-wrapper{display:-ms-flexbox;display:flex;width:100%;margin-bottom:4px}.message-wrapper.user{-ms-flex-pack:end;justify-content:flex-end}.message-wrapper.bot{-ms-flex-pack:start;justify-content:flex-start}.message-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:80%}.message-wrapper.user .message-content{-ms-flex-align:end;align-items:flex-end}.message-wrapper.bot .message-content{-ms-flex-align:start;align-items:flex-start}.message-bubble{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;padding:10px 16px;border-radius:18px;font-size:15px;line-height:1.4;position:relative;word-wrap:break-word;text-align:left}.message-wrapper.user .message-bubble{background-color:#11abb0;color:#fff;border-bottom-right-radius:4px;text-align:right}.message-wrapper.bot .message-bubble{background-color:hsla(0,0%,100%,.15);color:#eee;border-bottom-left-radius:4px;text-align:left}.message-info{font-size:11px;margin-bottom:4px;color:#a8a8a8;display:block}.message-wrapper.user .message-info{text-align:right;margin-right:4px}.message-wrapper.bot .message-info{text-align:left;margin-left:4px}.chatroom-input-container{display:-ms-flexbox;display:flex;width:100%;background:hsla(0,0%,100%,.15);border-radius:30px;padding:5px 5px 5px 20px;border:2px solid hsla(0,0%,100%,.2);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.chatroom-input-container:focus-within{border-color:#11abb0;background:hsla(0,0%,100%,.25);border-width:2px}.chatroom-input{-ms-flex:1 1 0%;flex:1 1 0%;background:transparent!important;padding:10px 0!important;font-size:16px!important;outline:none!important}.chat-button,.chatroom-input{border:none!important;color:#fff!important;margin:0!important}.chat-button{background-color:#11abb0!important;border-radius:50%!important;width:40px!important;height:40px!important;min-width:40px!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-pack:center!important;justify-content:center!important;-ms-flex-align:center!important;align-items:center!important;cursor:pointer!important;-webkit-transition:background-color .2s ease,-webkit-transform .2s ease!important;transition:background-color .2s ease,-webkit-transform .2s ease!important;-o-transition:transform .2s ease,background-color .2s ease!important;transition:transform .2s ease,background-color .2s ease!important;transition:transform .2s ease,background-color .2s ease,-webkit-transform .2s ease!important;padding:0!important}.chat-button:hover{background-color:#0f9095!important;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.chat-button .material-symbols-outlined{font-size:20px}.chat-cta-container{margin-top:30px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.hacker-btn{display:inline-block;background:#00ff41!important;color:#000!important;font-family:Courier New,Courier,monospace;font-weight:700;font-size:18px;padding:15px 30px;border:3px solid #000;-webkit-box-shadow:6px 6px 0 #000;box-shadow:6px 6px 0 #000;text-transform:uppercase;text-decoration:none;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;cursor:pointer;-webkit-animation:blink-shadow 2s infinite;animation:blink-shadow 2s infinite}.hacker-btn:hover{-webkit-transform:translate(2px,2px);-ms-transform:translate(2px,2px);transform:translate(2px,2px);-webkit-box-shadow:3px 3px 0 #000;box-shadow:3px 3px 0 #000;background:#0c3!important}.hacker-btn:active{-webkit-transform:translate(4px,4px);-ms-transform:translate(4px,4px);transform:translate(4px,4px);-webkit-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000}@-webkit-keyframes blink-shadow{0%,to{-webkit-box-shadow:6px 6px 0 #000;box-shadow:6px 6px 0 #000;background:#00ff41!important}50%{-webkit-box-shadow:8px 8px 15px #00ff41;box-shadow:8px 8px 15px #00ff41;background:#05ff4b!important}}@keyframes blink-shadow{0%,to{-webkit-box-shadow:6px 6px 0 #000;box-shadow:6px 6px 0 #000;background:#00ff41!important}50%{-webkit-box-shadow:8px 8px 15px #00ff41;box-shadow:8px 8px 15px #00ff41;background:#05ff4b!important}}@media (max-width:1500px){.chatlog{height:400px}}@media (max-width:600px){.hacker-btn{font-size:14px;padding:12px 20px}.chatlog{height:350px;padding:12px;margin-bottom:10px}.message-bubble{max-width:90%;font-size:14px}.chatroom-input{font-size:14px!important}}
/*# sourceMappingURL=main.f0d56791.css.map*/