.presence-person{display:inline-flex;align-items:center;vertical-align:middle;gap:6px}.presence-face{display:inline-flex;padding:3px;border:2px solid #64717d;border-radius:50%;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.presence-face[data-presence-state=active]{border-color:#66d491;box-shadow:0 0 7px #66d49135}.presence-face[data-presence-state=away]{border-color:#edc75e;box-shadow:0 0 7px #edc75e25}.presence-picture{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#23323c;color:#d9b77b;font-weight:700}.presence-picture img{width:100%;height:100%;object-fit:cover;display:block}.presence-profile,.presence-preview{flex-direction:column;align-items:center;flex-shrink:0}.presence-profile .presence-picture,.presence-preview .presence-picture{width:92px;height:92px;font-size:34px}.presence-label{font-size:10px;color:var(--muted)}.presence-profile:has([data-presence-state=active]) .presence-label{color:#66d491}.presence-profile:has([data-presence-state=away]) .presence-label{color:#edc75e}.presence-chat{margin-right:7px}.presence-chat .presence-face{padding:2px;border-width:2px}.presence-chat .presence-picture{width:23px;height:23px;font-size:11px}.presence-chat .presence-label{display:none}#grimrise-chat .chat-message button,#grimrise-chat .chat-contact button[data-player],#grimrise-chat .chat-thread strong{display:inline-flex;align-items:center;gap:3px}@media(max-width:600px){.presence-profile .presence-picture,.presence-preview .presence-picture{width:72px;height:72px;font-size:28px}}