._1q6dj2j1, :root[data-stackflow-plugin-basic-ui-theme="cupertino"] { --stackflow-plugin-basic-ui-background-color: var(--tm-paper); --stackflow-plugin-basic-ui-background-image: unset; --stackflow-plugin-basic-ui-dim-background-color: rgb(32 36 43 / .15); --stackflow-plugin-basic-ui-dim-height: 100%; --stackflow-plugin-basic-ui-transition-duration: 0s; --stackflow-plugin-basic-ui-computed-transition-duration: 0s; --stackflow-plugin-basic-ui-default-transition-off-set: 100%; --stackflow-plugin-basic-ui-app-bar-border-color: rgb(32 36 43 / .07); --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px; --stackflow-plugin-basic-ui-app-bar-height: 2.75rem; --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem; --stackflow-plugin-basic-ui-app-bar-icon-color: var(--tm-ink); --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-text-color: var(--tm-ink); --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-background-color: var(--tm-paper); --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-background-image: unset; --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-overflow: hidden; --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px; --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem; --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem; --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem; --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem; --stackflow-plugin-basic-ui-app-bar-line-height: normal; --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem; --stackflow-plugin-basic-ui-modal-border-radius: 1rem; --stackflow-plugin-basic-ui-modal-max-width: 100%; --stackflow-plugin-basic-ui-edge-width: 1.25rem; }
:root[data-stackflow-plugin-basic-ui-theme="android"] { --stackflow-plugin-basic-ui-background-color: var(--tm-paper); --stackflow-plugin-basic-ui-background-image: unset; --stackflow-plugin-basic-ui-dim-background-color: rgb(32 36 43 / .15); --stackflow-plugin-basic-ui-dim-height: 10rem; --stackflow-plugin-basic-ui-transition-duration: 0s; --stackflow-plugin-basic-ui-computed-transition-duration: 0s; --stackflow-plugin-basic-ui-default-transition-off-set: 10rem; --stackflow-plugin-basic-ui-app-bar-border-color: rgb(32 36 43 / .07); --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-border-size: 1px; --stackflow-plugin-basic-ui-app-bar-height: 3.5rem; --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem; --stackflow-plugin-basic-ui-app-bar-icon-color: var(--tm-ink); --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-text-color: var(--tm-ink); --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-background-color: var(--tm-paper); --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-background-image: unset; --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s; --stackflow-plugin-basic-ui-app-bar-overflow: hidden; --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px; --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem; --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem; --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem; --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem; --stackflow-plugin-basic-ui-app-bar-line-height: 1.5; --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem; --stackflow-plugin-basic-ui-modal-border-radius: 1rem; --stackflow-plugin-basic-ui-modal-max-width: 100%; --stackflow-plugin-basic-ui-edge-width: 1.25rem; }
#toolmaru-messenger[data-window-mode="popup"] { position: fixed !important; right: auto !important; bottom: auto !important; width: min(58rem, -2.4rem + 100vw) !important; height: min(74rem, 100dvh - 3.2rem) !important; border: 1px solid var(--line) !important; border-radius: 1.8rem !important; box-shadow: rgba(32, 36, 43, 0.19) 0px 20px 70px !important; z-index: 150 !important; }
#toolmaru-messenger[data-window-mode="focus"] { position: fixed !important; inset: 1.6rem !important; width: auto !important; height: auto !important; border: 1px solid var(--line) !important; border-radius: 1.6rem !important; z-index: 160 !important; }
#toolmaru-messenger[hidden] { display: none !important; }
#toolmaru-messenger [data-chatwindow="true"][data-list-collapsed="true"]:not([data-chatwindow-floating="true"]) { grid-template-columns: 8rem minmax(0px, 1fr) !important; }
#toolmaru-messenger [data-chatwindow="true"][data-list-collapsed="true"]:not([data-chatwindow-floating="true"]) > .conversation-workspace { grid-column: 2 !important; }
#toolmaru-messenger [data-chatwindow="true"][data-list-collapsed="true"]:not([data-chatwindow-floating="true"]) .sidebar { width: 8rem; min-width: 0px; background: var(--paper); overflow: hidden; display: flex !important; padding: 1.6rem 0.8rem 0px !important; }
#toolmaru-messenger [data-list-collapsed="true"] .sidebar > .focus-organization, #toolmaru-messenger [data-list-collapsed="true"] .sidebar > .sidebar-filter, #toolmaru-messenger [data-list-collapsed="true"] .sidebar > .sidebar-toolbar { display: none !important; }
#toolmaru-messenger [data-list-collapsed="true"] .sidebar > .chatWindow-rail-expand { width: 4.8rem; height: 4rem; min-height: 4rem; margin: 0px auto 1.2rem; flex-shrink: 0; border: 1px solid var(--line); border-radius: 1rem; background: var(--paper); }
#toolmaru-messenger [data-list-collapsed="true"] .chatWindow-rail-expand svg { width: 2rem; height: 2rem; }
#toolmaru-messenger [data-list-collapsed="true"] .room-sections { margin: 0px; padding: 0.4rem 0px 1.6rem; overflow: hidden auto; scrollbar-width: none; }
#toolmaru-messenger [data-list-collapsed="true"] .room-sections::-webkit-scrollbar { display: none; }
#toolmaru-messenger [data-list-collapsed="true"] .room-copy, #toolmaru-messenger [data-list-collapsed="true"] .room-sections .hint, #toolmaru-messenger [data-list-collapsed="true"] .room-sections h3 { display: none !important; }
#toolmaru-messenger [data-list-collapsed="true"] .room-sections > section + section { border-top: 1px solid var(--line); padding-top: 1.2rem; margin-top: 1.2rem; }
#toolmaru-messenger [data-list-collapsed="true"] .room { position: relative; display: flex; align-items: center; justify-content: center; width: 5.6rem; height: 5.6rem; min-height: 5.6rem; padding: 1rem; margin: 0px auto 0.8rem; gap: 0px; border-radius: 1.2rem; }
#toolmaru-messenger [data-list-collapsed="true"] .room > .avatar, #toolmaru-messenger [data-list-collapsed="true"] .room > .channel-icon, #toolmaru-messenger [data-list-collapsed="true"] .room > .group-avatar { width: 3.6rem; height: 3.6rem; flex: 0 0 3.6rem; }
#toolmaru-messenger [data-list-collapsed="true"] .room-meta { position: absolute; inset: 0px; pointer-events: none; display: block; font-size: 0px !important; color: transparent !important; }
#toolmaru-messenger [data-list-collapsed="true"] .room-meta > .badge { position: absolute; right: 0.2rem; top: 0.2rem; min-width: 2.4rem; height: 2.4rem; color: var(--brand-text); line-height: 2.4rem; padding: 0px 0.3rem; font-size: 1.6rem !important; }
#toolmaru-messenger [data-list-collapsed="true"] .room-meta time, .chatWindow-app .chatWindow-icon::after, .chatWindow-app .chatWindow-list-toggle::after { display: none !important; }
#toolmaru-messenger[data-window-mode="focus"] { inset: 0px !important; width: 100vw !important; height: 100dvh !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; }
html[data-chat-app-shell="true"] #toolmaru-messenger[data-window-mode="focus"] { border-radius: 24px !important; }
#toolmaru-messenger[data-window-mode="focus"] [data-chatwindow="true"] { border-radius: 0px !important; }
#toolmaru-messenger.chatWindow-app .sidebar-toolbar { align-items: center; }
#toolmaru-messenger.chatWindow-app .sidebar-toolbar .chat-topbar-actions, #toolmaru-messenger.chatWindow-app .sidebar-toolbar .sidebar-create, #toolmaru-messenger.chatWindow-app .sidebar-toolbar .sidebar-heading { display: flex; align-items: center; align-self: center; }
#toolmaru-messenger.chatWindow-app .sidebar-toolbar .sidebar-heading h2 { margin: 0px; line-height: 3.2rem; }
#toolmaru-messenger.chatWindow-app .sidebar-toolbar button.profile-trigger { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; min-height: 3.2rem; padding: 0px; line-height: 1; }
#toolmaru-messenger.chatWindow-app .sidebar-toolbar button.profile-trigger > .avatar { display: flex; align-items: center; justify-content: center; vertical-align: middle; }
#toolmaru-messenger.chatWindow-app .sidebar-toolbar .sidebar-create { padding-top: 0px; }
#toolmaru-messenger.chatWindow-app .focus-organization { display: flex; align-items: center; gap: var(--s-4); }
#toolmaru-messenger.chatWindow-app .focus-organization > .organization-selector { flex: 1 1 0%; min-width: 0px; }
#toolmaru-messenger.chatWindow-app .focus-organization .organization-current { width: 100%; height: 4.4rem; min-height: 4.4rem; }
#toolmaru-messenger .chatWindow-list-toggle { width: 4.4rem; height: 4.4rem; min-height: 4.4rem; padding: 1rem; border: 0px; border-radius: var(--r-md); background: transparent; color: var(--shell-icon-ink,var(--ink-soft)); flex: 0 0 auto; }
#toolmaru-messenger .chatWindow-list-toggle svg { width: 2.2rem; height: 2.2rem; }
#toolmaru-messenger .chatWindow-list-toggle:hover { color: var(--ink); background: var(--chat-hover); }
#toolmaru-messenger .chatWindow-list-toggle:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
#toolmaru-messenger.chatWindow-app .chatWindow-organization-toggle { position: static; margin-left: auto; }