.main-app.svelte-3qkmc.svelte-3qkmc{padding:24px;display:grid;gap:20px;grid-template-columns:1fr 3fr;height:calc(100vh - 82px);box-sizing:border-box;position:relative}.gen-side.svelte-3qkmc.svelte-3qkmc{background-color:#fff;border-radius:16px;padding:16px;box-sizing:border-box}.left-side.svelte-3qkmc.svelte-3qkmc{padding:0px 16px !important;overflow:auto;height:calc(100vh - 130px)}.right-side.svelte-3qkmc .messages.svelte-3qkmc{height:calc(100vh - 288px);overflow-y:auto;padding-right:10px}.right-side.svelte-3qkmc .messages .-msg.svelte-3qkmc{display:flex}.right-side.svelte-3qkmc .messages .incoming.svelte-3qkmc{justify-content:left}.right-side.svelte-3qkmc .messages .outgoing.svelte-3qkmc{justify-content:right}.right-side.svelte-3qkmc .messages .message-wrapper.svelte-3qkmc{max-width:80%;margin:10px 0px;font-size:0.9rem}.right-side.svelte-3qkmc .messages .message-wrapper .message.svelte-3qkmc{padding:16px;border-radius:20px;font-size:0.9rem}.right-side.svelte-3qkmc .incoming .message-wrapper .message.svelte-3qkmc{background-color:#f5f7fb;border-top-left-radius:0px;color:#7d7f80}.right-side.svelte-3qkmc .outgoing .message-wrapper .message.svelte-3qkmc{background-color:#4d426d;border-top-right-radius:0px;color:#efeef1}.right-side.svelte-3qkmc .messages .message-wrapper .msg-time.svelte-3qkmc{margin-top:6px;font-size:0.7rem;color:gray}.right-side.svelte-3qkmc .incoming .message-wrapper .msg-time.svelte-3qkmc{text-align:left}.right-side.svelte-3qkmc .outgoing .message-wrapper .msg-time.svelte-3qkmc{text-align:right}.right-side.svelte-3qkmc .action.svelte-3qkmc{height:70px;display:flex;gap:10px;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding-top:28px}.right-side.svelte-3qkmc .action .input-area.svelte-3qkmc{flex-grow:1;position:relative}.right-side.svelte-3qkmc .action .input-area .emoji.svelte-3qkmc{position:absolute;top:15px;left:12px}.right-side.svelte-3qkmc .action .input-area .attachment.svelte-3qkmc{position:absolute;top:15px;right:12px}input.svelte-3qkmc.svelte-3qkmc{border:none;background-color:#f5f7fb;border-radius:24px;resize:none;outline:none;padding:5px 0px;padding-left:35px;padding-right:35px;width:100%;line-height:36px}.right-side.svelte-3qkmc .action .send-btn.svelte-3qkmc{margin-top:0px}button.svelte-3qkmc.svelte-3qkmc{border:none;background-color:#3aa58b;color:#fff;border-radius:50%;padding:13px 12px 11px 12px;cursor:pointer}.user-header.svelte-3qkmc.svelte-3qkmc{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #f0f1f3}.users.svelte-3qkmc .user-info.svelte-3qkmc{padding:16px 0px;border-bottom:1px solid #f0f1f3;cursor:pointer}.users.svelte-3qkmc .user-info.svelte-3qkmc:hover{color:#848484 !important}.users.svelte-3qkmc .user-info.svelte-3qkmc:last-child{border-bottom:none}.users.svelte-3qkmc .user-info.svelte-3qkmc:first-child{border-radius:16px 16px 0px 0px}.user-info.svelte-3qkmc.svelte-3qkmc{display:flex;gap:12px;align-items:center;position:relative}.user-info.svelte-3qkmc .user-name.svelte-3qkmc{font-weight:400}.user-info.svelte-3qkmc .user-ico.svelte-3qkmc{background-color:#f5f7fb;border-radius:30px;padding:10px 12px;position:relative}.user-msg.svelte-3qkmc .username.svelte-3qkmc{font-weight:400}.user-msg.svelte-3qkmc .msgbody.svelte-3qkmc{font-size:0.8rem;color:#7d7f80;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.typing-indicator.svelte-3qkmc.svelte-3qkmc{margin-top:5px;font-size:0.7rem;color:gray}.user-status.svelte-3qkmc.svelte-3qkmc{position:absolute;font-size:0.6rem;left:28px;bottom:0px;padding:2px;background-color:#fff;border-radius:10px}.online.svelte-3qkmc.svelte-3qkmc{color:#3aa58b}.offline.svelte-3qkmc.svelte-3qkmc{color:#e1eafb}.app-header.svelte-3qkmc.svelte-3qkmc{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0px 16px}.app-header.svelte-3qkmc .logo.svelte-3qkmc{display:flex;align-items:center;gap:10px;color:#cccccc;font-size:1.9rem;font-weight:700;filter:grayscale(1)}.app-header.svelte-3qkmc .logo img.svelte-3qkmc{width:48px}.chat-connector.svelte-3qkmc.svelte-3qkmc{display:flex;align-items:center;gap:15px}.chat-connector.svelte-3qkmc input.svelte-3qkmc{background-color:#fff;padding:0px 15px;line-height:48px}.chat-connector.svelte-3qkmc button.svelte-3qkmc{border-radius:24px;padding-left:20px;padding-right:20px;min-width:125px}.header-actions.svelte-3qkmc.svelte-3qkmc{margin-top:10px}.cloader.svelte-3qkmc.svelte-3qkmc{display:flex;align-items:center;gap:24px}.cloader.svelte-3qkmc .txt.svelte-3qkmc{margin-top:16px;font-size:1.5rem}.empty-user-list.svelte-3qkmc.svelte-3qkmc,.no-chat-window.svelte-3qkmc.svelte-3qkmc{display:flex;height:calc(100vh - 150px);align-items:center;flex-direction:column;justify-content:center;color:#d6d6d6;text-align:justify}.empty-user-list--icon.svelte-3qkmc.svelte-3qkmc{font-size:3rem;color:#ededed}.empty-user-list--desc.svelte-3qkmc.svelte-3qkmc{text-align:justify;font-size:0.8rem;letter-spacing:-1px}.no-chat-window--icon.svelte-3qkmc.svelte-3qkmc{font-size:5rem;color:#ededed}button.svelte-3qkmc.svelte-3qkmc:disabled{background-color:#c0c0c0;pointer-events:none}@media only screen and (max-width: 600px){#sneakpeek-text.svelte-3qkmc.svelte-3qkmc{display:none}.left-side.svelte-3qkmc.svelte-3qkmc{position:absolute;display:none}.main-app.svelte-3qkmc.svelte-3qkmc{grid-template-columns:4fr}.app-header.svelte-3qkmc .logo.svelte-3qkmc{padding-right:15px}.user-list-mobile.svelte-3qkmc.svelte-3qkmc{position:fixed;bottom:0;background-color:#fff;width:100vw;padding:16px;border-top:1px solid whitesmoke;box-sizing:border-box}.user-list-mobile.svelte-3qkmc .users.svelte-3qkmc{height:calc(100vh - 400px);overflow:auto}.user-list-mobile--close-btn.svelte-3qkmc.svelte-3qkmc{position:absolute;top:6px;right:9px;cursor:pointer}.empty-user-list.svelte-3qkmc.svelte-3qkmc{height:100%}}.lds-ring.svelte-3qkmc.svelte-3qkmc{display:inline-block;position:relative;width:36px;height:36px}.lds-ring.svelte-3qkmc div.svelte-3qkmc{box-sizing:border-box;display:block;position:absolute;width:36px;height:36px;margin:8px;border:4px solid #fff;border-radius:50%;animation:svelte-3qkmc-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#d6d6d6 transparent transparent transparent}.lds-ring.svelte-3qkmc div.svelte-3qkmc:nth-child(1){animation-delay:-0.45s}.lds-ring.svelte-3qkmc div.svelte-3qkmc:nth-child(2){animation-delay:-0.3s}.lds-ring.svelte-3qkmc div.svelte-3qkmc:nth-child(3){animation-delay:-0.15s}@keyframes svelte-3qkmc-lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.app.svelte-1f1wy88.svelte-1f1wy88{display:flex;height:90vh;align-items:center;justify-content:center;box-sizing:border-box;padding:24px}.sneakpeek-logo.svelte-1f1wy88 img.svelte-1f1wy88{width:128px}.hero-text.svelte-1f1wy88.svelte-1f1wy88{font-size:3rem;color:#a1a1a1;letter-spacing:-4px;line-height:60px}.hero-text.svelte-1f1wy88 b.svelte-1f1wy88{font-size:3.5rem}.sub-hero-text.svelte-1f1wy88.svelte-1f1wy88{margin:20px 0px 10px 0px;font-size:1rem;color:#a1a1a1;letter-spacing:-1px}input.svelte-1f1wy88.svelte-1f1wy88{border:none;background-color:#f5f7fb;border-radius:24px;resize:none;outline:none;padding:5px 0px;padding-left:35px;padding-right:35px;width:100%;background-color:#fff;padding:0px 15px;line-height:48px}button.svelte-1f1wy88.svelte-1f1wy88{border:none;background-color:#3aa58b;color:#fff;border-radius:50%;padding:13px 12px 11px 12px;cursor:pointer;border-radius:24px;padding-left:20px;padding-right:20px;min-width:125px}.chat-connector.svelte-1f1wy88.svelte-1f1wy88{display:flex;align-items:center;gap:15px;justify-content:center}.disclaimer.svelte-1f1wy88.svelte-1f1wy88{margin-top:25px;color:#cfcfcf}.branding-footer.svelte-1f1wy88.svelte-1f1wy88{position:fixed;bottom:0;width:100%;text-align:center;background-color:#f5f7fb;padding-bottom:10px;padding-top:10px}