.channel-avatar{--channel-tint:var(--surface-2);--channel-ink:var(--paper-300);background:var(--channel-tint);block-size:48px;inline-size:48px;color:var(--paper-50);font:600 17px/1 var(--sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.channel-avatar[data-channel=whatsapp]{--channel-tint:var(--area-people-tint);--channel-ink:var(--area-people-ink)}.channel-avatar[data-channel=telegram]{--channel-tint:var(--area-handled-tint);--channel-ink:var(--area-handled-ink)}.channel-avatar[data-channel=email]{--channel-tint:var(--area-today-tint);--channel-ink:var(--area-today-ink)}.channel-avatar[data-channel=sms]{--channel-tint:var(--area-grow-tint);--channel-ink:var(--area-grow-ink)}.channel-avatar[data-channel=website]{--channel-tint:var(--area-calm-tint);--channel-ink:var(--area-calm-ink)}.channel-avatar[data-channel=babot]{--channel-tint:var(--area-chat-tint);--channel-ink:var(--area-chat-ink)}.channel-avatar .place-icon{color:var(--channel-ink)}.channel-avatar[data-size=sm]{block-size:40px;inline-size:40px;font-size:15px}.channel-avatar[data-size=lg]{block-size:72px;inline-size:72px;font-size:24px}.channel-avatar[data-size=lg] .place-icon-glyph{width:30px;height:30px}