.member-avatar{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#e0ebf9;color:#183b65;font:700 9px/1 system-ui,sans-serif;vertical-align:middle;user-select:none}
.member-avatar[data-kind=icon]{font-size:16px}
.member-avatar[data-color="1"]{background:#f7e4ce;color:#66390d}
.member-avatar[data-color="2"]{background:#e8dff8;color:#4e2775}
.member-avatar[data-color="3"]{background:#d9eee3;color:#1b5037}
.member-avatar[data-color="4"]{background:#f5dfe8;color:#752d4c}
.member-avatar[data-color="5"]{background:#e8eabe;color:#414a15}
html[data-theme=dark] .member-avatar{background:#263e59;color:#d9eafe}
html[data-theme=dark] .member-avatar[data-color="1"]{background:#553e28;color:#ffe4c4}
html[data-theme=dark] .member-avatar[data-color="2"]{background:#49315e;color:#edddff}
html[data-theme=dark] .member-avatar[data-color="3"]{background:#284d3d;color:#d6f8e7}
html[data-theme=dark] .member-avatar[data-color="4"]{background:#593448;color:#ffe0ec}
html[data-theme=dark] .member-avatar[data-color="5"]{background:#444b29;color:#f1f5ce}
.member-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:inherit;color:inherit}

/* Keep the portrait behind the words instead of reserving a text column. */
.member-message{--member-header-height:22px;--member-header-gap:5px;position:relative;isolation:isolate;display:block}
.member-message>:not(.member-avatar){min-width:0}
.member-message>.member-avatar{position:absolute;inset-block-start:6px;inset-inline-start:6px;z-index:-1;block-size:min(88px,calc(100% - 12px));inline-size:auto;aspect-ratio:1;flex:none;border-radius:0;font-size:28px;opacity:.18;pointer-events:none;-webkit-mask-image:linear-gradient(135deg,#000 20%,transparent 95%);mask-image:linear-gradient(135deg,#000 20%,transparent 95%)}
.member-message>.member-avatar[data-kind=icon]{font-size:42px}
.member-message>:is(.message-meta,.who){min-height:var(--member-header-height);margin-bottom:var(--member-header-gap)}