:root{--line-offset-step: 4px}.line-offset.svelte-1iu5iby{position:absolute;height:.25rem;width:100%}:root{--bg-light: #f2f2f2;--bg-dark: #121b22;--header-light: #ffffff;--header-dark: #2a2f32;--bubble-in: #242626;--bubble-out: #144d37;--text-light: white;--text-dark: white;--system-bg: #242626;--system-text: #ffffff}.chat.svelte-x2hahr{width:360px;height:640px;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--bg-light);color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}.chat.dark.svelte-x2hahr{background:url(../../../wsapp_bk.webp) repeat;background-size:500px;background-color:var(--bg-dark);color:var(--text-dark)}.header.svelte-x2hahr{flex:0 0 56px;display:flex;align-items:center;padding:0 12px;background:var(--header-light)}.chat.dark.svelte-x2hahr .header:where(.svelte-x2hahr){background:var(--header-dark)}.avatar.svelte-x2hahr{width:36px;height:36px;border-radius:50%;margin:0 12px;background:#888}.info.svelte-x2hahr .name:where(.svelte-x2hahr){font-weight:700}.info.svelte-x2hahr .status:where(.svelte-x2hahr){font-size:12px;opacity:.7}.actions.svelte-x2hahr{margin-left:auto;display:flex}.messages.svelte-x2hahr{flex:1;overflow-y:auto;padding:12px}.messages.svelte-x2hahr::-webkit-scrollbar{width:5px}.messages.svelte-x2hahr::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.system.svelte-x2hahr{align-self:center;background:var(--system-bg);color:var(--system-text);padding:4px 10px;border-radius:10px;margin:10px 0;font-size:12px}.bubble.svelte-x2hahr{position:relative;max-width:75%;font-size:14px;margin:6px 0;padding:6px 7px 15px 9px;border-radius:12px;box-shadow:inset 0 0 1px #0000001a,0 1px 2px #0000000d;word-break:break-word;background-clip:padding-box}.bubble.svelte-x2hahr p:where(.svelte-x2hahr){margin:0 0 4px}.incoming.svelte-x2hahr{align-self:flex-start;background:var(--bubble-in);border-radius:0 12px 12px 4px}.incoming.svelte-x2hahr .attachment:where(.svelte-x2hahr){position:relative;overflow:hidden;border-radius:12px 12px 12px 4px}.incoming.svelte-x2hahr .attachment:where(.svelte-x2hahr) img:where(.svelte-x2hahr){width:100%;display:block}.outgoing.svelte-x2hahr{align-self:flex-end;background:var(--bubble-out);border-radius:12px 0 4px 12px}.outgoing.svelte-x2hahr:after{content:"";position:absolute;bottom:-1px;right:12px;border-width:6px 6px 0 0;border-style:solid;border-color:var(--bubble-out) transparent transparent transparent}.bubble.svelte-x2hahr .meta:where(.svelte-x2hahr){position:absolute;bottom:4px;right:8px;display:flex;align-items:center;gap:4px;font-size:10px;opacity:.8}.input-bar.svelte-x2hahr{flex:0 0 auto;display:flex;align-items:center;padding:8px;background:var(--header-light);border-top:1px solid #dddddd}.chat.dark.svelte-x2hahr .input-bar:where(.svelte-x2hahr){background:var(--header-dark);border-top-color:#3a3f42}.input-bar.svelte-x2hahr input:where(.svelte-x2hahr){flex:1;border:none;border-radius:20px;padding:8px 12px;margin:0 8px;outline:none;background:#fff}.chat.dark.svelte-x2hahr .input-bar:where(.svelte-x2hahr) input:where(.svelte-x2hahr){background:#2a2f32;color:#e1e1e1}