.group-header .title-block{--group-line-h:1.25rem;--tile-col:3.125rem;--group-line-w:calc(100vw - var(--tile-col) - 3 * var(--tap) - 3 * var(--s-1) - max(var(--s-2), env(safe-area-inset-right)) - max(var(--s-1), env(safe-area-inset-left)));grid-template-columns:var(--tile-col) minmax(0, 1fr);grid-template-rows:auto var(--group-line-h)}header.group-header{min-height:calc(4rem + env(safe-area-inset-top))}.group-header .title-block>.popover>.group-button{width:var(--tile-col);min-width:var(--tile-col);text-align:left;justify-content:flex-start;padding:0;position:relative}.group-header .group-button .title-tile{margin-left:var(--s-2)}.group-header .group-button .title-group-line{width:var(--group-line-w);height:var(--group-line-h);padding:0 var(--s-2);font-size:var(--fs-xs);line-height:var(--group-line-h);color:var(--muted);white-space:nowrap;border-radius:var(--r-sm);align-items:center;gap:.125rem;display:flex;position:absolute;bottom:0;left:100%}.group-header .group-button .title-group{text-overflow:ellipsis;min-width:0;overflow:hidden}.group-header .group-button:focus-visible .title-group-line{outline:inherit;outline-offset:inherit}@media (hover:hover){.group-header .group-button:hover .title-group-line{background:var(--sunken)}}@media (min-width:60rem){.group-header .group-button .title-group-line{width:max-content;max-width:30rem}}.title-group-chevron{color:var(--muted);flex:none;transition:transform .15s}.group-header .title-block .title-button{min-height:var(--tap);padding:0 var(--s-2) .0625rem;align-items:flex-end}.title-chip{flex:none;margin-left:.375rem}.group-header .title-button .title-channel{min-width:2.75rem}@media (max-width:22.5rem){.group-header .title-button .title-name>svg{display:none}.group-header .title-block .title-button{padding-right:0;padding-left:var(--s-1)}.group-header .group-button .title-group-line{padding-left:var(--s-1)}.group-header .title-button .title-chip{margin-left:.25rem}.group-header .title-name:has(.title-chip,.title-failed) .title-chevron-wrap{display:none}}@media (prefers-reduced-motion:reduce){.title-group-chevron{transition:none}}.sheet-handle{cursor:grab;touch-action:none;flex:none;justify-content:center;align-items:center;height:1.25rem;margin:-.25rem 0 .125rem;display:none}.sheet-handle:before{content:"";background:var(--border-strong,var(--muted));border-radius:var(--r-pill);opacity:.6;width:2.5rem;height:.25rem}.popover-dim{display:none}@media (max-width:59.99rem){.popover-dim{top:var(--group-header-h,0px);right:0;bottom:var(--tabbar-h,0px);z-index:29;touch-action:none;background:var(--overlay);display:block;position:absolute;left:0}.switcher-panel .sheet-handle{display:flex}.account-popover>.popover-dim{position:fixed;top:0;bottom:0}}@media (max-width:40rem){.sheet .sheet-handle,.join-sheet .sheet-handle{display:flex}.button.create-fab{transition:padding .18s,gap .18s,opacity .18s,transform .18s}.create-fab .fab-label{max-width:12rem;transition:max-width .18s,opacity .18s;display:inline-block;overflow:hidden}html[data-fab] .button.create-fab{gap:0;padding:0 calc(1.5rem - 12px)}html[data-fab] .create-fab .fab-label{opacity:0;max-width:0}html[data-fab=hidden] .button.create-fab:not(:focus-visible){pointer-events:none;opacity:0;transform:translateY(.75rem)}.button.create-fab>svg{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.button.create-fab,.create-fab .fab-label{transition:none}}.switcher-row .switcher-name.switcher-name-unread,.switcher-row .group-row-name.switcher-name-unread{font-weight:700}