.chat-pane{--t-content:var(--text-lede,15px);--t-lh:1.5;--t-obj:var(--text-small,14px);--av:var(--face-thread,20px);--gutter:var(--thread-gutter,30px);width:var(--thread-width,420px);border-right:1px solid var(--color-border);background:var(--color-paper);flex-direction:column;flex:none;transition:width .36s cubic-bezier(.65,0,.35,1);display:flex;overflow:hidden}.chat-pane>.rail{display:none}.chat-pane>:not(.rail){transition:opacity .16s var(--ease-in,ease-in), transform .16s var(--ease-in,ease-in)}.chat-pane[data-chat=hidden]{background:0 0;border-right:0;width:64px}.chat-pane[data-chat=hidden]:not([data-pop=rail-leaving]){z-index:30;position:relative;overflow:visible}.chat-pane[data-chat=hidden]>:not(.rail){display:none}.chat-pane[data-chat=hidden]>.rail{display:flex}.chat-pane[data-chat=leaving]>:not(.rail){opacity:0;transform:translate(-12px)}.chat-pane[data-chat=arriving]>:not(.rail){animation:.32s cubic-bezier(.16,1,.3,1) .2s both pm-chat-in}@keyframes pm-chat-in{0%{opacity:0;transform:translate(-12px)}}.rail{isolation:isolate;box-sizing:border-box;background:0 0;flex-direction:column;align-items:center;gap:12px;width:56px;height:100%;margin:0 0 0 8px;padding:12px 0 18px;display:flex;position:relative}.chat-pane[data-chat=hidden]>.rail>*{animation:.3s cubic-bezier(.16,1,.3,1) both pm-rail-in}.chat-pane[data-chat=hidden]>.rail>:first-child{animation-delay:.22s}.chat-pane[data-chat=hidden]>.rail>:nth-child(2){animation-delay:.28s}.chat-pane[data-chat=hidden]>.rail>:nth-child(4){animation-delay:.34s}@keyframes pm-rail-in{0%{opacity:0;transform:translate(-8px)scale(.92)}}.rail .rail-dassie{cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0}.rail .rail-dassie:hover{background:var(--color-surface)}.rail .goo{z-index:-1;pointer-events:none;position:absolute;inset:0}.rail .goo i{background:var(--color-surface);display:block;position:absolute}.rail .goo .g-top{width:56px;height:120px;transition:opacity .16s var(--ease-out);border-radius:28px;top:4px;left:0}.rail .goo .g-bot{border-radius:23px;width:46px;height:46px;bottom:10px;left:5px}:is(.rail:has(.c-app-pick:hover) .goo .g-top,.rail:has(.c-app-pick__switch.open) .goo .g-top){opacity:0}.rail .rail-open{z-index:2;background:var(--color-surface);width:46px;height:46px;color:var(--color-text-secondary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--dur-quick) var(--ease-out), transform .24s cubic-bezier(.16, 1, .3, 1);border:0;border-radius:50%;justify-content:center;align-items:center;margin:-23px 0 0 -23px;padding:0;display:inline-flex;position:absolute;top:50%;left:50%;transform:scale(.7)}.rail .rail-open .hi{width:18px;height:18px}.rail:hover .rail-open,.rail .rail-open:focus-visible{opacity:1;pointer-events:auto;transform:none}.rail .rail-open:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.rail:hover .rail-open .hi{animation:1.1s cubic-bezier(.45,0,.55,1) .2s 2 pm-lean}@keyframes pm-lean{0%,to{transform:none}50%{transform:translate(3px)}}.rail .sp{cursor:pointer;flex:1;align-self:stretch}.rail:has(.c-app-pick:hover) .rail-open{opacity:0;pointer-events:none;transform:scale(.7)}.chat-pane>.rail>.rail-open,.chat-pane>.rail>.goo,.rail .av[data-kind=you],.rail .rail-dassie{animation:none!important}@keyframes pm-pop-out{to{opacity:0;transform:scale(0)}}@keyframes pm-pop-in{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.14)}to{transform:scale(1)}}.chat-pane[data-chat=leaving] .c-head[data-variant=thread] .av[data-kind=you],.chat-pane[data-pop=rail-leaving] .rail .av[data-kind=you],.chat-pane[data-pop=rail-leaving] .rail .rail-dassie{animation:.14s cubic-bezier(.7,0,.84,0) both pm-pop-out!important}.chat-pane[data-pop=rail-popping] .rail .rail-dassie{animation:.42s cubic-bezier(.16,1,.3,1) .24s both pm-pop-in!important}.chat-pane[data-pop=rail-popping] .rail .av[data-kind=you]{animation:.42s cubic-bezier(.16,1,.3,1) .32s both pm-pop-in!important}.chat-pane[data-pop=chat-popping] .c-head[data-variant=thread] .av[data-kind=you]{animation:.42s cubic-bezier(.16,1,.3,1) .3s both pm-pop-in!important}@media (prefers-reduced-motion:reduce){.chat-pane,.chat-pane>:not(.rail){transition:none}.chat-pane[data-chat=arriving]>:not(.rail),.chat-pane[data-chat=hidden]>.rail>*{animation:none}.rail .rail-open,.rail:hover .rail-open .hi{transition:none;animation:none}.chat-pane[data-chat=leaving] .c-head[data-variant=thread] .av[data-kind=you],.chat-pane[data-pop] .rail>*,.chat-pane[data-pop=chat-popping] .c-head[data-variant=thread] .av[data-kind=you]{animation:none!important}}