.contact-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden;font-size:12px;font-weight:750;line-height:1;letter-spacing:.025em;vertical-align:middle;user-select:none}.contact-avatar>span{display:block}.contact-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contact-sender-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contact-sender-line .contact-avatar{flex-shrink:0}.mailbox-row,.inbox-list .inbox-row,.site-request-row{position:relative;padding-left:58px!important}.mailbox-row>.contact-avatar,.inbox-row>.contact-avatar,.site-request-row>.contact-avatar{position:absolute;left:12px;top:13px}.mailbox-row>.contact-avatar{width:32px;height:32px}.site-detail-head .contact-sender-line .contact-avatar{width:32px;height:32px;flex-basis:32px;font-size:11px}.conversation-client .contact-avatar{width:28px;height:28px;flex-basis:28px;font-size:10px}.mailbox-addresses .contact-avatar{width:26px;height:26px;flex-basis:26px;font-size:10px}
.contact-color-0{background:#e2edf9;color:#21578b}
.contact-color-1{background:#e9e3f6;color:#634592}
.contact-color-2{background:#fae3ea;color:#a03356}
.contact-color-3{background:#fce9d9;color:#985b20}
.contact-color-4{background:#f5eeca;color:#76621a}
.contact-color-5{background:#e4efcc;color:#4f6d21}
.contact-color-6{background:#d7efe4;color:#23644b}
.contact-color-7{background:#d9eeef;color:#23666b}
.contact-color-8{background:#e0e7f6;color:#3e5790}
.contact-color-9{background:#f2e2f0;color:#85487b}
.contact-color-10{background:#f8e1de;color:#984f44}
.contact-color-11{background:#ede9df;color:#6d5a3c}
.contact-color-12{background:#e1ebe7;color:#3d6657}
.contact-color-13{background:#e5e8ed;color:#526477}
.contact-color-14{background:#ece1db;color:#875640}
.contact-color-15{background:#e3ecfa;color:#335f9c}
@media(max-width:760px){.mailbox-row,.inbox-list .inbox-row,.site-request-row{padding-left:52px!important}.mailbox-row>.contact-avatar,.inbox-row>.contact-avatar,.site-request-row>.contact-avatar{left:10px;width:30px;height:30px;font-size:10px}}