.chat-split-list,.chat-split-pane{display:contents}.chat-split-handle{display:none}@media(max-width:767px){body.is-chat-open .chat-split-list,body:not(.is-chat-open) .chat-split-pane{display:none}}@media(min-width:768px){body.has-chat-split{--chat-list-w: clamp(260px, calc(var(--chat-list-ratio, .357143) * (100vw - 72px)), calc(100vw - 452px) );--chat-split-ease: cubic-bezier(0, .55, .45, 1)}body.has-chat-split.is-list-narrow{--chat-list-w: 68px}body.has-chat-split.has-chat-split{position:static;inset:auto;height:auto;min-height:100vh;overflow:visible;overscroll-behavior:auto}html:has(>body.has-chat-split.has-chat-split){height:auto;min-height:100vh;overflow:visible;overscroll-behavior:auto}html:has(>body.has-chat-split){scrollbar-width:none}html:has(>body.has-chat-split)::-webkit-scrollbar{display:none}body.has-chat-split main{flex:1 0 auto;width:var(--chat-list-w);min-width:0;box-sizing:border-box}.chat-split-list{display:block;view-transition-name:chat-split-list}.chat-split-list .communities-page,.chat-split-list .dm-wrap{max-width:none;padding-top:0;padding-inline:6px}.chat-split-pane{position:fixed;z-index:5;top:0;right:0;bottom:0;left:calc(72px + var(--chat-list-w));display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--e-plane-section-line);background:var(--e-plane-page)}.chat-split-pane>.chat-wrap--community,.chat-split-pane>.info-page{flex:1 1 auto;min-height:0}.chat-split-handle{position:fixed;z-index:6;top:0;bottom:0;left:calc(72px + var(--chat-list-w));display:block;width:6px;cursor:col-resize;touch-action:none}.chat-split-handle:focus-visible{outline:2px solid var(--color-rose-link);outline-offset:-2px}body.is-split-dragging,body.is-split-dragging *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.is-split-animating main,body.is-split-animating .chat-split-pane,body.is-split-animating .chat-split-handle{transition:width .12s var(--chat-split-ease),left .12s var(--chat-split-ease)}.chat-split-pane .room-head-back{display:none}.chat-split-pane .room-head{padding-left:8px}body.has-chat-split .srch--overlay.is-open{left:calc(72px + var(--chat-list-w))}.chat-split-list :is(.community-row.is-open,.dm-thread-item.is-open .dm-thread-link){background:var(--color-rose);color:#fff}.chat-split-list .is-open :is(.community-row-name,.community-row-time,.community-row-last,.dm-thread-name,.dm-thread-time,.dm-thread-preview){color:#fff}.chat-split-list .is-open .chat-badge--count{background:#fff;color:var(--color-rose)}.chat-split-list .is-open .chat-badge--mention,.chat-split-list .is-open .chat-badge--reaction{color:#fff}.chat-split-list .is-open :is(.chat-preview-sender,.chat-preview-text.is-kind){color:#fff}.chat-split-list .community-row.is-open .community-row-body:after,.chat-split-list .dm-thread-item.is-open .dm-thread-news:after{background:#fff}.chat-split-empty{position:relative;flex:1 1 auto;display:grid;place-items:center;isolation:isolate;background-color:var(--e-plane-page)}.chat-split-empty:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 15% 10%,color-mix(in srgb,var(--color-rose) 55%,#fff) 0%,transparent 60%),radial-gradient(110% 90% at 85% 90%,color-mix(in srgb,var(--color-rose-link) 60%,#fff) 0%,transparent 60%),linear-gradient(160deg,#cfc7e6,#9c8fc4);opacity:.07;-webkit-mask-image:url(/assets/chat/doodles.svg);mask-image:url(/assets/chat/doodles.svg);-webkit-mask-size:1080px 1080px;mask-size:1080px 1080px;-webkit-mask-repeat:repeat;mask-repeat:repeat;pointer-events:none}.chat-split-empty-note{margin:0;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--e-plane-section) 76%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);color:var(--e-ink-1);font-size:14px;line-height:20px}body.is-list-narrow.is-list-search{--chat-list-w: 260px}body.is-list-narrow:not(.is-list-search) :is(.mobile-background-actions,.stories-strip){display:none!important}body.is-list-narrow:not(.is-list-search) .chat-split-list :is(.communities-open-mine,.dm-suggestions,.dm-empty,.dm-hint,.chat-empty,.chat-list-more-failed){display:none}body.is-list-narrow:not(.is-list-search) .chat-split-list :is(.communities-page,.dm-wrap){padding-inline:0}body.is-list-narrow:not(.is-list-search) .chat-split-list .community-row,body.is-list-narrow:not(.is-list-search) .chat-split-list .dm-thread-link{position:relative;display:flex;justify-content:center;gap:0;padding:0 10px;border-radius:0}body.is-list-narrow:not(.is-list-search) .chat-split-list :is(.community-row-body,.dm-thread-copy){position:absolute;inset:0;height:auto;pointer-events:none}body.is-list-narrow:not(.is-list-search) .chat-split-list :is(.community-row-head,.community-row-last,.dm-row-line>:not(.dm-thread-news)){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.is-list-narrow:not(.is-list-search) .chat-split-list :is(.community-row-body,.dm-thread-news):after{display:none}body.is-list-narrow:not(.is-list-search) .chat-split-list :is(.chat-badges,.dm-thread-news){position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:2px}body.is-list-narrow .chat-split-list .chat-badges:has(.chat-badge--mention) .chat-badge--reaction{display:none}body.is-list-narrow:not(.is-list-search) .chat-split-list :is(.chat-badge--mention,.chat-badge--reaction){border-radius:999px;background:var(--e-plane-page)}body.is-list-narrow:not(.is-list-search) .chat-split-list .chat-badge--count{box-shadow:0 0 0 2px var(--e-plane-page)}body.is-list-narrow:not(.is-list-search) .chat-split-list .srch-bar{margin-inline:0;padding:0}body.is-list-narrow:not(.is-list-search) .chat-split-list .srch-field{flex:none;justify-content:center;width:40px;height:40px;margin-inline:auto;padding:0;background:transparent;cursor:pointer}body.is-list-narrow:not(.is-list-search) .chat-split-list .srch-field:hover{background:var(--e-plane-section)}body.is-list-narrow:not(.is-list-search) .chat-split-list .srch-field .srch-field-icon{display:block;width:21px;height:21px}body.is-list-narrow:not(.is-list-search) .chat-split-list .srch-field>.stories-mini{display:none}body.is-list-narrow:not(.is-list-search) .chat-split-list .srch-field>:not(.srch-field-icon){position:absolute;width:1px;height:1px;opacity:0}}@media(min-width:768px)and (prefers-reduced-motion:reduce){body.is-split-animating :is(main,.chat-split-pane,.chat-split-handle){transition:none}}