.page_page__ZU32B *{margin:0;padding:0;box-sizing:border-box;color:#ddd;font-size:clamp(12px,2vw,16px)}.page_page__ZU32B{position:relative;width:100vw;height:100vh;padding:20px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:50px 1fr 50px;background-color:#222}.page_loaderContainer__54PWp{position:absolute;grid-column:1;grid-row:1;margin:5px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.page_notConnected__hBGDW{border-radius:50%;width:20px;height:20px;background:linear-gradient(135deg,#ff6464,#ff3232);box-shadow:0 0 1px red}.page_loader__g9BIl{border:2px solid #ccc;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:page_spin__W_8_q 1.5s linear infinite}.page_connected__C00IC{border-radius:50%;width:20px;height:20px;background:linear-gradient(135deg,#9f0,#5f0);box-shadow:0 0 1px #adff2f}@keyframes page_spin__W_8_q{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page_main__GlU4n{grid-column:2/12;grid-row:2;width:100%;min-height:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#222}.page_messageContainer__Oj95h{width:100%;min-height:55px;border-radius:20px;overflow:hidden;background-color:#111;border:1px solid #333}.page_messageForm__RDDtS{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.page_messageInput__EbUqP{all:unset;flex:1 1;padding:0 10px;background-color:#111}.page_buttonContainer__XCXUY{width:55px;height:100%;display:flex;justify-content:center;align-items:center;background-color:#111}.page_submitMessage__9LExG{all:unset;width:40px;height:40px;margin:0 5px 0 0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#222;border:1px solid #333;transition:font-size .1s ease-in-out}.page_submitMessage__9LExG:hover{cursor:pointer;font-size:24px;background-color:#111}@media (max-width:900px){.page_main__GlU4n{width:100%}.page_submitMessage__9LExG:active{background-color:#111}}.page_chatContainer__3fhpL{width:100%;flex-grow:1;margin:0 0 10px;padding:0 20px 10px 10px;overflow:auto}.page_chatContainer__3fhpL::-webkit-scrollbar{width:8px}.page_chatContainer__3fhpL::-webkit-scrollbar-track{background:transparent}.page_chatContainer__3fhpL::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.page_userMessage__GHiXg{width:100%;min-height:min-content;display:flex;justify-content:end;align-items:center}.page_userMessage__GHiXg p{width:auto;max-width:600px;min-height:20px;margin:20px 0 0;padding:10px;line-height:1.5;border-radius:15px;background-color:#444}.page_derbyMessage__CZBpp{width:100%;min-height:min-content;line-height:1.5;display:flex;justify-content:center;align-items:center}.page_derbyMessage__CZBpp p{width:100%;min-height:20px;margin:20px 0 0;padding:10px;border-left:5px solid #777}.page_footer__sHKi3{grid-column:2/12;grid-row:3;height:50px;width:100%;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.page_footer__sHKi3 p{font-size:12px;display:flex;justify-content:end;align-items:end}