@layer reset,base,elements,components,utilities;@layer components{._itemDivider_kczbu_3{margin-inline:var(--s-3);border-width:.5px;border-color:var(--color-bg-high)}._item_kczbu_3{padding:var(--s-1) var(--s-3);display:grid;grid-template-areas:"image header" "image timestamp";grid-template-columns:30px 1fr;column-gap:var(--s-2);padding-block:var(--s-3);color:var(--color-text)}._unseenDot_kczbu_19{background-color:var(--color-text-accent);border-radius:100%;width:8px;height:8px;position:absolute;top:-1px;left:-1px;outline:2px solid var(--color-bg)}._imageContainer_kczbu_30{place-self:center;grid-area:image;border-radius:var(--radius-avatar);width:30px;height:30px;background-color:var(--color-bg-high);display:grid;place-items:center;position:relative}._item_kczbu_3:hover ._imageContainer_kczbu_30{outline:3px solid var(--color-bg-higher)}._item_kczbu_3:focus-within ._imageContainer_kczbu_30{outline:3px solid var(--color-accent-low)}._itemImage_kczbu_50{width:30px;height:30px;border-radius:var(--radius-avatar)}._itemHeader_kczbu_56{grid-area:header;font-size:var(--font-sm);font-weight:var(--weight-semi)}._timestamp_kczbu_62{grid-area:timestamp;color:var(--color-text-high);font-size:var(--font-2xs);font-weight:var(--weight-body)}}