._root_of567_4{display:grid;gap:14px;justify-items:start;min-width:0;max-width:100%}._facepile_of567_16{display:flex;min-width:0;max-width:100%;padding-left:4px}._face_of567_16{position:relative;flex:0 1 auto;width:var(--face-size, 76px);min-width:0}._face_of567_16+._face_of567_16{margin-left:-12px}._face_of567_16 img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--q-bg-2),var(--q-shadow-soft);transition:transform .2s ease}._face_of567_16:before,._face_of567_16:after{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}._face_of567_16:after{content:attr(data-hello);bottom:calc(100% + 10px);transform:translate(var(--bubble-x, -50%),4px);padding:5px 11px;border-radius:999px;background:var(--q-dark);color:var(--q-on-dark);font-size:.8rem;font-weight:800;white-space:nowrap}._face_of567_16:first-child:after{--bubble-x: 0;left:-4px}._face_of567_16:last-child:after{--bubble-x: 0;left:auto;right:-4px}._face_of567_16:before{content:"";bottom:calc(100% + 4px);transform:translate(-50%,4px);border:6px solid transparent;border-bottom:0;border-top-color:var(--q-dark)}._face_of567_16:focus{outline:none}._face_of567_16:hover{z-index:2}._face_of567_16:hover img{transform:scale(1.08)}._face_of567_16:hover:before{opacity:1;transform:translate(-50%)}._face_of567_16:hover:after{opacity:1;transform:translate(var(--bubble-x, -50%))}@media(hover:none){._face_of567_16:focus{z-index:2}._face_of567_16:focus img{transform:scale(1.08)}._face_of567_16:focus:before{opacity:1;transform:translate(-50%)}._face_of567_16:focus:after{opacity:1;transform:translate(var(--bubble-x, -50%))}}._status_of567_123{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;border-radius:999px;background:var(--q-green-soft);color:var(--q-green);font-size:.875rem;font-weight:800}._dot_of567_135{width:8px;height:8px;border-radius:50%;background:var(--q-green-mid)}@media(prefers-reduced-motion:reduce){._face_of567_16 img,._face_of567_16:before,._face_of567_16:after{transition:none}._face_of567_16:hover img,._face_of567_16:focus img{transform:none}}@media(max-width:520px){._face_of567_16 img{box-shadow:0 0 0 3px var(--q-bg-2)}._face_of567_16+._face_of567_16{margin-left:-8px}}
