.moh-board-row{transition:background-color var(--moh-duration-base) ease-out}.moh-board-row.is-unread{background-color:color-mix(in srgb,var(--moh-badge-fill) 8%,transparent)}html.dark .moh-board-row.is-unread{background-color:color-mix(in srgb,var(--moh-badge-fill) 9%,transparent)}.moh-board-row.is-unread:hover{background-color:color-mix(in srgb,var(--moh-badge-fill) 12%,var(--moh-surface-hover))}.moh-board-bar{background:var(--moh-badge-fill);transform-origin:50%;pointer-events:none;width:3px;position:absolute;top:0;bottom:0;left:0}.moh-board-bar-enter-active{transition:transform var(--moh-duration-slow) cubic-bezier(.3,0,0,1)}.moh-board-bar-enter-from{transform:scaleY(0)}.moh-board-bar-leave-active{transition:opacity var(--moh-duration-fast) cubic-bezier(.4,0,1,1)}.moh-board-bar-leave-to,.moh-board-pill-leave-to{opacity:0}.moh-board-pill-slot{max-width:14rem;margin:-2px;padding:2px;display:inline-flex;overflow:hidden}.moh-board-pill{border-radius:var(--moh-radius-full);height:20px;font-size:var(--moh-type-caption);white-space:nowrap;align-items:center;padding:0 8px;font-weight:600;line-height:1;display:inline-flex}.moh-board-pill.is-direct{background:var(--moh-badge-fill);color:var(--moh-on-fill)}html.dark .moh-board-pill.is-direct{color:var(--moh-ink)}.moh-board-pill.is-ambient{background:color-mix(in srgb,var(--moh-badge-fill) 14%,transparent);color:var(--moh-badge-fill)}html.dark .moh-board-pill.is-ambient{background:color-mix(in srgb,var(--moh-badge-fill) 18%,transparent)}.moh-board-pill-enter-active{transition:max-width var(--moh-duration-base) ease-out}.moh-board-pill-enter-active .moh-board-pill{animation:moh-board-pill-pop var(--moh-duration-enter) cubic-bezier(.34,1.56,.64,1)}.moh-board-pill-enter-from{max-width:0}.moh-board-pill-leave-active{transition:opacity var(--moh-duration-fast) cubic-bezier(.4,0,1,1)}@keyframes moh-board-pill-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.moh-board-bar-enter-active,.moh-board-bar-leave-active,.moh-board-pill-enter-active,.moh-board-pill-leave-active,.moh-board-row{transition:none}.moh-board-pill-enter-active .moh-board-pill{animation:none}}