.Message.svelte-kgw5r7{display:flex;flex-direction:column;position:absolute;text-align:center;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;max-width:45%;opacity:0;will-change:transform,opacity;margin:0;padding:.5rem;-webkit-user-select:none;user-select:none;border-radius:.5rem}.Message.svelte-kgw5r7 p:where(.svelte-kgw5r7){font-weight:400;margin:0;padding:0;text-align:center;color:var(--msg-c, inherit)}.Message.svelte-kgw5r7 img:where(.svelte-kgw5r7){display:block;border-radius:3px;max-height:100px;width:auto;max-width:25vw}.Message.svelte-kgw5r7 time:where(.svelte-kgw5r7){font-size:13px;-webkit-user-select:none;user-select:none}.Message.svelte-kgw5r7 time:where(.svelte-kgw5r7):empty{display:none}@media(min-width:768px){.Message.svelte-kgw5r7{max-width:25%}}.MessageContainer.svelte-kmc17r{position:relative;width:100%;height:100%}.OnlineCount.svelte-kmc17r{position:fixed;top:8px;right:8px;z-index:100;display:flex;gap:.25rem;flex-direction:column}.OnlineCountInner.svelte-kmc17r{border-radius:888px;font-size:16px;font-weight:600;line-height:1;color:var(--color-subtext);width:32px;height:32px;display:grid;place-items:center;-webkit-user-select:none;user-select:none;overflow:hidden}.OnlineCountInner.svelte-kmc17r span:where(.svelte-kmc17r){position:absolute}.Spinner.svelte-kmc17r{position:absolute}.Spinner.svelte-kmc17r svg:where(.svelte-kmc17r){transform-box:fill-box;transform-origin:50% 50%;animation:svelte-kmc17r-spin 1.4s cubic-bezier(.4,0,.2,1) infinite;animation-direction:normal;will-change:transform}@keyframes svelte-kmc17r-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button.svelte-mpwcqy,input.svelte-mpwcqy{font:inherit;color:inherit;border:0;outline:0}input.svelte-mpwcqy::placeholder{color:var(--color-subtext)}.MessageInput.svelte-mpwcqy{width:100%;display:flex;justify-content:center}.InputContainer.svelte-mpwcqy{padding:.25rem .75rem .75rem;max-width:var(--content-width);display:flex;flex:1;gap:.75rem}input.svelte-mpwcqy{font-family:inherit;margin:0;width:100%;filter:none;border-radius:999px;font-size:16px;background-color:var(--color-surface);color:var(--color-text);padding:.25em 1rem;border:1px solid transparent;height:42px;line-height:1;border:1px solid #00000060}input.svelte-mpwcqy:focus{outline-width:0px}.SubmitButton.svelte-mpwcqy{border-radius:999px;width:42px;height:42px;aspect-ratio:1/1;flex-shrink:0;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:scale(.95)}.SubmitButton.svelte-mpwcqy svg:where(.svelte-mpwcqy){width:24px;height:24px;padding:0;margin:0}.SubmitButton.svelte-mpwcqy:focus{outline:3px solid var(--color-primary);outline-offset:2px}.AppRoot.svelte-1beo413{display:flex;justify-content:space-between;flex-direction:column;height:100%;width:100%;overflow:hidden}