:root{--bg-dark:#242423;--bg-light:#414541;--fg-light:#f1f1f1;--other:#414541;--callout:rgb(255,255,102);--callout-dark:#101010;--menu-collapsed-width:70px;--menu-expanded-width:200px;--font-size-xlarge:24px;--font-size-large:22px;--font-size-medium:20px;--font-size-small:18px;--font-size-xsmall:16px;--font-size-xxsmall:14px}body,html,main{height:calc(100dvh - var(--nav-height))}html{background-color:var(--bg-light);font-size:var(--font-size-xxsmall)}button,input,select,textarea{font:inherit}#root{height:-webkit-fill-available;background-color:var(--other)}.shadow{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}@media (min-width:600px){.chat-container{font-size:var(--font-size-xsmall)}}@media (min-width:768px){.chat-container{font-size:var(--font-size-small)}}@media (min-width:1280px){.chat-container{font-size:var(--font-size-medium)}}@media (min-width:1025px){.chat-container{font-size:var(--font-size-large)}}@media (min-width:1360px){.chat-container{font-size:var(--font-size-xlarge)}}.enter-message-form{display:flex;margin:10px}.enter-message-input{flex-grow:1;padding:10px;border-radius:5px;border:none;margin-right:10px;height:40px}.enter-message-send-button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.enter-message-send-button:hover{background-color:#0069d9}.enter-message-form-wrapper{bottom:0;position:absolute;right:0;width:90%;z-index:1;background-color:#fff;color:black}:root{--rooms-vertical-gap:10px}.rooms-container{position:fixed;top:0;bottom:0;width:var(--menu-collapsed-width);background-color:#f1f1f1;display:flex;flex-direction:column;transition:all .2s ease-in-out;font-size:.9rem}.rooms-container:first-child{padding:100px 10px 0}.rooms-container.expanded{width:var(--menu-expanded-width)}.rooms-header{padding:5px 10px;display:flex;justify-content:center;border:1px solid #007bff;border-radius:5px;align-items:center;margin-bottom:var(--rooms-vertical-gap);margin-left:5px;margin-right:5px;transition:all .2s linear;fill:#007bff}.rooms-header:active{background-color:#007bff;fill:#fff}.arrow.rotate-180{transform:rotate(180deg)}@media (min-width:768px){.rooms-container{width:var(--menu-expanded-width)}.rooms-header{display:none}}.rooms-list{flex-grow:1;overflow-y:auto;overflow:visible;display:flex;flex-direction:column;gap:var(--rooms-vertical-gap)}.rooms-list>*{margin:0 5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.room-item{padding:10px;cursor:pointer;transition:all .2s ease-in-out;z-index:1}.room-item:active{transform:translateX(15px)}.room-item.expanded,.room-item:active{background-color:#9da7b1;color:white}.room-item.current{background-color:#007bff;color:white}.new-room-button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-room-button:hover{background-color:#0069d9}.new-room-input{padding:10px;border-radius:5px;border:none;color:black}.new-room-form{display:flex;align-items:center}.new-room-form input{width:100%}.message-display-container{display:flex;height:100%;width:100%;justify-content:flex-end;padding-left:calc(20px + var(--menu-collapsed-width))}@media (min-width:768px){.message-display-container{padding-left:calc(20px + var(--menu-expanded-width))}}.message-list{flex-grow:1;overflow-y:auto;flex-direction:column-reverse;display:flex;height:calc(100% - 100px)}.message-item{display:flex;flex-direction:column;margin:10px}.message-sender{font-weight:700}.centered{position:relative;height:100%;margin:0 auto;width:100%}