.presence-dot{--presence-online: #22c55e;--presence-online-ring: #166534;--presence-offline: #6b7280;--presence-offline-ring: #374151;border:2px solid transparent;border-radius:9999px;box-sizing:border-box;flex-shrink:0;pointer-events:none;z-index:1}.presence-dot--online{background:var(--presence-online);border-color:var(--presence-online-ring)}.presence-dot--offline{background:var(--presence-offline);border-color:var(--presence-offline-ring)}.presence-dot--sm{border-width:1.5px;height:10px;width:10px}.presence-dot--md{height:12px;width:12px}.presence-dot--lg{height:14px;width:14px}.presence-dot--bl,.presence-dot--br,.presence-dot--tl,.presence-dot--tr{position:absolute}.presence-dot--br{bottom:0;right:0}.presence-dot--tr{right:0;top:0}.presence-dot--bl{bottom:0;left:0}.presence-dot--tl{left:0;top:0}.presence-dot--lg.presence-dot--br{bottom:5px;right:5px}.presence-dot--lg.presence-dot--tr{right:5px;top:5px}.presence-dot--lg.presence-dot--bl{bottom:5px;left:5px}.presence-dot--lg.presence-dot--tl{left:5px;top:5px}