.wkpresence:empty{display:none}
.wkpresence{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:100%}
.wkpresencefaces{display:flex;align-items:center;gap:4px}
.wkpresenceface{position:relative;width:30px;height:30px;flex:0 0 30px;border:2px solid #fff;border-radius:50%;background:#e7e9ed;color:#263242;cursor:pointer;font:600 10px/1 system-ui;padding:0;box-shadow:0 0 0 1px #b7c0cb}
.wkpresenceface>span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:50%}
.wkpresenceface img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.wkpresenceface::after{content:'';position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border:2px solid white;background:#267a52;border-radius:50%}
.wkpresenceface[aria-pressed=true]{box-shadow:0 0 0 2px #5a54d6}
.wkpresenceface:focus-visible{outline:3px solid #5a54d6;outline-offset:3px}
.wkpresencestatus{display:flex;align-items:center;gap:6px;color:#687481;font:11px/1.3 system-ui}
.wkpresencestatus button{font:inherit;color:#4c46bd;border:1px solid #bdb9e7;border-radius:4px;padding:5px 7px;background:white;cursor:pointer}
@media(max-width:600px){.wkpresence:empty{display:none}
.wkpresence{flex-basis:100%;margin:4px 0}.wkpresencefaces{gap:3px}.wkpresenceface{width:26px;height:26px;flex-basis:26px}}